Upload 8 files

index.html

@@ -32,7 +32,7 @@
 
     #viewport-row {
       display: flex;
-      flex-direction: column;
+      flex-direction: row;
       flex: 1;
       min-height: 0;
       overflow: hidden;
@@ -44,15 +44,13 @@
       background: linear-gradient(180deg, #1a1a30 0%, #252540 100%);
       position: relative;
       overflow: hidden;
-      border-bottom: 2px solid rgba(100, 140, 255, 0.15);
       touch-action: none;
     }
 
     #intensity-container {
-      width: 100%;
-      height: 160px;
+      width: 200px;
       background: linear-gradient(180deg, #12122a 0%, #1a1a30 100%);
-      border-top: 1px solid rgba(100, 140, 255, 0.2);
+      border-left: 1px solid rgba(100, 140, 255, 0.2);
       position: relative;
       overflow: hidden;
       flex-shrink: 0;
@@ -94,32 +92,19 @@
     }
 
     @media (min-width: 1024px) {
-      #viewport-row {
-        flex-direction: row;
-      }
-
-      #scene-container {
-        flex: 1;
-        min-height: 0;
-        border-bottom: none;
-      }
-
       #intensity-container {
         width: 240px;
-        height: auto;
-        border-top: none;
-        border-left: 2px solid rgba(100, 140, 255, 0.2);
       }
     }
 
-    /* Mobile: smaller title, compact controls */
+    /* Mobile: narrower intensity panel, compact controls */
     @media (max-width: 768px) {
+      #intensity-container {
+        width: 120px;
+      }
       #scene-container {
         min-height: 120px;
       }
-      #intensity-container {
-        height: 120px;
-      }
       #control-container {
         padding: 6px 8px;
         max-height: 50vh;