Upload zones: hide Gradio internals, render own prompt via ::after

Codex strategy switch. Native upload markup has shifted across
v6 builds — first giant icon, then '- or -' stray, then blank.
Each selective fix broke a different render path. Stop chasing.

- Hide everything inside the upload <button>: .wrap, .icon-wrap,
.or. Button-scoped so non-upload pages are untouched.
- Render our own centered prompt via button::after with
pointer-events: none so clicks still pass through.
- Per-zone copy:
Upload: 'Click to Upload'
Import: 'Drop or choose .abv1'

Acceptance: each drop zone shows its prompt; clicking opens the
file picker; no stray '- or -'; no giant/clipped icons.

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

theme.py

@@ -1396,18 +1396,6 @@ span.has-info {
     align-items: flex-start !important;
 }
 
-/* Hide Gradio's default "- or -" inside the upload zones. Reads as a
-   broken fragment after we've customized the surrounding affordance.
-   Button-scoped so we never accidentally hit other `.or` content
-   elsewhere; substring fallback for builds where the class name has
-   a svelte hash appended. NEVER widen this to `span` / `.wrap` / `svg`
-   — that crushes the icon and the Click-to-Upload text too. */
-.dc-upload-audio button .or,
-.dc-import-file button .or,
-.dc-upload-audio button span[class*="or"],
-.dc-import-file button span[class*="or"] {
-    display: none !important;
-}
 .dc-ingest-card {
     border: 1px solid var(--line) !important;
     border-radius: 12px !important;
@@ -1437,8 +1425,12 @@ span.has-info {
     margin-bottom: 10px;
 }
 
-/* ---- File-upload zones — keep Gradio upload shells compact without clipping
-       labels or source/action affordances. */
+/* ---- File-upload zones — Codex move: stop chasing Gradio's native
+       upload markup (icon class names + text strings keep shifting
+       between v6 builds, leading to giant icons → blank zones).
+       Instead: hide everything inside the upload <button>, then
+       render our own prompt via ::after. The button stays clickable
+       (pseudo-element gets pointer-events: none). */
 .dc-upload-audio,
 .dc-import-file {
     min-height: 0 !important;
@@ -1446,34 +1438,47 @@ span.has-info {
 
 .dc-upload-audio button,
 .dc-import-file button {
+    position: relative !important;
     min-height: 0 !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
 }
 
-/* gr.File(height=120) sets the drop-zone height, but Gradio's
-   internal .icon-wrap svg (feather-upload glyph) expands to fill the
-   available width — verified live at ~1019×205px. Cap the icon-wrap
-   container and its child svg explicitly. NO overflow:hidden on
-   parents (that's what clipped the labels last time). */
+/* Native upload internals — icon, "Drop File Here", "- or -",
+   "Click to Upload". All unreliable across Gradio v6 builds, so hide
+   them inside the button only. */
+.dc-upload-audio button .wrap,
+.dc-import-file button .wrap,
 .dc-upload-audio button .icon-wrap,
-.dc-import-file button .icon-wrap {
-    width: 32px !important;
-    height: 32px !important;
-    flex: 0 0 32px !important;
-    display: inline-flex !important;
+.dc-import-file button .icon-wrap,
+.dc-upload-audio button .or,
+.dc-import-file button .or {
+    display: none !important;
+}
+
+/* Our deliberate, stable prompt. */
+.dc-upload-audio button::after,
+.dc-import-file button::after {
+    display: flex !important;
     align-items: center !important;
     justify-content: center !important;
+    width: 100%;
+    height: 100%;
+    color: var(--ink3);
+    font-family: 'Space Grotesk', sans-serif;
+    font-size: 18px;
+    font-weight: 500;
+    text-align: center;
+    pointer-events: none;
 }
 
-.dc-upload-audio button .icon-wrap svg,
-.dc-import-file button .icon-wrap svg,
-.dc-upload-audio button > svg,
-.dc-import-file button > svg {
-    display: block !important;
-    width: 28px !important;
-    height: 28px !important;
-    max-width: 28px !important;
-    max-height: 28px !important;
-    flex: 0 0 28px !important;
+.dc-upload-audio button::after {
+    content: "Click to Upload";
+}
+
+.dc-import-file button::after {
+    content: "Drop or choose .abv1";
 }
 
 /* ---- Tab strip — flat, centered, cap-styled section index. Reads as