Upload folder using huggingface_hub

app.py

@@ -1261,9 +1261,10 @@ footer,
     backdrop-filter: blur(10px) !important;
     z-index: 99999 !important;
     justify-content: center !important;
-    align-items: center !important;
+    align-items: flex-start !important;
+    padding-top: 40px !important;
     box-sizing: border-box !important;
-    /* Ensure modal is centered on viewport regardless of scroll position */
+    /* Modal positioned near top of viewport */
     overflow: hidden !important;
 }
 
@@ -1278,7 +1279,7 @@ footer,
     border-radius: 20px !important;
     width: calc(100vw - 80px) !important;
     max-width: 1200px !important;
-    max-height: 80vh !important;
+    max-height: 55vh !important;
     overflow: hidden !important;
     box-shadow: 0 25px 80px rgba(0, 0, 0, 0.9) !important;
     /* Remove margin that could affect centering */
@@ -1326,7 +1327,7 @@ footer,
 .docs-modal-content {
     padding: 24px !important;
     overflow-y: auto !important;
-    max-height: calc(80vh - 80px) !important;
+    max-height: calc(55vh - 80px) !important;
     color: #c7d2fe !important;
     font-size: 15px !important;
     line-height: 1.7 !important;
@@ -1349,7 +1350,7 @@ footer,
 .docs-modal-content a { color: #a78bfa; text-decoration: none; }
 .docs-modal-content a:hover { text-decoration: underline; }
 .docs-modal-content strong { color: #e0e7ff; }
-.docs-modal-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 12px 0; }
+.docs-modal-content img { max-width: 100%; max-height: 200px; height: auto; border-radius: 8px; margin: 12px 0; object-fit: contain; }
 
 /* ===== CARD STYLES ===== */
 .card {