chore(release): beta-1.03

Co-authored-by: Cursor <cursoragent@cursor.com>

src/static/style.css

@@ -94,10 +94,11 @@ header {
     background-color: #1a1a1a;
     padding: 0.75rem 1rem;
     display: flex;
-    justify-content: space-between;
-    align-items: center;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
     border-bottom: 2px solid #4a4a4a;
-    gap: 0.75rem;
+    gap: 0.65rem;
 }
 
 header h1 {
@@ -105,14 +106,15 @@ header h1 {
     font-weight: 600;
 }
 
-/* BPM + desktop actions + mobile menu share one row; BPM stays visible on mobile. */
+/* Second header row: BPM, brightness, desktop buttons / mobile menu */
 .header-end {
     display: flex;
     align-items: center;
     gap: 0.5rem;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     justify-content: flex-end;
-    margin-left: auto;
+    margin-left: 0;
+    width: 100%;
     min-width: 0;
 }
 
@@ -196,7 +198,7 @@ header h1 {
 }
 
 .audio-top-indicator {
-    display: inline-flex;
+    display: none;
     align-items: center;
     gap: 0.4rem;
     padding: 0.25rem 0.55rem;
@@ -206,6 +208,10 @@ header h1 {
     min-width: 6.5rem;
 }
 
+.audio-top-indicator.audio-running {
+    display: inline-flex;
+}
+
 .audio-top-indicator-label {
     font-size: 0.72rem;
     color: #bdbdbd;
@@ -294,8 +300,9 @@ body.preset-ui-run .edit-mode-only {
 
 .zones-container {
     background-color: transparent;
-    padding: 0.5rem 0;
-    flex: 1;
+    padding: 0.35rem 0 0;
+    flex: 0 0 auto;
+    width: 100%;
     min-width: 0;
     align-self: stretch;
     display: flex;
@@ -1087,12 +1094,16 @@ body.preset-ui-run .edit-mode-only {
 /* Mobile-friendly layout */
 @media (max-width: 1000px) {
     header {
-        flex-direction: row;
-        align-items: center;
-        gap: 0.25rem;
-    }    header h1 {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 0.5rem;
+    }
+
+    header h1 {
         font-size: 1.1rem;
-    }    /* On mobile, hide header buttons; all actions (including Tabs) are in the Menu dropdown */
+    }
+
+    /* On mobile, hide header buttons; all actions (including Tabs) are in the Menu dropdown */
     .header-actions {
         display: none;
     }
@@ -1123,8 +1134,9 @@ body.preset-ui-run .edit-mode-only {
     }
 
     .zones-container {
-        padding: 0.5rem 0;
+        padding: 0.35rem 0 0;
         border-bottom: none;
+        width: 100%;
     }
 
     .zone-content {