Upload folder using huggingface_hub

gradio_app.py

@@ -282,7 +282,7 @@ def create_gradio_interface():
             background: #f0c5b8 !important;
         }
         
-        /* Modal Overlay - NO display property to avoid conflict */
+        /* Modal Overlay - simple approach */
         .modal-overlay {
             position: fixed !important;
             top: 0 !important;
@@ -297,6 +297,11 @@ def create_gradio_interface():
             box-sizing: border-box !important;
         }
         
+        /* Show as flex only when visible class is present */
+        .modal-overlay.visible {
+            display: flex !important;
+        }
+        
         /* Modal Content */
         .modal-content {
             background: #fefcfa !important;
@@ -751,7 +756,7 @@ def create_gradio_interface():
         </script>
         
         <script>
-        // Fix CodeMirror text selection after page loads
+        // Fix CodeMirror text selection and accordion titles after page loads
         document.addEventListener('DOMContentLoaded', function() {
             setTimeout(function() {
                 // Find all CodeMirror editors
@@ -775,22 +780,45 @@ def create_gradio_interface():
                         e.stopPropagation();
                     });
                 });
+                
+                // Fix accordion title font sizes - focus on first span only
+                const accordionButtons = document.querySelectorAll('button.label-wrap, button[class*="label-wrap"]');
+                accordionButtons.forEach(button => {
+                    // Find and style the text span (first span child) - this is the most important part
+                    const textSpan = button.querySelector('span:first-child');
+                    if (textSpan) {
+                        textSpan.style.fontSize = '1.5rem';
+                        textSpan.style.fontWeight = '900';
+                        textSpan.style.fontFamily = 'Georgia, serif';
+                        textSpan.style.color = '#2d1810';
+                        textSpan.style.textShadow = '0 1px 2px rgba(0,0,0,0.2)';
+                        textSpan.style.letterSpacing = '0.5px';
+                        textSpan.style.lineHeight = '1.3';
+                        
+                        // Force override any existing styles
+                        textSpan.style.setProperty('font-size', '1.5rem', 'important');
+                        textSpan.style.setProperty('font-weight', '900', 'important');
+                        textSpan.style.setProperty('font-family', 'Georgia, serif', 'important');
+                    }
+                });
             }, 1000);
         });
         </script>
         
         <style>
         
-        /* Accordion title styling - target the actual Gradio accordion elements */
+        /* Specific accordion title styling - target the first span */
+        button.label-wrap span:first-child,
+        button.label-wrap.svelte-1w6vloh span:first-child,
+        .label-wrap span:first-child,
         button.label-wrap > span:first-child,
-        .label-wrap > span:first-child,
-        button.label-wrap span {
-            font-size: 1.1rem !important;
+        button[class*="label-wrap"] span:first-child {
+            font-size: 1.5rem !important;
             font-weight: 900 !important;
-            color: #4a2818 !important;
+            color: #2d1810 !important;
             font-family: 'Georgia', serif !important;
             line-height: 1.3 !important;
-            text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
+            text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
             letter-spacing: 0.5px !important;
             text-transform: none !important;
         }
@@ -1634,13 +1662,13 @@ def create_gradio_interface():
             return (full_code, full_code, False, gr.update(visible=True), actual_prompt, 
                     gr.update(open=False), gr.update(open=False))  # display_code, stored_code, reset_collapsed_state, show_button, prompt, close_hardware_accordion, close_model_accordion
         
-        # Modal functions
+        # Modal functions with CSS class control
         def show_modal(prompt):
-            return gr.update(visible=True), prompt
+            return gr.update(visible=True, elem_classes="modal-overlay visible"), prompt
         
         def hide_modal():
             print("Close modal button clicked!")  # Debug
-            return gr.update(visible=False), ""
+            return gr.update(visible=False, elem_classes="modal-overlay"), ""
         
         # Generate button click
         generate_btn.click(