Upload index.html with huggingface_hub

index.html

@@ -88,12 +88,12 @@ select:hover,select:focus{border-color:var(--accent)}
   #splash-content p{font-size:0.9rem;margin-bottom:24px}
   #splash-content .cta{font-size:0.78rem;padding:8px 22px}
 
-  /* App: vertical layout */
-  #app{flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden}
+  /* App: vertical scrollable layout */
+  #app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}
 
   /* Sidebar → top panel */
   #sidebar{width:100%;min-width:unset;flex-direction:column;gap:10px;padding:14px 16px;
-    border-right:none;border-bottom:1px solid var(--border);max-height:none}
+    border-right:none;border-bottom:1px solid var(--border);flex-shrink:0}
   #sidebar h1{font-size:1.1rem}
   #sidebar p.sub{display:none}
   .control-group{flex-direction:row;align-items:center;gap:8px}
@@ -107,18 +107,15 @@ select:hover,select:focus{border-color:var(--accent)}
 
   .credits{display:none}
 
-  /* Main content fills remaining */
-  #main{flex:1;min-height:0}
-  #viewer-container{min-height:280px;flex:1}
+  /* Main: no flex grow, fixed heights */
+  #main{flex:none;width:100%}
+  #viewer-container{height:50vh;min-height:260px;flex:none}
   #viewer-label{font-size:0.6rem;top:6px;left:8px;padding:2px 8px}
 
-  /* Fields panel: stack vertically, smaller */
-  #fields-panel{height:auto;min-height:unset;flex-direction:column}
-  .field-container{padding:8px 12px}
-  .field-container+.field-container{border-left:none;border-top:1px solid var(--border)}
+  /* Fields panel: side by side but shorter */
+  #fields-panel{height:180px;min-height:180px;flex-shrink:0}
   .field-title{font-size:0.72rem;margin-bottom:4px}
-  .field-canvas-wrap{height:120px}
-  .field-canvas-wrap canvas{max-height:110px}
+  .field-canvas-wrap canvas{max-height:130px}
 }
 
 /* Small phones */
@@ -127,9 +124,9 @@ select:hover,select:focus{border-color:var(--accent)}
   #splash-content p{font-size:0.8rem}
   #sidebar{padding:10px 12px;gap:8px}
   .control-group{flex-direction:column;gap:4px}
-  #viewer-container{min-height:220px}
-  .field-canvas-wrap{height:100px}
-  .field-canvas-wrap canvas{max-height:90px}
+  #viewer-container{height:45vh;min-height:220px}
+  #fields-panel{height:160px;min-height:160px}
+  .field-canvas-wrap canvas{max-height:110px}
 }
 </style>
 </head>