Simplify styling to match reference app

- Remove unused elem_classes from columns and summary output
- Simplify CSS by removing unused classes
- Pass theme/css to launch() for Gradio 6.0 compatibility
- Rely on Gradio's default .prose class for Markdown styling

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

app.py

@@ -470,42 +470,11 @@ CSS = """
     color: var(--body-text-color);
 }
 
-.main-header p {
-    color: var(--body-text-color-subdued);
-    font-size: 0.95rem;
-    margin: 0;
-}
-
 /* Section headers */
 .section-title {
     margin-bottom: 1rem !important;
     border-bottom: 1px solid var(--border-color-primary);
     padding-bottom: 0.5rem;
-    padding-left: 4px !important;
-}
-
-.section-title h3 {
-    color: var(--body-text-color) !important;
-    font-size: 0.875rem !important;
-    font-weight: 600 !important;
-    margin: 0 !important;
-}
-
-/* Output panels */
-.output-panel {
-    background: var(--block-background-fill) !important;
-    border-radius: 0.75rem !important;
-    border: 1px solid var(--border-color-primary) !important;
-    padding: 1.5rem !important;
-    min-height: 400px;
-}
-
-/* Summary output */
-.summary-text {
-    font-size: 1.05rem !important;
-    line-height: 1.8 !important;
-    color: var(--body-text-color) !important;
-    background: transparent !important;
 }
 
 /* Thinking/Reasoning section - Light mode */
@@ -532,47 +501,15 @@ CSS = """
 }
 
 /* Summary text - Dark mode */
-.dark .summary-text,
 .dark .prose {
     color: #f1f5f9 !important;
 }
 
-/* Summary divider */
-.summary-divider {
-    height: 1px;
-    background: var(--border-color-primary);
-    margin: 1.25rem 0;
-}
-
-/* Summary section */
-.summary-section {
-    padding-top: 0.5rem;
-}
-
 /* Sources panel */
 .sources-panel {
     font-size: 0.9rem !important;
     max-height: 400px;
     overflow-y: auto;
-    color: var(--body-text-color) !important;
-}
-
-.sources-panel p {
-    color: var(--body-text-color) !important;
-    margin-bottom: 0.5rem !important;
-    padding: 0.5rem 0 !important;
-    border-bottom: 1px solid var(--border-color-primary) !important;
-    line-height: 1.5 !important;
-}
-
-.sources-panel p:last-child {
-    border-bottom: none !important;
-    margin-bottom: 0 !important;
-}
-
-.sources-panel strong {
-    color: var(--body-text-color) !important;
-    font-weight: 600 !important;
 }
 
 /* Generate button */
@@ -589,51 +526,6 @@ CSS = """
     font-size: 0.85rem;
     opacity: 0.6;
 }
-
-.footer a {
-    color: var(--body-text-color);
-    text-decoration: none;
-    transition: color 0.15s ease;
-}
-
-.footer a:hover {
-    opacity: 0.8;
-}
-
-.footer-divider {
-    color: var(--border-color-primary);
-    margin: 0 0.5rem;
-}
-
-/* Hide default footer */
-footer {
-    display: none !important;
-}
-
-/* Responsive adjustments */
-@media (max-width: 768px) {
-    .gradio-container {
-        padding: 1rem !important;
-    }
-
-    .main-header h1 {
-        font-size: 1.5rem;
-    }
-}
-
-/* Smooth scrollbar for sources */
-.sources-panel::-webkit-scrollbar {
-    width: 4px;
-}
-
-.sources-panel::-webkit-scrollbar-track {
-    background: var(--block-background-fill);
-}
-
-.sources-panel::-webkit-scrollbar-thumb {
-    background: var(--border-color-primary);
-    border-radius: 2px;
-}
 """
 
 
@@ -643,7 +535,7 @@ footer {
 
 def create_app() -> gr.Blocks:
     """Create the Gradio application."""
-    with gr.Blocks(title="sui-1-24b", theme=THEME, css=CSS) as app:
+    with gr.Blocks(title="sui-1-24b") as app:
 
         # Header
         gr.HTML("""
@@ -654,8 +546,8 @@ def create_app() -> gr.Blocks:
         """)
 
         with gr.Row(equal_height=False):
-            # Left column: Inputs (compact)
-            with gr.Column(scale=2, elem_classes=["input-panel"]):
+            # Left column: Inputs
+            with gr.Column(scale=2):
                 gr.Markdown("### Document", elem_classes=["section-title"])
 
                 pdf_input = gr.File(
@@ -690,17 +582,15 @@ def create_app() -> gr.Blocks:
                 generate_btn = gr.Button(
                     "Generate Summary",
                     variant="primary",
-                    size="lg",
                     elem_classes=["generate-btn"],
                 )
 
-            # Right column: Output (larger, prominent)
-            with gr.Column(scale=3, elem_classes=["output-panel"]):
+            # Right column: Output
+            with gr.Column(scale=3):
                 gr.Markdown("### Summary", elem_classes=["section-title"])
 
                 summary_output = gr.Markdown(
-                    value="*Upload a PDF and click Generate to create a grounded summary with citations.*",
-                    elem_classes=["summary-text"],
+                    value="*Upload a PDF to begin.*",
                 )
 
                 with gr.Accordion(
@@ -735,4 +625,4 @@ def create_app() -> gr.Blocks:
 
 if __name__ == "__main__":
     app = create_app()
-    app.launch()
+    app.launch(theme=THEME, css=CSS)