Match two logo sizes with rounded frame; drop OSU caption; flatten Settings inner form

app.py

@@ -275,7 +275,7 @@ gradio-app > div {
 /* --- TOP BANNER --- */
 .top-banner {
   align-items: center !important;
-  padding: 28px 0 12px 0;
+  padding: 28px 0 16px 0;
   margin-bottom: 8px;
   gap: 0 !important;
 }
@@ -284,35 +284,7 @@ gradio-app > div {
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
-  gap: 8px !important;
-}
-.banner-quest-logo img {
-  width: auto !important;
-  max-width: 520px !important;
-  max-height: 160px !important;
-  height: auto !important;
-  object-fit: contain !important;
-  border-radius: 0 !important;
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  margin: 0 auto !important;
-  display: block !important;
-}
-.banner-quest-logo,
-.banner-quest-logo .image-container,
-.banner-quest-logo .image-frame,
-.banner-quest-logo > div,
-.banner-quest-logo button {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-}
-.banner-quest-logo .icon-button-wrapper,
-.banner-quest-logo [aria-label*="hare" i],
-.banner-quest-logo [aria-label*="ownload" i],
-.banner-quest-logo [aria-label*="ullscreen" i] {
-  display: none !important;
+  gap: 10px !important;
 }
 .banner-subtitle {
   color: #4a6a8c;
@@ -323,17 +295,13 @@ gradio-app > div {
   margin: 0;
 }
 
-.banner-right { justify-content: flex-end; display: flex; }
-.osu-nlp-mark {
-  display: flex !important;
-  flex-wrap: nowrap !important;
-  align-items: center !important;
-  justify-content: flex-end !important;
-  gap: 12px !important;
-  padding: 4px 4px 4px 12px;
-  width: auto !important;
-  background: transparent !important;
-}
+/* Shared logo chrome: both Quest and OSU NLP get the same rounded frame so they
+   look like a pair. Height is fixed so their visual weight matches. */
+.banner-quest-logo,
+.banner-quest-logo .image-container,
+.banner-quest-logo .image-frame,
+.banner-quest-logo > div,
+.banner-quest-logo button,
 .osu-nlp-logo,
 .osu-nlp-logo .image-container,
 .osu-nlp-logo .image-frame,
@@ -342,35 +310,53 @@ gradio-app > div {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
-  width: auto !important;
-  max-width: 52px !important;
-}
-.osu-nlp-logo img {
-  width: 52px !important;
-  height: 52px !important;
-  object-fit: contain !important;
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  border-radius: 0 !important;
 }
+.banner-quest-logo .icon-button-wrapper,
+.banner-quest-logo [aria-label*="hare" i],
+.banner-quest-logo [aria-label*="ownload" i],
+.banner-quest-logo [aria-label*="ullscreen" i],
 .osu-nlp-logo .icon-button-wrapper,
 .osu-nlp-logo [aria-label*="hare" i],
 .osu-nlp-logo [aria-label*="ownload" i],
 .osu-nlp-logo [aria-label*="ullscreen" i] {
   display: none !important;
 }
-.osu-nlp-caption {
-  font-size: 12px !important;
-  line-height: 1.25 !important;
-  font-weight: 600 !important;
-  color: #1d4ed8 !important;
-  text-decoration: none !important;
-  white-space: nowrap !important;
+.banner-quest-logo img {
+  height: 96px !important;
+  width: auto !important;
+  max-width: 100% !important;
+  object-fit: contain !important;
+  border-radius: 18px !important;
+  background: transparent !important;
+  border: none !important;
+  box-shadow: 0 8px 22px rgba(37,99,235,0.08) !important;
+  margin: 0 auto !important;
+  display: block !important;
+  padding: 6px 12px !important;
+}
+.banner-right {
+  display: flex !important;
+  justify-content: flex-end !important;
+  align-items: center !important;
+}
+.osu-nlp-logo img {
+  height: 96px !important;
+  width: auto !important;
+  max-width: 100% !important;
+  object-fit: contain !important;
+  border-radius: 18px !important;
+  background: transparent !important;
+  border: none !important;
+  box-shadow: 0 8px 22px rgba(37,99,235,0.08) !important;
+  padding: 6px 12px !important;
+  margin-left: auto !important;
+  display: block !important;
 }
-.osu-nlp-caption:hover {
-  color: #1e3a8a !important;
+.osu-nlp-logo {
+  cursor: pointer;
+  transition: transform .15s ease;
 }
+.osu-nlp-logo:hover img { transform: translateY(-1px); }
 
 /* --- LEFT/RIGHT layout --- */
 .layout-gap { gap: 24px !important; align-items: flex-start; }
@@ -387,44 +373,6 @@ gradio-app > div {
   margin-bottom: 14px !important;
 }
 
-/* --- LOGO --- */
-.banner-logo-image,
-.banner-logo-image .image-container,
-.banner-logo-image .image-frame,
-.banner-logo-image > div,
-.banner-logo-image button {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  border-radius: 18px !important;
-  overflow: hidden !important;
-}
-.banner-logo-image img {
-  width: 100%;
-  max-width: 360px;
-  height: auto;
-  object-fit: contain;
-  border-radius: 18px !important;
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-}
-/* Strip ONLY the overlay icon buttons (share / download / fullscreen). Do NOT touch
-   the wrapper <button> that Gradio uses to render the image itself, otherwise the
-   logo disappears. */
-.banner-logo-image .icon-button-wrapper,
-.banner-logo-image .source-selection,
-.banner-logo-image .icon-buttons,
-.banner-logo-image .icon-button,
-.banner-logo-image [aria-label*="hare" i],
-.banner-logo-image [aria-label*="ownload" i],
-.banner-logo-image [aria-label*="ullscreen" i],
-.banner-logo-image button[title*="hare" i],
-.banner-logo-image button[title*="ownload" i],
-.banner-logo-image button[title*="ullscreen" i] {
-  display: none !important;
-}
-
 /* --- SECTION CARDS --- */
 /* `section-card` becomes a real white rounded card with soft blue shadow, no grey. */
 .section-card {
@@ -537,9 +485,25 @@ gradio-app > div {
   --panel-background-fill: transparent;
   --panel-border-width: 0px;
   --background-fill-secondary: transparent;
+  /* Gradio 5's auto-form uses `background: var(--border-color-primary)`; making
+     that transparent inside a section-card eliminates the inner blue rectangle
+     around Dropdown + Slider groups. Inputs use --input-border-color instead,
+     so they keep their blue border. */
+  --border-color-primary: transparent;
   /* Allow dropdown popups / overflowing content to escape the card. */
   overflow: visible !important;
 }
+/* Catch the auto-form and its immediate wrappers regardless of svelte hash:
+   they are direct descendant divs of a section-card that have `display:flex`
+   from Gradio defaults. Strip all visual chrome, but keep spacing. */
+.section-card > div,
+.section-card > div > div,
+.section-card > div > div > div {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  overflow: visible !important;
+}
 .section-card .block,
 .section-card .form,
 .section-card .gr-form,
@@ -1249,21 +1213,16 @@ with gr.Blocks(
                 '<div class="banner-subtitle">A deep research agent for multi-source investigation</div>'
             )
         with gr.Column(scale=1, elem_classes="banner-side banner-right"):
-            with gr.Row(elem_classes="osu-nlp-mark"):
-                gr.Image(
-                    value=OSU_NLP_LOGO_PATH,
-                    show_label=False,
-                    container=False,
-                    interactive=False,
-                    show_download_button=False,
-                    show_fullscreen_button=False,
-                    show_share_button=False,
-                    elem_classes="osu-nlp-logo",
-                )
-                gr.HTML(
-                    f'<a class="osu-nlp-caption" href="{OSU_NLP_URL}" target="_blank" rel="noopener noreferrer">'
-                    'The Ohio State University<br/>NLP Group</a>'
-                )
+            gr.Image(
+                value=OSU_NLP_LOGO_PATH,
+                show_label=False,
+                container=False,
+                interactive=False,
+                show_download_button=False,
+                show_fullscreen_button=False,
+                show_share_button=False,
+                elem_classes="osu-nlp-logo",
+            )
 
     # --- Main two-column layout ---
     with gr.Row(elem_classes="layout-gap"):