Upload folder using huggingface_hub

index.html

@@ -7,8 +7,17 @@
   <title>DCM Assembly Visualizer</title>
   <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
   <style>
-    body { font-family: sans-serif; padding: 20px; }
-    #plot { width: 100%; height: 700px; }
+    body { font-family: sans-serif; padding: 20px; margin: 0; box-sizing: border-box; }
+    #plot-wrapper {
+      width: 100%;
+      height: calc(100vh - 200px);
+      border: 2px dashed #999;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: #fafafa;
+    }
+    #plot { width: 100%; height: 100%; }
     .controls { width: 200px; margin-right: 20px; }
   </style>
 </head>
@@ -26,7 +35,9 @@
       <label><input type="checkbox" id="toggleConstraints" checked onchange="toggleConstraints()"> Show Constraints</label>
     </div>
     <div style="flex: 1;">
-      <div id="plot"></div>
+      <div id="plot-wrapper">
+        <div id="plot"></div>
+      </div>
     </div>
   </div>
 
@@ -151,4 +162,3 @@
   </script>
 </body>
 </html>
-