Upload styles.py with huggingface_hub

styles.py

@@ -140,8 +140,15 @@ gradio-app,
 
 /* ---------- glass panel base ---------- */
 
+/* NOTE: backdrop-filter must never be applied to an ancestor of a Gradio
+   dropdown. Gradio renders the option list as position:fixed, and
+   backdrop-filter (like filter and transform) makes the styled element the
+   containing block for fixed descendants - so the menu gets positioned
+   against the card instead of the viewport and lands off-screen
+   (measured at y = -123px). The picker row is therefore excluded and uses a
+   plain translucent fill instead. */
+
 .verdict,
-.picker > *,
 .gradio-container .accordion,
 .gradio-container details {
   background: var(--glass) !important;
@@ -153,6 +160,14 @@ gradio-app,
     0 24px 60px -34px rgba(0,0,0,.95);
 }
 
+.picker > * {
+  background: var(--glass-2) !important;   /* no backdrop-filter here - see above */
+  border: 1px solid var(--edge) !important;
+  box-shadow:
+    0 1px 0 rgba(255,255,255,.07) inset,
+    0 24px 60px -34px rgba(0,0,0,.95);
+}
+
 /* ---------- verdict ---------- */
 
 .verdict {