Center app, hide logo share button, flatten Settings inner cards

app.py

@@ -129,11 +129,30 @@ html, body, gradio-app, [class*="gradio-container"] {
   background: #f5f9ff !important;
 }
 
+/* The Space iframe wraps Gradio in <gradio-app>; force it to center horizontally. */
+gradio-app, gradio-app > .gradio-container, gradio-app > div {
+  display: block !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+
 [class*="gradio-container"] {
   max-width: 1180px !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+  padding-left: 24px !important;
+  padding-right: 24px !important;
   color: #0f2744;
 }
 
+/* Some Gradio builds wrap the app in `.main` or `.app`; center those too. */
+[class*="gradio-container"] .main,
+[class*="gradio-container"] .app,
+[class*="gradio-container"] .contain {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+
 [class*="gradio-container"] *::selection { background: rgba(37,99,235,0.18); }
 
 /* --- LEFT/RIGHT layout --- */
@@ -146,8 +165,7 @@ html, body, gradio-app, [class*="gradio-container"] {
 .banner-logo-image,
 .banner-logo-image .image-container,
 .banner-logo-image .image-frame,
-.banner-logo-image > div,
-.banner-logo-image button {
+.banner-logo-image > div {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
@@ -162,6 +180,16 @@ html, body, gradio-app, [class*="gradio-container"] {
   border: none !important;
   box-shadow: none !important;
 }
+/* Strip any overlay buttons (share / download / fullscreen) that some Gradio builds
+   still inject on top of the image, even when their show_* flags are off. */
+.banner-logo-image .icon-button-wrapper,
+.banner-logo-image .source-selection,
+.banner-logo-image button,
+.banner-logo-image [aria-label*="hare" i],
+.banner-logo-image [aria-label*="ownload" i],
+.banner-logo-image [aria-label*="ullscreen" i] {
+  display: none !important;
+}
 
 /* --- SECTION CARDS --- */
 /* `section-card` becomes a real white rounded card with soft blue shadow, no grey. */
@@ -259,16 +287,31 @@ html, body, gradio-app, [class*="gradio-container"] {
 [class*="gradio-container"] .gr-panel,
 [class*="gradio-container"] .form,
 [class*="gradio-container"] .gr-form,
-[class*="gradio-container"] .block,
-[class*="gradio-container"] .wrap,
 [class*="gradio-container"] .container {
   background: transparent !important;
 }
-/* Anything Gradio decides to paint with neutral_50 → make it white-on-card. */
-[class*="gradio-container"] [class*="svelte-"] > .form {
+
+/* Inside our white section-cards, the OUTER Gradio block of each component must
+   be flat — otherwise we get the "card inside card" double border on Settings. */
+.section-card .block,
+.section-card .form,
+.section-card .gr-form,
+.section-card .gr-block,
+.section-card .gr-panel,
+.section-card .gradio-dropdown,
+.section-card .gradio-slider,
+.section-card .gradio-textbox,
+.section-card .gradio-markdown,
+.section-card .gradio-code {
   background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  padding: 0 !important;
 }
 
+/* Direct children of a card get vertical rhythm without extra chrome. */
+.section-card > * + * { margin-top: 14px; }
+
 /* --- INPUTS / TEXTAREA --- */
 [class*="gradio-container"] textarea,
 [class*="gradio-container"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
@@ -787,6 +830,7 @@ with gr.Blocks(
                     interactive=False,
                     show_download_button=False,
                     show_fullscreen_button=False,
+                    show_share_button=False,
                     elem_classes="banner-logo-image",
                 )