:root{color-scheme:dark;--bg:#101113;--panel:#191b1e;--edge:#303238;--ink:#f2f2ea;--muted:#a8aaae;--acid:#d5f76c;--red:#ff756a;--amber:#ffcb74;--phase:0;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:0 24px 32px}header{min-height:64px;border-bottom:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.logo{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:.12em;font-weight:850}.logo svg{width:29px;fill:none;stroke:var(--acid);stroke-width:2}.logo span,.mic,.unit,.readout span{font:700 10px var(--mono);letter-spacing:.09em;color:var(--muted)}.mic i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6a6d74;margin-right:5px}body[data-mic="on"] .mic i{background:var(--acid)}.console{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:12px}.deck,.module,details{background:var(--panel);border:1px solid var(--edge);border-radius:13px;padding:16px}.deck{display:flex;flex-direction:column;min-width:0;--signal:var(--acid);background:radial-gradient(ellipse at 50% 37%,#242a21 0,#191b1e 62%)}body[data-state=base] .deck,body[data-state=count] .deck{--signal:var(--red)}body[data-state=overdub] .deck,body[data-state=armed] .deck{--signal:var(--amber)}body[data-state=stopped] .deck{--signal:var(--amber)}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-top h1,.panel-top h2{font-size:14px;letter-spacing:.05em;margin:0;font-weight:740}.unit{font-weight:500}.wheel{width:min(320px,84%);aspect-ratio:1;margin:14px auto 0;position:relative}.wheel svg{display:block;width:100%;height:100%;fill:none}.tick-ring{stroke:#5d6360;stroke-width:7;stroke-dasharray:.16 .84}.rail{stroke:#373d37;stroke-width:9}.progress{stroke:var(--signal);stroke-width:12;stroke-linecap:butt}.inner{stroke:#303630}.index{stroke:var(--signal);stroke-width:3}.readout{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;pointer-events:none}.readout strong{font:650 clamp(35px,7vw,69px)/1.02 var(--mono);letter-spacing:-.08em}.readout #state{color:var(--signal);font-size:12px}.readout #layers{font-size:11px}#hint{color:var(--muted);text-align:center;margin:8px 0 12px;min-height:2.9em;display:grid;align-items:center}.transport{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:8px;margin-top:auto}.transport button{min-height:60px}.transport .square span{display:block;font-size:19px;line-height:1}.record{background:var(--signal);color:#16191a;box-shadow:inset 0 -3px #0003;font-size:16px}.record span{margin-right:4px}.deck-bottom,.metro-controls,.volume{display:flex;align-items:center;justify-content:space-between;gap:8px}.deck-bottom{border-top:1px solid var(--edge);padding-top:10px;margin-top:12px;color:var(--muted);font-size:12px}kbd{font:inherit;border:1px solid #51545b;border-radius:4px;padding:2px 5px}.rack{display:grid;gap:12px;align-content:start}.module button,.square,select{background:#26282d;color:var(--ink);box-shadow:inset 0 1px #ffffff10}button,select{border:0;border-radius:7px;font:inherit;font-weight:650;padding:7px 10px;cursor:pointer;min-height:40px}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.48;cursor:default}button[aria-pressed=true]{background:var(--acid);color:#171912}:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.tempo{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;margin:6px 0}.tempo label{text-align:center}.tempo input{width:100%;text-align:center;font:650 clamp(33px,5vw,57px)/1 var(--mono);letter-spacing:-.06em;color:var(--ink);background:transparent;border:0;appearance:textfield}.tempo input::-webkit-inner-spin-button,.tempo input::-webkit-outer-spin-button{appearance:none}.tempo label span{display:block;font:650 11px var(--mono);color:var(--muted)}.beats{display:flex;gap:6px;margin:13px 0}.beats i{height:5px;flex:1;background:#3d4045;border-radius:5px}.beats i:first-child{background:#777e62}.beats i.on{background:var(--acid)}.metro-controls label,.volume{font-size:12px;color:var(--muted)}.volume{margin-top:7px}.volume input{width:45%}input[type=range]{accent-color:var(--acid);min-height:29px}.pitch{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pitch strong{font:650 51px var(--mono);letter-spacing:-.08em}.pitch span,#tuning-hint,.scale-labels{color:var(--muted);font:12px var(--mono)}.tuning-scale{height:21px;position:relative;background:repeating-linear-gradient(90deg,#4d5058 0 1px,transparent 1px 10%);border-right:1px solid #4d5058}.tuning-scale::before{content:"";position:absolute;left:50%;height:100%;width:2px;background:#a7aa9f}.tuning-scale div{position:absolute;left:50%;height:100%;width:4px;transform:translateX(-50%);border-radius:4px;background:var(--amber);opacity:0}.tuner[data-signal=true] .tuning-scale div{opacity:1}.tuner[data-tuned=true] .pitch strong,.tuner[data-tuned=true] #tuning-hint{color:var(--acid)}.tuner[data-tuned=true] .tuning-scale div{background:var(--acid)}.scale-labels{display:flex;justify-content:space-between;margin-top:5px}#tuning-hint{margin:9px 0 0;min-height:1.3em}.mixer,details{margin-top:12px}.mixer p,details p{color:var(--muted);font-size:13px;margin:7px 0}#tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px}.track{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#222429;padding:6px 10px;border-radius:7px}.track input{max-width:52%}summary{cursor:pointer}details label{display:block;margin-top:10px}details select{max-width:100%}
@media(max-width:720px){main{padding-inline:12px}header{min-height:52px;margin-bottom:10px}.logo span,.keyboard{display:none}.console{grid-template-columns:1fr}.deck,.module{padding:12px}.wheel{width:min(240px,70vw);margin-top:7px}.readout strong{font-size:49px}.transport button{min-height:54px;padding-inline:5px}.rack{grid-template-columns:1fr}.mic{font-size:9px}}
@media(prefers-reduced-motion:reduce){button:active{transform:none}}
@media(max-height:500px) and (orientation:landscape){header{min-height:44px;margin-bottom:8px}.deck{padding:11px}.wheel{width:165px;margin-top:4px}#hint{margin:4px 0 7px}.transport button{min-height:46px}.deck-bottom{margin-top:7px;padding-top:5px}}
@media(max-height:500px) and (orientation:landscape){.deck{align-self:start}}
.readout strong::after{content:" s";color:var(--muted);font:600 12px var(--mono);letter-spacing:0}
body[data-state=count] .readout strong::after{content:""}

.readout #time-caption{font-size:8px;letter-spacing:.08em}.pitch strong{min-height:68px}.tuner:not([data-signal=true]) .tuning-scale::before{background:#55585f}
.cue-toggle{white-space:nowrap;display:flex;align-items:center;gap:5px}.cue-toggle input{accent-color:var(--acid);width:16px;height:16px}
#stop-label{font:inherit;line-height:1.1}.transport .square span[aria-hidden]{margin-bottom:3px}
body[data-guide=ready] #hint,body[data-guide=go] #hint,body[data-guide=last] #hint{color:var(--amber);font-weight:700}body[data-guide=saved] #hint{color:var(--acid);font-weight:700}
.deck-bottom{flex-wrap:wrap}
.deck-bottom label:not(.cue-toggle){display:flex;align-items:center;gap:5px}
body[data-state=waiting] .deck{--signal:var(--amber)}
.tuner-mode{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted)}
.tuner-mode select{min-height:36px}
.tuner[data-held=true] .pitch,.tuner[data-held=true] .tuning-scale div{opacity:.57}
.tuning-scale div{transition:left .11s linear}
@media(prefers-reduced-motion:reduce){.tuning-scale div{transition:none}}
body[data-state=waiting] .readout strong::after{content:""}
body[data-guide=base-last] #hint{color:var(--amber);font-weight:700}

.alignment-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.alignment-controls output{font:12px var(--mono);color:var(--muted)}#latency-ms{width:90px;background:#26282d;color:var(--ink);border:1px solid var(--edge);border-radius:7px;padding:8px;font:inherit}#latency-auto{margin-top:10px}body[data-state=closing] .deck{--signal:var(--amber)}

.alignment-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,110px) minmax(0,1fr);max-width:440px}.alignment-controls output{text-align:center;color:var(--ink);font-size:13px}.alignment-controls small{display:block;font-size:11px;font-weight:500;color:var(--muted)}#align-reset{grid-column:1/-1;justify-self:center;box-shadow:none;background:transparent;font-size:12px}details button{background:#26282d;color:var(--ink)}body[data-state=closing] #align-value,body[data-state=overdub] #align-value,body[data-state=armed] #align-value{opacity:.6}
@media(max-height:500px) and (orientation:landscape){.readout{gap:3px}.readout strong{font-size:36px}.readout #state{font-size:9px;letter-spacing:0}.readout #layers{font-size:9px}.readout #time-caption{font-size:6px;letter-spacing:0}}

.input-strip{margin-top:12px}.input-controls{display:flex;gap:8px;align-items:center}.input-controls label{display:flex;gap:8px;align-items:center;flex:1;min-width:0;font-size:12px;color:var(--muted)}.input-controls select{flex:1;min-width:0;max-width:100%}.input-controls button{background:#26282d;color:var(--ink);font-size:12px;flex-shrink:0}#input-status{margin:5px 0 0;font-size:11px;color:var(--muted);min-height:1.45em}#input:disabled{opacity:.55}@media(max-width:480px){.input-controls{flex-wrap:wrap}.input-controls label{flex-basis:100%}.input-controls button{width:100%}.input-strip{margin-top:10px}}

#latency-apply{margin-top:10px}#latency-applied{color:var(--ink);font-weight:600}

.input-meter{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:11px;color:var(--muted)}.input-meter meter{width:70px;height:8px;flex-shrink:0}.tuner-help,#tempo-status,.session-help{font-size:11px;color:var(--muted);line-height:1.5}.mixer-actions{display:flex;flex-wrap:wrap;gap:6px}.mixer-actions button{font-size:12px}#audio-status:empty,#export-status:empty{display:none}#audio-status{color:var(--amber)}.session-help{margin-top:16px}button[hidden]{display:none}

.quick-tools{display:none}.input-meter meter{flex:1;max-width:180px;height:10px}.tuner:not([data-signal=true]) .pitch strong{color:#777b82}.tuning-scale{background:linear-gradient(90deg,transparent 45%,#d5f76c19 45%,#d5f76c19 55%,transparent 55%),repeating-linear-gradient(90deg,#4d5058 0 1px,transparent 1px 10%)}.tuning-scale div{width:6px}#clear{margin-left:12px;color:var(--red);background:transparent;box-shadow:none}select:disabled{opacity:.48}.beats i:first-child{background:#3d4045}.beats i.on:first-child{background:var(--acid)}
@media(max-width:720px){.quick-tools{display:flex;position:sticky;top:0;z-index:2;gap:8px;background:var(--bg);padding:8px 0;margin-top:-8px;margin-bottom:8px}.quick-tools a{flex:1;text-align:center;color:var(--ink);font-size:12px;text-decoration:none;background:#26282d;border-radius:7px;padding:12px 6px}#looper,#tuner-panel,#metro-panel{scroll-margin-top:58px}.keyboard-help{display:none}}
@media(max-width:360px){.transport{grid-template-columns:1fr 1.85fr 1fr;gap:5px}.transport button{font-size:13px}.record span{display:none}.mixer .panel-top{flex-wrap:wrap}.mixer-actions{width:100%;justify-content:space-between}.readout #state{font-size:11px}}
[hidden]{display:none!important}input,select{font-size:16px}.app-tabs{display:flex;gap:6px;position:sticky;top:0;background:var(--bg);z-index:5;padding:8px 0;margin-bottom:12px}.app-tabs button{flex:1;min-height:44px;background:transparent;color:var(--muted);font-size:14px}.app-tabs button[aria-current=page]{background:#34373d;color:var(--ink)}#record-dot{color:var(--red)}#network-status,#studio-status{font-size:13px;line-height:1.5;color:var(--amber)}#studio-status:empty{display:none}.accent,.module button.accent{background:var(--acid);color:#171912}.danger,.module button.danger{color:var(--red);background:transparent}#project-status{font:11px var(--mono);color:var(--muted)}.explore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px}.explore-grid section{min-width:0;background:#222429;border-radius:9px;padding:14px}.explore-grid h2{font-size:14px;margin:0}.explore-grid small{display:block;font:10px var(--mono);color:var(--amber);margin-top:5px}.explore-grid button{margin:5px 4px 0 0}.explore-grid select{max-width:100%}.candidate{padding:8px 0;margin-top:6px;border-top:1px solid var(--edge)}.candidate span{display:block;font:12px var(--mono)}.recorder{max-width:760px;margin:auto;text-align:center;padding:24px}.recorder h1,.library-heading h1{font-size:20px}.recorder>p{color:var(--muted);font-size:13px;line-height:1.5}.recorder label{display:flex;justify-content:center;align-items:center;gap:12px}.rec-clock{width:240px;aspect-ratio:1;border:1px solid #444a40;border-radius:50%;margin:24px auto;display:grid;place-content:center;gap:12px;box-shadow:inset 0 0 0 12px #1d211d}.rec-clock span{font:12px var(--mono);color:var(--muted)}.rec-clock strong{font:600 52px var(--mono);letter-spacing:-.05em}#rec-start,#rec-stop{min-height:56px;min-width:210px;font-size:17px}#rec-stop{background:var(--red);color:#171912}.recorder[data-recording=true] .rec-clock span{color:var(--red)}#rec-input{font-size:12px;background:transparent;color:var(--muted);margin-top:4px}audio{width:100%;margin:12px 0;display:block}#rec-review{margin-top:16px}#rec-review button{margin:4px}.account{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:16px 0}.account h2,.imports h2{font-size:15px;margin:0}.account p,.imports p{font-size:13px;color:var(--muted);line-height:1.5}.account>div:first-child{flex:1;min-width:220px}#login-form{display:flex;align-items:end;gap:8px}#login-form label{font-size:12px;color:var(--muted)}input[type=password],input[type=text],#item-title{display:block;max-width:100%;width:100%;background:#26282d;border:1px solid var(--edge);border-radius:7px;color:var(--ink);padding:11px;font:16px inherit;font-size:16px;min-height:44px;box-sizing:border-box}#login-status{flex-basis:100%;margin:0}#library-items{display:grid;gap:10px}.library-item{background:var(--panel);border:1px solid var(--edge);border-radius:13px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.library-item h3{font-size:16px;margin:0;overflow-wrap:anywhere}.library-item p{font:11px/1.6 var(--mono);color:var(--muted);margin:5px 0 0}.library-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.library-buttons button{background:#26282d;color:var(--ink);font-size:12px}.library-buttons .danger{color:var(--red)}.library-item audio{grid-column:1/-1}.imports{margin-top:18px}.file-button{display:inline-block;font-size:14px;max-width:100%}.file-button input{display:block;max-width:100%;margin-top:8px;font-size:13px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--edge);border-radius:13px;padding:20px;width:min(440px,calc(100vw - 32px));max-height:90dvh;overflow:auto;box-sizing:border-box}dialog::backdrop{background:#000b}dialog h2{font-size:20px;margin:0 0 20px}dialog p{font-size:13px;line-height:1.5;color:var(--muted)}dialog label{display:block;font-size:13px;line-height:1.5}dialog label input{margin:6px 0 12px}.sync-choice{display:flex;gap:8px;align-items:center}.sync-choice input{width:18px;height:18px;accent-color:var(--acid)}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.dialog-actions button{background:#26282d;color:var(--ink)}.dialog-actions .accent{background:var(--acid);color:#171912}#save-error{color:var(--red)}#trim-wave{width:100%;height:80px;background:#101113;border-radius:7px}#trim-dialog input[type=range]{width:100%}#trim-time{font:12px var(--mono)}#time-caption{font-size:10px!important}.mic{font-size:10px!important}.library-heading p{color:var(--muted);font-size:13px;margin-bottom:0}#library-empty{padding:30px 16px;color:var(--muted);line-height:1.5}.mixer-actions #save-loop{margin-left:0}.readout #time-caption{letter-spacing:.04em}
@media(max-width:600px){.library-item{grid-template-columns:1fr}.library-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.library-buttons button{min-height:44px}.account{padding:14px}#login-form{width:100%}#login-form label{flex:1;min-width:0}.mixer-actions #save-loop{width:100%;min-height:44px}.recorder{padding:16px 12px}.rec-clock{width:216px}.rec-clock strong{font-size:46px}.explore-grid{grid-template-columns:1fr}dialog{padding:16px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.dialog-actions .accent{grid-column:1/-1;grid-row:2}header .logo span{display:none}}
#account-actions{display:flex;gap:8px;flex-wrap:wrap}.file-button{background:#26282d;padding:12px 14px;border-radius:7px;cursor:pointer;font-weight:650}.file-button input{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden}.file-button:focus-within{outline:2px solid var(--acid);outline-offset:3px}
@media(max-width:720px){#workspace-loop{display:flex;flex-direction:column}.console{display:contents}.deck{order:0}.mixer{order:1}.rack{order:2;margin-top:12px}#explore{order:3}#workspace-loop>details:not(#explore){order:4}.mixer .panel-top{flex-wrap:wrap}.mixer-actions{width:100%}.mixer-actions #save-loop{width:100%}.mixer-actions button{min-height:44px}.mixer-actions #clear{margin-left:auto}#input,#bars,#start-mode,#meter,#tune-string,#latency-ms{font-size:16px}}
#library-refresh,#resume-audio{background:#26282d;color:var(--ink)}#studio-status{color:var(--muted)}#studio-status[data-warning=true]{color:var(--amber)}.library-buttons button.danger{background:transparent;box-shadow:none}.recorder{max-width:none}.recorder h1{font-size:14px}.rec-clock span{color:var(--acid)}#rec-input,.module button.danger{box-shadow:none}.accent:disabled,.module button.accent:disabled{background:#26282d;color:var(--muted);opacity:.65}.library-item[data-sync=synced] p{color:var(--ink)}.library-item[data-sync=pending] p{color:var(--amber)}body:not([data-tab=loop]) .session-help{display:none}
@media(max-width:600px){.library-buttons button.danger{grid-column:3;justify-self:end}.recorder .panel-top{margin-bottom:16px}.dialog-actions button{min-height:44px}}
.sync-choice:has(input:disabled){color:var(--muted)}
/* v10: source stays near the action; routing stays in connections. */
.source-choice{display:flex;gap:12px;align-items:center;margin-top:14px;font-size:13px}.source-choice select{flex:1;min-width:0;min-height:44px;max-width:100%}#source-status{font:11px/1.6 var(--mono);color:var(--muted);margin:10px 0}.channel-meters{display:flex;gap:16px;margin:10px 0}.channel-meters label{flex:1;min-width:0;font:10px var(--mono);color:var(--muted)}.channel-meters meter{display:block;width:100%;height:12px;margin-top:6px;accent-color:var(--acid)}.rig-section{padding:20px 0;border-bottom:1px solid var(--edge)}.rig-section:first-of-type{padding-top:12px}.rig-section h2{font-size:14px;margin:0 0 12px}.rig-section label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.rig-section select{min-height:44px;max-width:100%}.rig-section details{background:#222429;padding:14px;border-radius:9px;margin-top:16px}.rig-section details summary{font-size:13px}#midi-settings .midi-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}#midi-settings select{max-width:100%;min-height:44px}#midi-status,#monitor-status,#output-status{font-size:12px;line-height:1.6}#rec-capture-source{font:12px/1.6 var(--mono)}#workspace-gravador>label{margin:12px 0}#workspace-gravador select{max-width:100%;min-width:0}#monitor[aria-pressed=true]{background:var(--amber);color:var(--bg)}
@media(max-width:600px){.source-choice{align-items:stretch;flex-direction:column;gap:7px}.rig-section select,.rig-section input[type=number]{max-width:100%}.rig-section label{align-items:flex-start}.midi-actions{display:grid!important;grid-template-columns:1fr}#midi-settings label{display:block;margin-top:12px}#midi-device{width:100%}#workspace-gravador>label{flex-direction:column;gap:6px}#workspace-gravador select{width:100%}.mic{max-width:150px;text-align:right;line-height:1.4}.track span{overflow-wrap:anywhere}}

#rec-input{background:#26282d;min-height:44px;font-size:13px;color:var(--ink)}
/* v12: same console, sound choice close to the next take. */
.timbres{margin-top:14px;padding-top:14px;border-top:1px solid var(--edge)}.timbre-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.timbre-heading h2{font:650 12px var(--mono);color:var(--muted);margin:0}.timbre-heading button{font-size:11px;background:transparent;color:var(--muted);box-shadow:none;padding:4px}.timbres label,#layer-sound label{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:12px;color:var(--muted)}.timbres select,#layer-sound select{flex:1;min-width:0;max-width:100%;min-height:44px}.timbres input[type=range],#layer-sound input[type=range]{flex:1;min-width:50px;width:100%;min-height:44px}.timbres output,#layer-sound output{font:12px var(--mono);min-width:35px;text-align:right}.timbres p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0}.timbres #timbre-status:empty{display:none}.hear-actions,.hold-actions{display:flex;gap:8px}.hear-actions button,.hold-actions button{flex:1;min-width:0;min-height:44px;background:#26282d;color:var(--ink);font-size:12px}.hear-actions button[aria-pressed=true],.hold-actions button[aria-pressed=true]{background:var(--amber);color:var(--bg)}#hearing-status{font:10px/1.6 var(--mono)}#timbre-status{color:var(--amber)}body[data-monitor=on] .mic i{background:var(--amber)}#tracks{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.track{display:block;padding:10px}.track-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.track-name{font-size:12px}.track-effect{display:block;margin-top:5px;font:10px/1.5 var(--mono);color:var(--muted)}.track .track-volume{max-width:48%;min-height:44px}#layer-sound{background:#222429;margin-top:12px}#layer-sound button{min-height:44px}.record-fx-choice{font-size:13px}.record-fx-choice input{accent-color:var(--acid);width:18px;height:18px;flex-shrink:0}.record-fx-help{max-width:540px;margin-inline:auto}#response-browser{font:12px/1.6 var(--mono);color:var(--ink)}.tuner-mode select,button,select{min-height:44px}.source-choice{margin-top:8px}
@media(max-width:360px){.hear-actions{flex-direction:column}.timbre-heading{flex-wrap:wrap}#tracks{grid-template-columns:1fr}.track-main{gap:6px}}
@media(max-height:500px) and (orientation:landscape){.timbres{padding-top:8px;margin-top:8px}.timbre-heading h2{display:none}}

.record-fx-choice{flex-direction:row!important;justify-content:center;min-height:44px}

/* v13 · avisos que importam enquanto se toca */
.warning{margin:0 0 10px;padding:10px 12px;border-radius:8px;background:#3a1d14;color:#ffd7c2;font-size:14px;font-weight:650;line-height:1.35;text-align:center}
.warning.soft{background:#2b2616;color:#f3dfa2;font-weight:550;font-size:13px;text-align:left}
body[data-state=count] .warning:not([hidden]),body[data-state=base] .warning:not([hidden]){animation:none}
/* um só controle de retorno: o da seção do timbre; em Som e conexões fica o estado */
#sound-settings #monitor{display:none}
@media(max-width:720px){.wheel{width:min(200px,56vw);margin-top:4px}.readout strong{font-size:42px}#hint{min-height:2.2em;margin:6px 0 8px;font-size:15px}.transport button{min-height:60px}}

/* apagar uma camada: dois toques, sem janela */
.track-main{gap:10px}
.track-remove{flex-shrink:0;min-height:36px;padding:6px 10px;border-radius:7px;background:#26282d;color:var(--muted);font-size:12px}
.track-remove[data-armed="1"]{background:#5a2414;color:#ffd7c2}
.track-remove:disabled{opacity:.35}

/* timbre de cada camada, direto na faixa */
.track-timbre{width:100%;margin-top:8px;min-height:40px;font-size:14px}
.track-timbre:disabled{opacity:.55}

#clear[data-armed="1"]{background:#5a2414;color:#ffd7c2;border-radius:7px}.click-after{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-top:7px}.click-after select{max-width:62%}.hint-small{font-size:12px;color:var(--muted);margin:4px 0 0}

/* v15 · Palco em tela cheia: tudo que se usa ao tocar cabe na janela, sem rolar. Ajustes ficam abaixo. */
.palco-play{height:var(--palco-h,auto);display:flex;flex-direction:column;gap:8px;overflow:hidden;margin-bottom:18px}
.palco-main{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:0}
.palco-main .wheel{width:clamp(110px,calc(var(--palco-h,700px)*.30),250px);margin:0;container-type:inline-size}
.palco-main .readout strong{font-size:clamp(22px,24cqw,64px)}
.palco-main .readout span{font-size:clamp(8px,4.6cqw,12px)}
.palco-main #hint{min-height:0;margin:0;font-size:14px;line-height:1.3;text-align:center}
.palco-main .warning{margin:0;width:100%}
.palco-main .transport{width:100%;margin:0}
.palco-main .transport button{min-height:56px}
.palco-side{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}
.palco-controls{display:grid;gap:6px}
.palco-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:center}
.palco-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);min-width:0;margin:0}
.palco-row select{flex:1;min-width:0;min-height:42px;font-size:15px}
.palco-row button{min-height:42px;margin:0}
.palco-tempo .tempo{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:4px;margin:0}
.palco-tempo .tempo button{min-height:42px;padding:0}
.palco-tempo .tempo label{justify-content:center;gap:4px}
.palco-tempo .tempo input{font-size:22px;width:3.2ch;text-align:center;padding:0;background:transparent;border:0;color:var(--ink)}
.palco-tempo .tempo span{font-size:10px}
.palco-tempo #metro::before{content:'Clique · '}
.palco-sound .hear-actions,.palco-sound #hear-input{width:100%}
.palco-controls .warning{margin:0}
.palco-side .mixer{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;padding:10px 12px}
.palco-side .mixer .panel-top{margin-bottom:6px;gap:8px;flex-wrap:nowrap}
.palco-side .mixer h2{font-size:15px}
.palco-side #project-status{font-size:11px}
.palco-side .mixer-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}
.palco-side .mixer-actions button{min-height:36px;padding:6px 9px;font-size:12px}
.palco-side #export-status,.palco-side #tracks-empty{margin:2px 0;font-size:12px}
.palco-side #tracks{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:6px}
.palco-side .track{display:grid;grid-template-columns:minmax(0,1fr) minmax(108px,38%);gap:6px;align-items:center;padding:6px 8px;margin:0}
.palco-side .track-main{min-width:0;gap:6px}
.palco-side .track-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.palco-side .track-volume{min-width:50px}
.palco-side .track-timbre{margin:0;min-height:36px;font-size:13px}
.palco-side .track-effect{display:none}
.palco-side .track-remove{min-height:32px;padding:4px 8px}
.palco-more{align-self:flex-end;font-size:12px;color:var(--muted);text-decoration:none;padding:2px 4px}
.palco-ajustes{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 10px;scroll-margin-top:64px}
.palco-extras{margin-bottom:12px}
.palco-extras:empty{display:none}
/* notebook e computador: duas colunas, roda à esquerda, controles e camadas à direita */
@media(min-width:900px){
  .palco-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px 16px}
  .palco-main{justify-content:center}
  .palco-main .wheel{width:clamp(160px,calc(var(--palco-h,700px) - 250px),320px)}
  .palco-more{grid-column:1/-1}
}
/* celular deitado: sem cabeçalho, duas colunas */
@media(max-height:520px) and (orientation:landscape){
  header{display:none}
  .app-tabs{padding:4px 0;margin-bottom:6px}
  .app-tabs button{min-height:34px;padding:4px 8px}
  .palco-play{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr);gap:8px}
  .palco-main{justify-content:center;gap:4px}
  .palco-main .wheel{width:clamp(80px,calc(var(--palco-h,320px) - 150px),170px)}
  .palco-main #hint{font-size:12px;max-height:2.6em;overflow:hidden}
  .palco-main .transport button{min-height:44px}
  .palco-row select,.palco-row button,.palco-tempo .tempo button{min-height:36px}
  .palco-controls{gap:4px}
  .palco-more{display:none}
}

.palco-base label{font-size:0;gap:0}
.palco-base select{font-size:14px}
.palco-side .mixer .panel-top{align-items:center}
.palco-side .mixer-actions{flex-wrap:nowrap}
.palco-downloads{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
@media(max-width:720px){header{min-height:40px;margin-bottom:4px}.app-tabs{padding:4px 0;margin-bottom:8px}.app-tabs button{min-height:40px}}

/* a cor do estado (verde, vermelho, âmbar) também vale na faixa de tocar */
.palco-play{--signal:var(--acid)}
body[data-state=base] .palco-play,body[data-state=count] .palco-play{--signal:var(--red)}
body[data-state=overdub] .palco-play,body[data-state=armed] .palco-play{--signal:var(--amber)}
body[data-state=stopped] .palco-play{--signal:var(--amber)}
body[data-state=waiting] .palco-play{--signal:var(--amber)}
body[data-state=closing] .palco-play{--signal:var(--amber)}

@media(max-width:720px) and (orientation:portrait){
  .palco-main .wheel{width:clamp(100px,calc(var(--palco-h,560px)*.22),230px)}
  .palco-side #project-status{display:none}
  .palco-side .mixer .panel-top{margin-bottom:4px}
  .palco-side .mixer-actions button{min-height:32px;padding:4px 8px}
  .palco-main #hint{font-size:13px}
}

/* camadas compactas: linha de 40 px, nome inteiro, botões do cabeçalho na altura dos outros controles pequenos */
.palco-side .track{padding:3px 8px;min-height:0}
.palco-side .track-main{display:flex;align-items:center}
.palco-side .track-name{flex:none;overflow:visible}
.palco-side .track .track-volume{flex:1;max-width:none;min-height:30px}
.palco-side .track .track-remove,.palco-side .track .track-timbre{min-height:34px;padding:2px 8px;font-size:13px}
.palco-side .mixer-actions #save-loop,.palco-side .mixer-actions #clear{width:auto;min-height:34px;margin-left:0;padding:4px 10px;font-size:13px}
.palco-side .mixer .panel-top{flex-wrap:nowrap}
@media(max-width:720px) and (orientation:portrait){
  .palco-main .transport button{min-height:50px}
  .palco-side .mixer{padding:8px 10px}
}
.palco-side .track-name{flex:0 0 5.9em}
/* Ajustes abaixo do Palco: até 900 px numa coluna só (o painel do clique não empurra a página para o lado) */
.rack>*{min-width:0}
@media(max-width:899px){#workspace-loop .console{grid-template-columns:minmax(0,1fr)}}
.palco-side #tracks{grid-template-columns:minmax(0,1fr)}