UI: revert global margin tweaks; apply targeted spacing by setting elem_id=main-row and shrinking its top margin

app.py

@@ -3439,21 +3439,13 @@ This work, developed in collaboration with [TVG@Oxford](https://torrvision.com/i
 
 The framework builds upon 🐪 [CAMEL-ai](https://github.com/camel-ai/camel).
 """)
-    # Compact global spacing to reduce gap between header and inputs
-    gr.HTML(
-        "<style>"
-        ".gradio-container .prose h1{margin-bottom:0.4rem!important;}"
-        ".gradio-container .prose p{margin:0.2rem 0!important;}"
-        ".gradio-container .gr-row{margin-top:0.25rem!important;}"
-        ".gradio-container .gr-accordion{margin-top:0.25rem!important;}"
-        "</style>"
-    )
-
     # Top-right logos (camel, tvg, waterloo) if available
     gr.HTML(_ui_header_logos_html())
 
     # -------- Input box --------
-    with gr.Row():
+    # Targeted spacing tweak: reduce the top margin only before the main row
+    gr.HTML("<style>#main-row{margin-top:6px!important}</style>")
+    with gr.Row(elem_id="main-row"):
         # ========== LEFT: INPUT ==========
         with gr.Column(scale=1):
             with gr.Accordion("Input", open=True):