fix: restore controls after task completion

web/style.css

@@ -511,6 +511,7 @@ button {
 .controls {
     position: relative;
     z-index: 2;
+    flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -656,6 +657,7 @@ button {
 
 .connection-strip {
     width: min(340px, 100%);
+    flex-shrink: 0;
     margin-top: 1rem;
 }
 
@@ -685,6 +687,7 @@ button {
 
 .privacy-note {
     display: flex;
+    flex-shrink: 0;
     align-items: center;
     gap: 0.4rem;
     margin-top: 1.15rem;
@@ -1223,6 +1226,39 @@ body[data-mode="text"] .mic-meter {
 .task-error { margin-top: 0.5rem; color: #ffc2ba; background: rgba(255, 128, 111, 0.1); }
 
 /* ── Responsive ─────────────────────────────────────────────────────────── */
+@media (max-height: 760px) and (min-width: 881px) {
+    .workspace {
+        min-height: 540px;
+    }
+
+    .voice-console {
+        padding-top: 1.5rem;
+        padding-bottom: 1rem;
+    }
+
+    .console-intro h2 {
+        font-size: 1.65rem;
+    }
+
+    .console-intro p {
+        margin-top: 0.35rem;
+    }
+
+    .orb-stage {
+        min-height: 220px;
+        margin: -1rem 0;
+    }
+
+    .orb {
+        transform: scale(0.78);
+    }
+
+    .connection-strip,
+    .privacy-note {
+        margin-top: 0.65rem;
+    }
+}
+
 @media (max-width: 880px) {
     body {
         padding: calc(0.85rem + env(safe-area-inset-top))