Upload app.py with huggingface_hub

app.py

@@ -724,6 +724,105 @@ footer { display: none !important; }
     text-decoration: none;
 }
 
+/* ===== FIX: Dropdown text visibility ===== */
+/* Selected value text */
+.gr-dropdown .wrap .wrap-inner .secondary-wrap,
+.gr-dropdown .wrap .wrap-inner .secondary-wrap span,
+.gr-dropdown .wrap .wrap-inner input,
+.gr-dropdown input,
+.dropdown .wrap span,
+.dropdown input[type="text"],
+div[data-testid="dropdown"] span,
+div[data-testid="dropdown"] input {
+    color: #e8e8ed !important;
+}
+
+/* Dropdown options list */
+.gr-dropdown ul[role="listbox"],
+.gr-dropdown .options,
+.dropdown ul, .dropdown li,
+ul[role="listbox"],
+li[role="option"],
+div[role="option"] {
+    color: #e8e8ed !important;
+    background-color: #1a1a1f !important;
+}
+li[role="option"]:hover,
+div[role="option"]:hover,
+li[role="option"].selected,
+li[role="option"][aria-selected="true"] {
+    background-color: rgba(99,102,241,.2) !important;
+    color: #c7c7ff !important;
+}
+
+/* Dropdown container border */
+.gr-dropdown .wrap, .dropdown .wrap {
+    background: #222228 !important;
+    border-color: #333340 !important;
+}
+
+/* Dropdown info text */
+.gr-dropdown .info-text, .dropdown .info-text,
+span[data-testid="info-text"] {
+    color: #8888a0 !important;
+}
+
+/* ===== FIX: Upload progress visibility ===== */
+/* Gradio upload progress bar */
+.upload-container .progress-bar,
+.uploading .progress-bar,
+.file-upload .progress-bar {
+    background: #333340 !important;
+    border-radius: 6px !important;
+    overflow: hidden !important;
+}
+.upload-container .progress-bar .progress,
+.uploading .progress-bar .progress,
+.file-upload .progress-bar .progress {
+    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
+}
+
+/* Upload progress text */
+.upload-container .progress-text,
+.uploading .progress-text,
+.file-upload-text,
+.upload-text,
+.eta-bar {
+    color: #e8e8ed !important;
+    font-weight: 600 !important;
+}
+
+/* Gradio's built-in ETA bar */
+.eta-bar {
+    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
+    opacity: 0.3 !important;
+}
+
+/* Progress level / status text */
+.progress-level, .progress-level span,
+.progress-level .progress-level-inner {
+    color: #e8e8ed !important;
+    font-size: 13px !important;
+}
+
+/* Upload button area */
+.upload-button, .upload-button span {
+    color: #e8e8ed !important;
+    border-color: #6366f1 !important;
+}
+
+/* Audio component loading state */
+.audio-upload .uploading,
+.audio-upload .loading {
+    color: #e8e8ed !important;
+}
+
+/* Spinner / loading indicator */
+.audio-upload .loading svg,
+.audio-upload .spinner {
+    color: #818cf8 !important;
+}
+
 /* Responsive */
 @media (max-width: 640px) {
     .howto { flex-direction: column; gap: 8px; }