/* Approved SIGNAL//VOID workspace. This stylesheet is loaded by index.html only.
   Keep all original content and controls; small windows grow vertically. */
:root{--workspace-side:clamp(20px,2vw,49px)}
.topbar{max-width:none;margin:0 var(--workspace-side);padding:16px 0;min-height:76px;height:auto;flex-wrap:wrap}
.brand{max-width:100%;flex-wrap:wrap;white-space:normal}.brand .edition{display:inline}
.top-status{display:flex;flex-wrap:wrap;max-width:100%}
.top-actions{display:flex;flex-wrap:wrap;gap:16px}
.collect-button{width:auto;height:auto;padding:10px 15px;font-size:9px}.collect-button span{display:inline;font-size:12px}
#instrument{max-width:none;margin:0;padding:24px var(--workspace-side) 0;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.observatory{display:contents}
.intro{grid-column:1;grid-row:1;max-width:650px;min-width:0;padding:15px 0}
.stage-wrap{grid-column:1;grid-row:2;min-width:0}
.scene-note{display:flex}.coordinate{display:inline}
.control-label label span{display:inline}.preset-arrow{display:inline}
.audio-input-panel{grid-column:1;grid-row:3;min-width:0;margin:0;padding:clamp(18px,2vw,25px);border-radius:24px}
.audio-input-heading>div,.input-feedback>div{min-width:0}
.audio-input-heading h2,.audio-input-heading p,.input-footnote,.synth-session small{overflow-wrap:anywhere}
.input-source-controls,.synth-session-actions{flex-wrap:wrap}
.input-feedback{min-width:0}
.control-deck{grid-column:1;grid-row:4;margin:0;height:auto;overflow:visible}
.deck-intro small{margin-left:0}
.preset-section{grid-column:1;grid-row:5;min-width:0;margin:0}
.soundscape-section{grid-column:1;grid-row:6;min-width:0}
.edition-strip{grid-column:1;grid-row:7;min-width:0}
.site-footer{max-width:none;margin-left:var(--workspace-side);margin-right:var(--workspace-side);padding-left:0;padding-right:0}
@media(max-width:999px){
  .topbar{gap:15px}.brand{gap:9px}.brand .edition{margin-left:4px;padding-left:10px}
  .top-actions{width:100%;gap:10px 17px}.top-status{font-size:8px}
  .intro{max-width:700px}.intro-copy{max-width:560px}
  .stage-wrap{padding:0!important}.stage{min-height:350px;height:75vw;max-height:650px}
  .stage-footer{height:auto;min-height:42px;flex-wrap:wrap;padding:8px 12px;gap:8px 12px}
  .stage-tools{margin-left:auto}.performance-note{margin:0;flex-wrap:wrap;gap:0 10px}
  .soundscape-head{min-width:0}.soundscape-links{min-width:0}
}
@media(max-width:620px){
  .topbar{padding:16px 0}.brand .edition{font-size:8px}
  #instrument{padding-top:20px;gap:22px}
  .intro-actions{align-items:stretch;flex-direction:column;gap:15px}
  .external-entry{align-self:flex-start;margin-left:0}
  .scene-note{margin-top:25px}.scene-note small{line-height:1.8}
  .audio-input-panel{border-radius:20px}.audio-input-heading{flex-wrap:wrap}
  .audio-input-heading h2{font-size:29px}.audio-input-heading p{font-size:12px}
  .input-footnote{font-size:11px}.input-feedback p{font-size:12px}.input-feedback .input-detail{font-size:11px}
  .input-source-button,.input-file-label,.input-stop-button,.input-capture-button{font-size:12px;min-height:42px}
  .synth-session small{font-size:12px;line-height:1.8}
  .preset-section-label{gap:12px;flex-wrap:wrap;font-size:8px}
  .control-label label{font-size:8px;letter-spacing:.02em}.control-label label span{font-size:9px;margin-left:3px}
  .control-deck{grid-template-columns:minmax(0,1fr)}
  .deck-intro,.dial-group,.capture-group{grid-column:1/-1;border-right:0}
  .dial-group{border-bottom:1px solid var(--line)}
  .capture-group{display:flex;flex-direction:column;gap:10px}.capture-button{margin-bottom:0}
}
@media(min-width:1000px) and (max-width:1599px){
  #instrument{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:24px}
  .intro{grid-column:1;grid-row:1;align-self:center;max-width:none}
  .intro h1{font-size:clamp(59px,5.9vw,86px)}
  .intro-actions{align-items:stretch;flex-direction:column;gap:15px}
  .external-entry{align-self:flex-start;margin-left:0}
  .stage-wrap{grid-column:2;grid-row:1}
  .stage{min-height:500px;height:58vw;max-height:760px}
  .audio-input-panel{grid-column:1/-1;grid-row:2}
  .control-deck{grid-column:1/-1;grid-row:3}
  .preset-section{grid-column:1/-1;grid-row:4}
  .soundscape-section{grid-column:1/-1;grid-row:5}
  .edition-strip{grid-column:1/-1;grid-row:6}
}

