.sim-workbench{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.microduck-control-deck{min-width:0;min-height:0;overflow:hidden;border-left:1px solid var(--line);background:color-mix(in srgb,var(--panel,#14181e) 96%,transparent);color:var(--text,#dce6ef);font:11px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif}.sim-workbench:has(.microduck-control-deck:not([hidden])){grid-template-columns:minmax(220px,1fr) minmax(270px,310px)}.microduck-control-deck[hidden]{display:none!important}.md-deck-head{min-height:42px;display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel,#14181e) 88%,#4bb9b6 12%)}.md-deck-head>div{min-width:0;display:grid}.md-deck-head strong{font-size:10px;letter-spacing:.08em}.md-deck-head small{color:var(--muted,#9aa7b4)}.md-collapse{margin-left:auto;padding:4px 7px;border:1px solid var(--line);border-radius:4px}.microduck-control-deck.collapsed{align-self:start;min-height:42px}.microduck-control-deck.collapsed .md-deck-body{display:none}.sim-workbench:has(.microduck-control-deck.collapsed:not([hidden])){grid-template-columns:minmax(0,1fr) 210px}.md-deck-body{height:calc(100% - 42px);overflow:auto;overscroll-behavior:contain;padding:7px}.md-boundary{padding:6px 7px;border:1px solid #a97936;border-radius:4px;background:#5d421b33;color:#e8c78f}:root[data-theme="calm-light"] .microduck-control-deck .md-boundary{border-color:#9b6b23;background:#fff7e8;color:#5d3b09}.md-capture{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin:7px 0;padding:7px;border:1px solid var(--line);border-radius:5px}.md-capture-state{align-self:center;color:var(--muted,#9aa7b4);font-family:Consolas,monospace}.md-capture small{grid-column:1/-1;color:var(--muted,#9aa7b4)}.microduck-control-deck details{border-top:1px solid var(--line)}.microduck-control-deck summary{display:flex;align-items:center;gap:6px;min-height:31px;cursor:pointer;font-weight:700;letter-spacing:.02em}.microduck-control-deck summary span{margin-left:auto;color:var(--muted,#9aa7b4);font:10px Consolas,monospace}.md-section-body{padding:0 0 8px}.md-section-body h4{margin:7px 0 4px;color:var(--muted,#9aa7b4);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.md-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.microduck-control-deck button,.microduck-control-deck select,.microduck-control-deck input[type="number"]{min-height:28px;border:1px solid var(--line);border-radius:4px;background:var(--control-bg,#202630);color:inherit;padding:4px 6px}.microduck-control-deck button:hover,.microduck-control-deck button:focus-visible,.microduck-control-deck button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--control-bg,#202630));outline:none}.md-segmented{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.md-segmented button{flex:1 1 70px}.md-field{display:grid;grid-template-columns:minmax(80px,1fr) 52px;align-items:center;gap:3px;margin:5px 0}.md-field span{min-width:0}.md-field small{color:var(--muted,#9aa7b4)}.md-field output{text-align:right;font:10px Consolas,monospace;font-variant-numeric:tabular-nums}.md-field input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.md-readout{display:grid;gap:3px;margin-top:6px;padding:6px;border-radius:4px;background:#07121938}.md-readout span{display:grid;grid-template-columns:62px minmax(0,1fr)}.md-readout code,.md-telemetry code{overflow-wrap:anywhere;color:var(--text,#dce6ef);font:10px/1.4 Consolas,monospace;font-variant-numeric:tabular-nums}.md-inline-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.md-inline-fields label{display:grid;gap:2px}.md-inline-fields button{grid-column:1/-1}.md-audio-status{display:flex;align-items:center;gap:6px;margin-bottom:5px}.md-audio-status strong{color:var(--muted,#9aa7b4);font:10px Consolas,monospace}.md-toggle{display:flex;align-items:center;gap:5px;margin:7px 0}.md-chorale{display:grid;grid-template-columns:1fr 70px;gap:4px}.md-chorale label{display:grid;gap:2px}.md-chorale button{margin-top:2px}.md-telemetry{display:grid;grid-template-columns:115px minmax(0,1fr);gap:4px 8px}.md-telemetry span{color:var(--muted,#9aa7b4)}.head-camera-label{position:absolute;right:13px;top:13px;z-index:2;padding:3px 5px;border:1px solid #77c8c5;background:#102024cc;color:#c9ffff;font:8px/1.2 Consolas,monospace;pointer-events:none}.sim-viewport:has(canvas[data-camera-view="head"]) .head-camera-label{display:none!important}
@media(max-width:720px),(max-height:760px){.sim-pane:has(.microduck-control-deck:not([hidden])){grid-template-columns:minmax(0,1fr)}.sim-viewport:has(.microduck-control-deck:not([hidden])){width:100%;max-width:100%;min-width:0}.sim-workbench:has(.microduck-control-deck:not([hidden])){width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(190px,52%) minmax(0,48%)}.microduck-control-deck{width:100%;max-width:100%;border-left:0;border-top:1px solid var(--line)}.sim-workbench:has(.microduck-control-deck.collapsed:not([hidden])){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 42px}.microduck-control-deck.collapsed{align-self:stretch}.md-deck-body{height:calc(100% - 42px)}}
@media(max-width:420px){.md-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-deck-head{position:sticky;top:0;z-index:3}.md-capture{grid-template-columns:1fr}.md-capture small{grid-column:1}.md-telemetry{grid-template-columns:96px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.microduck-control-deck *{scroll-behavior:auto!important;transition:none!important}}

/* Control colors are explicit because the base IDE's dark fallback previously
   leaked into Calm Light, producing nearly black buttons with dark labels. */
.microduck-control-deck{--md-control-bg:#202630;--md-control-text:#d8e2e8;--md-control-disabled-bg:#252c35;--md-control-disabled-text:#aeb9c2;--md-control-active-bg:#176f72;--md-control-active-text:#fff}
:root[data-theme="calm-light"] .microduck-control-deck{--control-bg:#fbfcfc;--md-control-bg:#fbfcfc;--md-control-text:#263737;--md-control-disabled-bg:#edf2f0;--md-control-disabled-text:#5e6e6d;--md-control-active-bg:#2a7975;--md-control-active-text:#fff}
.microduck-control-deck button,.microduck-control-deck select,.microduck-control-deck input[type="number"]{background:var(--md-control-bg);color:var(--md-control-text)}
.microduck-control-deck button:disabled,.microduck-control-deck select:disabled,.microduck-control-deck input[type="number"]:disabled{border-color:var(--line);background:var(--md-control-disabled-bg);color:var(--md-control-disabled-text);cursor:default}
.microduck-control-deck button.active{border-color:var(--md-control-active-bg);background:var(--md-control-active-bg);color:var(--md-control-active-text);font-weight:700}
.camera-mode-label{position:absolute;right:13px;top:13px;z-index:2;max-width:min(76%,360px);padding:4px 7px;border:1px solid #77c8c5;border-radius:3px;background:#102024e6;color:#e9ffff;font:8px/1.25 Consolas,monospace;letter-spacing:.02em;pointer-events:none}.camera-mode-label[hidden]{display:none!important}
.md-camera-grid{display:grid;gap:5px}.md-camera-option{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:7px;text-align:left}.md-camera-option strong{font-size:10px}.md-camera-option small{color:inherit;line-height:1.3}.md-camera-purpose{display:grid;gap:2px;margin:6px 0;padding:6px 7px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--md-control-bg));border-radius:2px}.md-camera-purpose strong{font-size:10px}.md-camera-purpose span,.md-camera-purpose small{color:var(--muted,#9aa7b4)}