UI: tighten vertical spacing between header and input/output (reduce margins on titles, paragraphs, rows, accordions)

app.py

@@ -3122,6 +3122,16 @@ 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())