@media(min-width:1600px){
:root{
  --workspace-header:clamp(66px,5.6vh,77px);
  --workspace-gap:clamp(16px,1.7vh,24px);
  --workspace-deck:clamp(146px,13.5vh,185px);
  --workspace-side:clamp(28px,2vw,49px);
  --workspace-room:calc(100vh - var(--workspace-header) - var(--workspace-deck) - 3 * var(--workspace-gap) - 70px);
}
.topbar{max-width:none;min-height:0;flex-wrap:nowrap;height:var(--workspace-header);margin:0 var(--workspace-side);padding:0;gap:22px}
.brand{gap:14px}.brand>span:first-of-type{font-size:17px}.brand .edition{font-size:9px}
.top-actions{gap:21px}.top-status{font-size:10px}.top-actions .text-button{font-size:12px}
.collect-button{font-size:10px;padding:13px 22px}.help-button{width:34px;height:34px}
#instrument{max-width:none;margin:0;padding:var(--workspace-gap) var(--workspace-side) 0;display:grid;grid-template-columns:minmax(280px,18.5fr) minmax(460px,51fr) minmax(580px,30.5fr);grid-template-rows:minmax(min-content,var(--workspace-room)) minmax(var(--workspace-deck),auto) auto;column-gap:var(--workspace-gap);row-gap:var(--workspace-gap)}
.observatory{display:contents}
.intro{max-width:none;grid-column:1;grid-row:1;align-self:stretch;min-width:0;padding:18px 0;display:flex;flex-direction:column;justify-content:center}
.intro-rule{gap:12px}.intro-rule>span{width:34px;flex-shrink:0}.intro-rule .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.18em}
.chapter-mark{font-size:10px;margin-top:32px;letter-spacing:.18em}
.intro h1{font-size:clamp(62px,5.85vh,81px);line-height:.96;letter-spacing:-.07em;margin-top:23px;max-width:none}
.intro-copy{font-size:clamp(13px,1.12vh,16px);line-height:1.85;margin-top:29px}
.intro-actions{margin-top:30px;flex-direction:column;align-items:stretch;gap:15px}
.sound-button{width:100%;min-width:0;padding:17px 21px;min-height:66px;gap:17px}
.sound-button b{font-size:14px}.sound-button small{font-size:9px;letter-spacing:.05em}
.external-entry{font-size:13px;margin-left:0;align-self:flex-start;gap:13px}
.scene-note{display:flex;margin-top:30px;max-width:none;gap:13px}
.scene-note b{font-size:13px;line-height:1.8}.scene-note small{font-size:10px;line-height:1.8;margin-top:7px}
.stage-wrap{grid-column:2;grid-row:1;align-self:stretch;height:100%;gap:11px;min-height:0}
.stage-header{font-size:10px;padding:0 11px;min-height:21px}
.performance-note{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:14px;margin:0;font-size:11px;line-height:1.5;padding:0 10px}
.performance-note span{font-size:10px;line-height:1.5;text-align:right;max-width:58%}
.stage{height:auto;max-height:none;min-height:0;flex:1;border-radius:24px}
.stage-rings{width:min(41vw,950px)}
.art-caption{bottom:66px;left:8%;right:8%}.art-caption>span{font-size:10px}.art-caption h2{font-size:39px;line-height:1.1;letter-spacing:.26em;margin:13px 0}.art-caption p{font-size:13px;line-height:1.6}
.stage-hint{font-size:10px;bottom:24px}.stage-hint-icon{font-size:18px}.axis{font-size:10px}.stage-meter{bottom:8%}
.stage-footer{flex-shrink:0;height:42px;padding:0 13px;font-size:9px}.coordinate{font-size:9px}.tool-button{height:30px;width:30px}
.audio-input-panel{grid-column:3;grid-row:1;align-self:stretch;margin:0;padding:clamp(20px,1.75vh,25px);min-width:0;display:flex;flex-direction:column;border-radius:24px}
.audio-input-heading{gap:14px}.audio-input-heading .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:14px}
.audio-input-heading h2{font-size:clamp(29px,2.75vh,38px);line-height:1.25;margin-bottom:14px;letter-spacing:-.04em}
.audio-input-heading p{font-size:clamp(12px,1.03vh,14px);line-height:1.8;max-width:none}
.input-source-badge{font-size:10px;line-height:1.3;padding:8px 11px;white-space:nowrap}
.input-source-controls{gap:8px;margin-top:22px}
.input-source-button,.input-file-label,.input-stop-button,.input-capture-button{font-size:clamp(11px,.97vh,13px);min-height:43px;padding:10px 14px;gap:9px}
.input-feedback{margin-top:18px;padding-top:18px;min-height:94px;gap:14px;align-items:center}
.input-feedback p{font-size:clamp(12px,1vh,14px);line-height:1.75}.input-feedback .input-detail{font-size:clamp(11px,.94vh,13px);line-height:1.8;margin-top:6px}
.input-capture-button{padding:12px 15px;white-space:nowrap}
.input-meter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 15px;margin-top:19px;padding-top:18px}
.input-meter-grid span,.input-sensitivity{font-size:12px}.input-meter-grid>div{gap:12px}
.input-sensitivity{grid-column:1/-1;grid-template-columns:1fr auto;gap:5px 8px}
.input-sensitivity input{height:23px}.input-meter-grid meter{height:7px}
.input-footnote{font-size:clamp(11px,.95vh,13px);line-height:1.8;margin:15px 0 0}
.synth-session{margin-top:auto;padding-top:20px}
.synth-session>div>p{font-size:17px;line-height:1.6;margin-bottom:7px}
.synth-session small{font-size:clamp(12px,1vh,14px);line-height:1.8}
.synth-session-actions{gap:9px;margin-top:15px;align-items:center}
.synth-session-actions .input-source-button{font-size:clamp(11px,.94vh,13px);padding:11px 14px;min-height:44px}
.control-deck{grid-column:1/-1;grid-row:2;grid-template-columns:1.04fr 1.16fr 1.08fr 1.08fr 1.04fr;min-height:var(--workspace-deck);height:auto;margin:0;border-radius:22px}
.deck-intro{grid-column:auto;display:grid;padding:22px 27px;gap:8px;border-right:1px solid var(--line);border-bottom:0}
.deck-number{font-size:10px}.deck-intro p{font-size:28px;line-height:1.04;margin:0}.deck-intro small{font-size:12px;line-height:1.6;margin:0;max-width:27ch}
.dial-group{padding:27px 29px;display:flex;flex-direction:column;justify-content:center}
.control-label label{font-size:11px}.control-label label span{font-size:12px}.readout{font-size:18px}.readout small{font-size:10px}
.dial-group input{margin:17px 0 12px}.range-scale{font-size:9px;letter-spacing:.06em}
.capture-group{padding:22px;display:flex;flex-direction:column;justify-content:center;gap:11px}
.capture-button{font-size:12px;min-height:47px}.export-button{font-size:12px;min-height:43px}
.preset-section{grid-column:1/-1;grid-row:3;margin:0}.preset-section-label{font-size:10px;line-height:16px;margin:0}
.presets{margin-top:30px}
.soundscape-section{grid-column:1/-1;grid-row:4}.edition-strip{grid-column:1/-1;grid-row:5}
.site-footer{max-width:none;margin-left:var(--workspace-side);margin-right:var(--workspace-side)}
@media(max-height:1150px){
  .intro h1{font-size:clamp(55px,5.9vh,70px)}.intro-copy{margin-top:21px}.intro-actions{margin-top:22px}.scene-note{margin-top:22px}
  .audio-input-heading h2{margin-bottom:10px}.audio-input-heading .eyebrow{margin-bottom:9px}
  .input-source-controls{margin-top:15px}.input-source-button,.input-file-label,.input-stop-button,.input-capture-button{min-height:37px;padding:8px 11px}
  .input-feedback{margin-top:14px;padding-top:14px;min-height:78px}
  .input-meter-grid{margin-top:14px;padding-top:14px;gap:12px}.input-footnote{margin-top:11px}
  .synth-session{padding-top:14px}.synth-session-actions{margin-top:11px;gap:7px}.synth-session-actions .input-source-button{min-height:37px;padding:8px 11px}
  .deck-intro,.dial-group{padding:17px 21px}.deck-intro p{font-size:25px}.deck-intro small{font-size:11px}.capture-group{padding:17px}
}

.brand{flex-wrap:nowrap;white-space:nowrap}.brand .edition{display:inline;margin-left:16px;padding-left:17px}
.top-actions{width:auto;flex-wrap:nowrap}.top-status{flex-wrap:nowrap}
.control-deck .capture-group{grid-column:auto;display:flex;grid-template-columns:none;border-top:0;flex-direction:column}
.deck-intro small{margin-left:0}.capture-button{margin-bottom:0}
.performance-note{flex-wrap:nowrap}
.stage-wrap:fullscreen{height:100vh;gap:11px}

}