Reduce left sidebar by 50% and move track cards to right of video

frontend/style.css

@@ -74,8 +74,8 @@ header {
 .workspace {
     flex: 1;
     display: grid;
-    grid-template-columns: 540px 1fr;
-    /* Fixed sidebar width */
+    grid-template-columns: 270px 1fr;
+    /* Fixed sidebar width - reduced by 50% */
     gap: 12px;
     padding: 12px;
     min-height: 0;
@@ -707,15 +707,26 @@ input[type="number"]:focus {
 
 .frame-grid {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1.6fr 0.9fr;
     grid-template-rows: auto auto auto;
     gap: 12px;
     min-height: 0;
 }
 
-/* Video panel spans full width */
+/* Video panel on left, track cards on right */
 .frame-grid .panel-monitor {
-    grid-column: 1 / -1;
+    grid-column: 1;
+    grid-row: 1 / 3;
+}
+
+.frame-grid .panel-summary {
+    grid-column: 2;
+    grid-row: 1;
+}
+
+.frame-grid .panel-features {
+    grid-column: 2;
+    grid-row: 2;
 }
 
 .intel {
@@ -944,7 +955,8 @@ input[type="number"]:focus {
    ========================================= */
 
 .panel-chat {
-    grid-column: 1 / -1;
+    grid-column: 1;
+    grid-row: 3;
     max-height: 280px;
     display: flex;
     flex-direction: column;