Update app.py

app.py

@@ -860,45 +860,21 @@ input[type="range"]::-webkit-slider-thumb {
     }
 }
 
-/* Hide Footer - Multiple Selectors for Gradio */
+/* Hide Footer - Safe and Specific Selectors */
 footer {
     visibility: hidden !important;
     display: none !important;
-    height: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
 }
 
 .footer {
     visibility: hidden !important;
     display: none !important;
-    height: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
-}
-
-.gradio-footer {
-    visibility: hidden !important;
-    display: none !important;
-    height: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
 }
 
+/* Hide only Gradio attribution footer specifically */
 footer[class*="svelte"] {
     visibility: hidden !important;
     display: none !important;
-    height: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
-}
-
-div[class*="footer"] {
-    visibility: hidden !important;
-    display: none !important;
-    height: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
 }
 
 /* Hide Gradio attribution links */
@@ -907,7 +883,9 @@ a[href*="gradio.app"] {
     display: none !important;
 }
 
-div:has(a[href*="gradio.app"]) {
+/* More specific footer hiding for Gradio */
+.gradio-container footer,
+.gradio-container .footer {
     visibility: hidden !important;
     display: none !important;
 }
@@ -1031,13 +1009,112 @@ title_html = """
 </div>
 """
 
+title_html = """
+<div align="center" style="margin-bottom: 2em; padding: 2rem 0;" class="animate-fade-in">
+    <div style="
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
+        background-clip: text;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        margin-bottom: 1rem;
+    ">
+        <h1 style="
+            margin: 0; 
+            font-size: 3.5em; 
+            font-weight: 700; 
+            letter-spacing: -0.02em;
+            text-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
+        ">
+            🤖 Robo Beam-Search
+        </h1>
+    </div>
+    
+    <div style="
+        background: rgba(255, 255, 255, 0.9);
+        backdrop-filter: blur(15px);
+        border-radius: 16px;
+        padding: 1.5rem 2rem;
+        margin: 1rem auto;
+        max-width: 700px;
+        border: 1px solid rgba(102, 126, 234, 0.2);
+        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+    ">
+        <p style="
+            margin: 0.5em 0; 
+            font-size: 1.1em; 
+            color: #4a5568; 
+            font-weight: 500;
+        ">
+            <span style="
+                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+                background-clip: text;
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+                font-weight: 600;
+            ">Base LLM:</span> VIDraft/Gemma-3-R1984-4B
+        </p>
+        <p style="
+            margin: 1em 0 0 0; 
+            font-size: 1em; 
+            color: #718096; 
+            line-height: 1.6;
+            font-weight: 400;
+        ">
+            비파괴 X-RAY 검사/조사 이미지에 대한 위험 요소 식별/분석 기반 대화형 온프레미스 AI 플랫폼
+        </p>
+    </div>
+    
+    <div style="
+        display: flex;
+        justify-content: center;
+        gap: 1rem;
+        margin-top: 2rem;
+        flex-wrap: wrap;
+    ">
+        <div style="
+            background: rgba(102, 126, 234, 0.1);
+            border: 1px solid rgba(102, 126, 234, 0.3);
+            border-radius: 12px;
+            padding: 0.5rem 1rem;
+            font-size: 0.9em;
+            color: #667eea;
+            font-weight: 500;
+        ">
+            🔍 X-RAY 분석
+        </div>
+        <div style="
+            background: rgba(118, 75, 162, 0.1);
+            border: 1px solid rgba(118, 75, 162, 0.3);
+            border-radius: 12px;
+            padding: 0.5rem 1rem;
+            font-size: 0.9em;
+            color: #764ba2;
+            font-weight: 500;
+        ">
+            🛡️ 보안 스캐닝
+        </div>
+        <div style="
+            background: rgba(240, 147, 251, 0.1);
+            border: 1px solid rgba(240, 147, 251, 0.3);
+            border-radius: 12px;
+            padding: 0.5rem 1rem;
+            font-size: 0.9em;
+            color: #f093fb;
+            font-weight: 500;
+        ">
+            🌐 웹 검색
+        </div>
+    </div>
+</div>
+"""
+
 
 
 title_html = """
 <div align="center" style="margin-bottom: 1em;">
     <h1 style="margin-bottom: 0.2em; font-size: 1.8em; color: #333;">🤖 Robo Beam-Search</h1>
     <p style="margin: 0.5em 0; font-size: 1em; color: #666;">
-        <strong>Base LLM:</strong> VIDraft/Gemma-3-R1984-4B
+        <strong>Base LLM:</strong> Gemma-3-R1984-4B / 12B/ 27B @Powered by VIDraft 
     </p>
     <p style="margin: 0.5em 0; font-size: 0.9em; color: #888; max-width: 600px; margin-left: auto; margin-right: auto;">
         비파괴 X-RAY 검사/조사 이미지에 대한 위험 요소 식별/분석 기반 대화형 온프레미스 AI 플랫폼