Fix UI: reduce padding, fix section titles, rename to sui-1-24b-fp8

- Reduce header and panel padding for less wasted space
- Fix section titles being truncated (overflow: visible)
- Rename title from "sui-1 Summarizer" to "sui-1-24b-fp8"
- Shorter subtitle

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app.py

@@ -473,11 +473,11 @@ CSS = """
 /* Header styling */
 .main-header {
     text-align: center;
-    padding: 2.5rem 2rem;
+    padding: 1.5rem 1.25rem;
     background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
     backdrop-filter: blur(10px);
-    border-radius: 1.5rem;
-    margin-bottom: 2rem;
+    border-radius: 1rem;
+    margin-bottom: 1.25rem;
     border: 1px solid rgba(255, 255, 255, 0.9);
     box-shadow:
         0 4px 6px -1px rgba(0, 0, 0, 0.05),
@@ -507,46 +507,49 @@ CSS = """
 .input-panel {
     background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.8) 100%) !important;
     backdrop-filter: blur(10px);
-    border-radius: 1.25rem !important;
+    border-radius: 1rem !important;
     border: 1px solid rgba(255, 255, 255, 0.8) !important;
     box-shadow:
         0 4px 6px -1px rgba(0, 0, 0, 0.05),
         0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
-    padding: 1.5rem !important;
+    padding: 1rem !important;
 }
 
 .output-panel {
     background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.9) 100%) !important;
     backdrop-filter: blur(10px);
-    border-radius: 1.25rem !important;
+    border-radius: 1rem !important;
     border: 1px solid rgba(255, 255, 255, 0.9) !important;
     box-shadow:
         0 4px 6px -1px rgba(0, 0, 0, 0.05),
         0 10px 15px -3px rgba(0, 0, 0, 0.08),
         0 20px 25px -5px rgba(124, 58, 237, 0.08) !important;
-    padding: 1.75rem !important;
-    min-height: 400px;
+    padding: 1.25rem !important;
+    min-height: 350px;
 }
 
 /* Section headers */
 .section-title {
-    font-size: 0.875rem !important;
+    font-size: 0.8rem !important;
     font-weight: 600 !important;
     text-transform: uppercase !important;
     letter-spacing: 0.05em !important;
     color: #7c3aed !important;
-    margin-bottom: 1rem !important;
+    margin-bottom: 0.75rem !important;
+    margin-top: 0 !important;
     padding-bottom: 0.5rem !important;
     border-bottom: 2px solid rgba(124, 58, 237, 0.1) !important;
+    overflow: visible !important;
 }
 
 .section-title h3 {
     color: #7c3aed !important;
-    font-size: 0.875rem !important;
+    font-size: 0.8rem !important;
     font-weight: 600 !important;
     text-transform: uppercase !important;
     letter-spacing: 0.05em !important;
     margin: 0 !important;
+    overflow: visible !important;
 }
 
 /* Summary output */
@@ -781,13 +784,13 @@ footer {
 
 def create_app() -> gr.Blocks:
     """Create the Gradio application."""
-    with gr.Blocks(title="sui-1 Summarizer", theme=THEME, css=CSS) as app:
-        
+    with gr.Blocks(title="sui-1-24b-fp8", theme=THEME, css=CSS) as app:
+
         # Header
         gr.HTML("""
         <div class="main-header">
-            <h1>sui-1 Summarizer</h1>
-            <p>Generate grounded summaries with verifiable source citations</p>
+            <h1>sui-1-24b-fp8</h1>
+            <p>Grounded summaries with verifiable source citations</p>
         </div>
         """)