Update index.html

index.html

@@ -84,6 +84,30 @@
             box-sizing: border-box;
         }
         
+        /* Compact mobile layout */
+        @media (max-width: 767px) {
+            .control-group {
+                padding: 12px 15px;
+                margin-bottom: 15px;
+            }
+            
+            .control-group label {
+                font-size: 13px;
+                margin-bottom: 8px;
+            }
+            
+            .dimension-inputs input {
+                width: 45px;
+                height: 40px;
+                font-size: 14px;
+                padding: 6px;
+            }
+            
+            .dimension-inputs .label {
+                font-size: 14px;
+            }
+        }
+        
         .dimension-inputs .label {
             font-size: clamp(12px, 2.5vw, 14px);
             color: #000000;