Upload folder using huggingface_hub

app.py

@@ -353,9 +353,10 @@ body > div > div,
 
 .gradio-container {
   position: relative; z-index: 5;
-  max-width: 960px !important;
+  max-width: 1200px !important;
+  width: 88% !important;
   margin: 0 auto !important;
-  padding: 24px 32px !important;
+  padding: 28px 40px !important;
 }
 
 /* panels — glass morphism only on interaction blocks */
@@ -407,30 +408,43 @@ input:focus, textarea:focus {
 }
 
 /* buttons */
-button.primary {
-  background: linear-gradient(135deg, rgba(60,140,255,0.7), rgba(100,80,220,0.7)) !important;
-  border: 1px solid rgba(100, 180, 255, 0.25) !important;
+button {
+  min-height: 46px !important;
+  padding: 10px 24px !important;
+  font-size: 16px !important;
+  font-weight: 500 !important;
+  border-radius: 12px !important;
+  transition: all 0.3s ease !important;
+}
+button.primary, button.lg.primary {
+  background: linear-gradient(135deg, rgba(60,140,255,0.75), rgba(100,80,220,0.75)) !important;
+  border: 1px solid rgba(100, 180, 255, 0.3) !important;
   color: #fff !important;
   backdrop-filter: blur(8px) !important;
-  border-radius: 10px !important;
-  transition: all 0.3s ease !important;
+  font-size: 17px !important;
+  min-height: 52px !important;
+  padding: 12px 28px !important;
 }
 button.primary:hover {
-  background: linear-gradient(135deg, rgba(80,160,255,0.85), rgba(120,100,240,0.85)) !important;
-  box-shadow: 0 0 20px rgba(96, 200, 255, 0.25) !important;
+  background: linear-gradient(135deg, rgba(80,160,255,0.9), rgba(120,100,240,0.9)) !important;
+  box-shadow: 0 0 24px rgba(96, 200, 255, 0.3) !important;
+  transform: translateY(-1px);
 }
 button.secondary, button.stop {
   background: rgba(20, 25, 50, 0.6) !important;
-  border: 1px solid rgba(100, 180, 255, 0.15) !important;
+  border: 1px solid rgba(100, 180, 255, 0.18) !important;
   color: #a0c0e8 !important;
   backdrop-filter: blur(8px) !important;
-  border-radius: 10px !important;
+  font-size: 16px !important;
+  min-height: 48px !important;
 }
 button.sm {
   background: rgba(20, 25, 50, 0.5) !important;
   border: 1px solid rgba(100, 180, 255, 0.12) !important;
   color: #80b0e0 !important;
-  border-radius: 8px !important;
+  font-size: 14px !important;
+  min-height: 38px !important;
+  padding: 6px 16px !important;
 }
 
 /* text colors & sizing */
@@ -454,9 +468,7 @@ label, .gr-input-label span {
 input, textarea {
   font-size: 14px !important;
 }
-button {
-  font-size: 15px !important;
-}
+
 
 /* title section */
 .main-title { text-align: center; margin-bottom: 0.5em; }