.tracks-admin{max-width:1100px}.tracks-drop{padding:24px;border:1px dashed #94a291;border-radius:16px;background:#f4f6ee;margin:24px 0}.tracks-drop p{font-size:14px;line-height:1.6;margin:14px 0 0;max-width:750px}.track-version-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.track-routing{display:grid;gap:14px;margin:24px 0}.track-routing article{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;background:#f6f7f2;border:1px solid #e1e4db;border-radius:12px;padding:18px}.track-routing article.ignored{opacity:.6}.track-source-name{grid-row:span 2;min-width:0}.track-source-name small{display:block;overflow-wrap:anywhere;font-size:14px;color:#596654}.track-group-summary{padding:20px;background:#eef2e4;border-radius:12px;margin:24px 0}.track-group-summary p{font-size:14px;overflow-wrap:anywhere}.track-review{margin-top:30px}.track-heading h3{font-size:23px;margin:12px 0}.track-heading p{font-size:14px;line-height:1.5;color:#596654}.track-transport{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:20px 0}.track-transport label,.track-position,.track-channel label{font-size:14px;display:grid;gap:8px}.track-transport label{flex:1;min-width:150px}.track-position input{width:100%}.track-channels{display:grid;gap:10px;margin:22px 0}.track-channel{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #dce2d4;border-radius:10px;background:#f5f7ef}.track-channel strong{font-size:16px}.track-channel input{width:100%;accent-color:#385c37}.track-channel [aria-pressed=true]{background:#d4ef9f;border-color:#537144;color:#1d3420}.track-status{font-size:14px;min-height:1.5em;color:#765225}.tracks-slot{padding-top:0}.tracks-admin audio{max-width:100%;width:100%;margin:10px 0}.participation-alert{display:block;padding:16px 22px;background:#edf5d9;border:1px solid #bcd192;border-radius:12px;margin:18px 0;color:#233e29;text-decoration:none;font-size:16px}.participation-alert strong{display:block;margin-bottom:6px}.participation-alert small{font-size:14px}.participant-notifications{display:grid;gap:10px;margin:20px 0}.participant-notifications a{color:#284c2b;font-size:16px}@media(max-width:700px){.track-routing article{grid-template-columns:1fr 1fr}.track-source-name{grid-column:1/-1;grid-row:auto}.track-channel{grid-template-columns:1fr auto auto}.track-channel label{grid-column:1/-1;grid-row:2}.track-transport{align-items:flex-start}.track-transport label{flex-basis:100%}.track-channels{gap:8px}}
.participation-alert[hidden]{display:none}button.participation-alert{width:100%;text-align:left;cursor:pointer;font-family:inherit}
.track-position input{min-height:44px;cursor:pointer;accent-color:#385c37}.track-jump{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 20px}.track-jump label{display:flex;align-items:center;gap:8px;font-size:14px}.track-jump input{width:90px;min-height:42px;border:1px solid #bcc8b6;border-radius:8px;padding:8px;font-size:16px}
.track-key-controls,.live-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.track-key-controls label,.live-output label,.live-aux label{display:grid;gap:8px;font-size:14px}.track-key-controls select,.live-output select,.live-aux select,.live-aux input{min-height:44px;width:100%;padding:9px;border:1px solid #bcc8b6;border-radius:8px;font:inherit;font-size:16px;background:#fff;color:#233e29}.track-help,.live-output p{font-size:14px;line-height:1.6;color:#596654}.live-page{max-width:1200px;padding:24px;margin:auto}.live-header{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 0 26px;border-bottom:1px solid #dce2d4}.live-header .brand{margin-right:auto;display:flex;align-items:center;gap:10px;text-decoration:none}.live-header p{margin:8px 0 0}.live-output{padding:18px;background:#edf4df;border:1px solid #bccd9d;border-radius:12px;margin-top:18px}.live-aux{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:20px 0}.live-aux label{max-width:160px}.live-selection{grid-template-columns:1fr 1fr}.live-page .track-channel{grid-template-columns:minmax(100px,1fr) 130px minmax(100px,1fr) auto auto}.cue-assignment{display:flex!important;align-items:center;gap:8px}.cue-assignment input{width:20px;min-height:24px;accent-color:#385c37}.live-page .track-channel label{font-size:14px}.live-page .admin-panel{margin-top:24px}.live-page .admin-intro{margin-top:30px}.live-output select{max-width:100%;text-overflow:ellipsis}button:disabled{cursor:default}@media(max-width:700px){.track-key-controls{grid-template-columns:1fr 1fr}.track-key-controls label:last-child{grid-column:1/-1}.live-selection{grid-template-columns:1fr}.live-page{padding:16px}.live-page .track-channel{grid-template-columns:1fr auto auto}.live-page .track-channel .cue-assignment{grid-column:1/-1;grid-row:3}.live-aux label{flex:1;min-width:110px;max-width:none}.live-header .brand{width:100%}.live-header .button{padding:10px}.live-output select{font-size:14px}.live-page .track-channel input[type=range]{width:100%}}
.live-tabs-list{display:flex!important;flex-wrap:wrap!important;width:100%!important;height:auto!important;gap:8px!important;padding:6px!important;background:#e8eddf!important;border-radius:14px!important}.live-tab{flex:1!important;min-height:52px!important;white-space:normal!important;padding:12px 18px!important;border:0!important;border-radius:10px!important;font:inherit!important;font-size:16px!important;color:#33452d!important;background:transparent!important;cursor:pointer!important}.live-tab[data-state=active]{background:#263e2b!important;color:#fff!important;box-shadow:0 3px 8px #20322120!important}.live-tab:focus-visible,.tempo-dial:focus-visible{outline:3px solid #639333;outline-offset:3px}.synth-panel{padding-top:24px}.synth-global{display:flex;flex-wrap:wrap;gap:18px;align-items:end;padding:20px;background:#edf3e5;border:1px solid #c8d4bb;border-radius:14px}.synth-global .admin-field{flex:1;min-width:230px;margin:0}.stop-live{background:#572c24!important;color:#fff!important;min-height:48px}.synth-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:18px;margin-top:22px;align-items:start}.synth-card{padding:22px;border:1px solid #d4deca;background:#fff;border-radius:16px;min-width:0}.synth-card h2{font-size:24px;margin:10px 0 24px}.synth-card .admin-field{margin-bottom:20px}.synth-card .button{min-height:48px}.synth-card input[type=range],.synth-global input[type=range]{min-height:38px;accent-color:#416734;width:100%;cursor:pointer}.tempo-dial{position:relative;width:190px;height:190px;border-radius:50%;border:10px solid #dce8c9;background:radial-gradient(circle at 35% 25%,#436644,#203827);box-shadow:inset 0 0 0 2px #799564,0 8px 16px #22331f20;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;touch-action:none;user-select:none;cursor:grab;color:#fff}.tempo-dial:active{cursor:grabbing}.tempo-dial strong{font-size:52px;line-height:1;font-variant-numeric:tabular-nums;font-weight:650;pointer-events:none}.tempo-dial>span:last-child{font-size:14px;margin-top:10px;letter-spacing:2px;pointer-events:none}.dial-marker{position:absolute;inset:4px;transform:rotate(var(--dial-angle));pointer-events:none}.dial-marker:before{content:'';position:absolute;left:calc(50% - 3px);top:0;width:6px;height:17px;background:#d3f591;border-radius:4px}.dial-hint{font-size:14px;color:#596654;text-align:center;line-height:1.5;margin:16px 0}.tempo-buttons{display:flex;align-items:stretch;gap:8px;margin:18px 0 22px}.tempo-buttons .tap-tempo{flex:1;background:#d4ef9f;color:#244025;display:grid;gap:6px;min-height:76px}.tap-tempo small{font-size:14px;font-weight:400}.tempo-buttons>.secondary{min-width:48px;font-size:24px}.synth-key{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pad-layers{display:grid;gap:12px;margin:20px 0}.pad-layer{padding:16px;border:1px solid #dce1d3;border-radius:12px;background:#f6f8f1}.pad-layer.enabled{border-color:#8dab6a;background:#edf5df}.layer-switch{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:18px}.layer-switch input{width:22px;height:22px;accent-color:#416734}.pad-layer .admin-field:last-child{margin-bottom:0}.sample-pending{font-size:14px;line-height:1.6;color:#665b42;background:#f7f3e7;padding:14px;border-radius:10px}.arp-readout{background:#edf4e2;font-size:22px;color:#34522e;padding:14px;border-radius:10px;margin:-6px 0 24px}.synth-card .track-help{line-height:1.6}@media(max-width:1050px){.synth-grid{grid-template-columns:1fr 1fr}.arp-card{grid-column:1/-1}}@media(max-width:700px){.synth-grid{grid-template-columns:1fr}.arp-card{grid-column:auto}.synth-global{padding:16px}.synth-global .admin-field{min-width:0;flex-basis:100%}.synth-global .stop-live{width:100%}.synth-card{padding:18px}.live-tab{font-size:15px!important;padding:12px!important;min-width:120px!important}.tempo-dial{width:210px;height:210px}.synth-panel select{font-size:16px}.tempo-buttons .tap-tempo{min-height:80px}}

.synth-card h2{margin-bottom:16px}.synth-transport{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:96px;padding:18px 16px;margin:0 0 26px;border:2px solid #264b32;border-radius:14px;background:#264b32;color:#fff;cursor:pointer;touch-action:manipulation;font:inherit;text-align:left;box-shadow:0 4px 0 #18321f}.synth-transport strong{display:block;font-size:1.35rem;line-height:1.3}.synth-transport small{display:block;font-size:1rem;margin-top:6px;color:#e3eddc}.transport-symbol{font-size:2rem;line-height:1;flex-shrink:0}.synth-transport.is-playing{background:#922f25;border-color:#922f25;box-shadow:0 4px 0 #602019}.synth-transport.is-playing small{color:#fff0e9}.synth-transport:hover{filter:brightness(1.1)}.synth-transport:focus-visible,.stop-live:focus-visible{outline:4px solid #70a33d;outline-offset:4px}.synth-transport:active{transform:translateY(2px);box-shadow:0 2px 0 #18321f}.synth-transport:disabled{opacity:.65;cursor:wait}.synth-global .stop-live{min-height:72px;font-size:1.2rem;padding:18px 24px;font-weight:700}@media(max-width:700px){.synth-transport{min-height:104px}.synth-transport strong{font-size:1.5rem}}

.song-map-editor{margin:24px 0;padding:22px;border:1px solid #b8cbaa;border-radius:14px;background:#f4f8ee}.map-timing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.map-row{display:grid;grid-template-columns:minmax(160px,1.5fr) 1fr 1fr auto;gap:12px;align-items:end;padding:16px 0;border-top:1px solid #ccd7c1}.map-row .admin-field{margin:0}.map-row-actions{display:flex;flex-wrap:wrap;gap:8px}.live-song-map{padding:20px;background:#edf4e3;border:1px solid #b8cbaa;border-radius:14px;margin:20px 0}.live-song-map>p{font-size:16px;line-height:1.6}.live-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.live-part-row{display:grid;grid-template-columns:1fr auto auto;gap:6px}.live-part{grid-column:1/-1;min-height:92px;background:#fff;color:#26432e;border:2px solid #becdb1;border-radius:12px;padding:18px;text-align:left;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;font:inherit}.live-part strong{display:block;font-size:1.25rem}.live-part small{display:block;font-size:1rem;margin-top:8px}.live-part.is-current{background:#264b32;color:#fff;border-color:#264b32}.live-part.is-queued{border:3px dashed #985312}.live-part.is-looping:after{content:'↻ Repetir';display:block;font-weight:700;margin-top:8px}.live-part:focus-visible{outline:4px solid #71a145;outline-offset:3px}.live-part-row .button{min-height:44px}.live-part-row .button:first-of-type{grid-column:2}.live-song-map [data-map-status]{padding:12px;background:#fff;border-radius:8px;font-weight:600;min-height:48px}.live-song-map .utility-actions .button{min-height:52px}@media(max-width:800px){.map-row{grid-template-columns:1fr 1fr}.map-row>label:first-child{grid-column:1/-1}.map-row-actions{grid-column:1/-1}.map-timing{grid-template-columns:1fr}.live-parts{grid-template-columns:1fr 1fr}}@media(max-width:420px){.live-parts{grid-template-columns:1fr}.live-part{min-height:100px}}

.tap-map{padding:20px;border:1px solid #b5c69f;background:#fff;border-radius:14px;margin-bottom:24px}.tap-map>p{font-size:16px;line-height:1.6}.tap-map-current{padding:20px;background:#edf4e3;border-radius:12px;margin:18px 0}.tap-map-current>strong{display:block;font-size:2rem;font-variant-numeric:tabular-nums;margin:12px 0}.recording-part{border:3px solid #658f40;padding:18px;border-radius:12px;animation:record-border 1.1s ease-in-out infinite}.recording-part>span{font-size:16px}.mark-part{display:block;width:100%;min-height:84px;margin:18px 0 0;font-size:1.25rem!important;white-space:normal;touch-action:manipulation}.recording-part .admin-field{margin-top:0}.tap-map .track-heading,.tap-map .track-key-controls,.tap-map .track-key-controls+.track-help{display:none}.tap-map .track-transport{margin-top:20px}.live-play-mode{margin-top:24px}.vs-badge{display:inline-flex;padding:4px 9px;margin-left:auto;border-radius:6px;background:#264b32;color:#fff;font-size:14px;font-weight:750;line-height:1.2;letter-spacing:.03em}.song-category{display:flex;align-items:center;gap:8px}@keyframes record-border{50%{border-color:#b0d280;box-shadow:0 0 0 4px #7cac3e22}}@media(prefers-reduced-motion:reduce){.recording-part{animation:none}}@media(max-width:700px){.tap-map{padding:14px}.tap-map-current{padding:14px}.recording-part{padding:14px}.mark-part{min-height:100px}}

/* A dedicated, dark performance surface. Preparation keeps the existing theme. */
.live-setup-list{list-style:none;padding:0;display:grid;gap:14px}.live-setup-list li{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,220px) auto;gap:16px;align-items:center;padding:16px;border:1px solid #c5cebb;border-radius:12px}.live-setup-list .admin-field{margin:0}.stage-enter{background:#e87820!important;color:#1c1007!important;border-color:#e87820!important;min-height:70px;font-size:1.15rem!important;margin-top:20px}.stage-dialog{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(520px,calc(100vw - 32px))!important;max-width:none!important;padding:28px!important;display:grid!important;gap:20px!important;background:#fff!important;color:#1b2922!important;border:1px solid #cad5c5!important;border-radius:16px!important;z-index:100!important}.stage-dialog [data-slot=alert-dialog-title]{font-size:1.4rem!important}.stage-dialog [data-slot=alert-dialog-description]{font-size:1rem!important;line-height:1.65!important;color:#47584b!important}.stage-dialog [data-slot=alert-dialog-footer]{display:flex!important;gap:12px!important;flex-wrap:wrap!important}.stage-dialog .button{min-height:52px!important;white-space:normal!important}body:has(.stage-dialog) [data-slot=alert-dialog-overlay]{position:fixed!important;inset:0!important;background:#000a!important;z-index:99!important}
body.stage-mode{background:#090909;color:#f0f0f0;color-scheme:dark}.live-stage{--stage-surface:#191919;--stage-border:#444444;--stage-muted:#c6c6c6;max-width:1600px;min-height:100dvh;padding:20px max(20px,env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom));color:#f0f0f0}.stage-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:16px}.stage-header>div{margin-right:auto}.stage-header strong{display:block;font-size:1.25rem;margin-top:6px}.live-stage .eyebrow,.stage-routing{color:#c7c7c7}.stage-routing{font-size:.875rem;line-height:1.5}.live-stage .button.secondary,.live-stage .button.subtle{background:#303030;color:#f0f0f0;border-color:#5b5b5b}.live-stage .button.primary{background:#ff9a3d;color:#211208;border-color:#ff9a3d}.live-stage .button:disabled{opacity:.45}.live-stage .button:focus-visible,.stage-song:focus-visible,.live-stage select:focus-visible,.stage-mixer summary:focus-visible{outline:3px solid #ffc68f;outline-offset:3px}.stage-header .button{min-height:56px;font-size:1rem}.live-stage .stop-live{background:#962f3c!important;border-color:#d36170!important;min-height:60px!important;color:#fff!important}.stage-setlist{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;position:sticky;top:0;z-index:20;background:#090909;padding:14px 0 18px;scroll-snap-type:x proximity}.stage-song{flex:0 0 230px;display:grid;gap:8px;text-align:left;padding:16px;border:2px solid var(--stage-border);border-radius:12px;background:var(--stage-surface);color:#f0f0f0;cursor:pointer;scroll-snap-align:start;min-height:156px;font:inherit}.stage-song>span{font-variant-numeric:tabular-nums;color:var(--stage-muted);font-size:.875rem}.stage-song strong{font-size:1.1rem;line-height:1.4}.stage-song small{font-size:.875rem;color:var(--stage-muted)}.stage-song.is-selected{background:#3c2b1b;border-color:#ff9a3d}.live-stage .live-tabs-list{background:#222222!important;border:1px solid var(--stage-border)}.live-stage .live-tab{color:#cccccc!important;min-height:56px!important}.live-stage .live-tab[data-state=active]{background:#ff9a3d!important;color:#211208!important}.live-stage .admin-panel,.live-stage .synth-card,.live-stage .synth-global,.live-stage .pad-layer,.live-stage .live-song-map{background:var(--stage-surface);color:#f0f0f0;border-color:var(--stage-border)}.live-stage .admin-panel{padding:24px}.stage-song-title h1{font-size:clamp(1.5rem,3vw,2.4rem);margin:0 0 14px;line-height:1.25}.stage-song-title p{font-size:1rem;color:var(--stage-muted)}.live-stage .track-heading,.live-stage .track-help,.live-stage .sample-pending,.live-stage .dial-hint,.live-stage .live-output{display:none}.live-stage .admin-field,.live-stage .track-key-controls label,.live-stage .track-transport label,.live-stage .track-position{color:#cccccc;font-size:1rem}.live-stage select,.live-stage input[type=text]{background:#2b2b2b;color:#f5f5f5;border-color:#5b5b5b;min-height:48px}.live-stage input[type=range]{accent-color:#ff9a3d;min-height:44px}.live-stage .track-transport{margin:24px 0;gap:20px}.live-stage [data-play]{min-width:240px;min-height:88px;font-size:1.6rem!important}.live-stage [data-time]{font-size:1.4rem;font-variant-numeric:tabular-nums}.live-stage .track-channel{background:#292929;color:#ededed;border-color:var(--stage-border)}.live-stage .track-channel [aria-pressed=true]{background:#ff9a3d;color:#211208;border-color:#ff9a3d}.live-stage .track-status{color:#ffcd8e;font-size:1rem}.stage-mixer{margin-top:24px;border-top:1px solid var(--stage-border);padding:18px 0}.stage-mixer summary{cursor:pointer;font-size:1rem;font-weight:700;min-height:48px;padding:14px}.live-stage .live-part{background:#303030;color:#efefef;border-color:#5b5b5b}.live-stage .live-part.is-current{background:#67401d;color:#fff;border-color:#ff9a3d}.live-stage .live-part.is-queued{border-color:#ffbf63}.live-stage .live-song-map [data-map-status]{background:#303030;color:#dddddd}.live-stage .synth-transport{background:#303030;color:#f0f0f0;border-color:#686868}.live-stage .synth-transport.is-playing{background:#67401d;color:#fff;border-color:#ff9a3d}.live-stage .tempo-card .synth-transport{background:#303030;color:#fff}.live-stage .tempo-card .synth-transport.is-playing{background:#67401d}.live-stage .arp-card .synth-transport{background:#303030;color:#fff}.live-stage .arp-card .synth-transport.is-playing{background:#67401d}.live-stage .tap-tempo{background:#383838;color:#fff;border-color:#686868}.live-stage .pad-layer.enabled{background:#332b24}.live-stage .arp-readout{color:#ffc48c}.live-stage .admin-message{background:#38312a;border-color:#a27b54;color:#fff0e1}.live-stage .admin-message.error{background:#42212b;border-color:#b96273;color:#ffe1e7}.stage-exit-hint{color:var(--stage-muted);font-size:.875rem;line-height:1.6;margin:20px 0}.live-stage .synth-card .eyebrow{display:none}
@media(max-width:800px){.live-setup-list li{grid-template-columns:1fr}.live-stage{padding:14px 14px calc(20px + env(safe-area-inset-bottom))}.stage-header{gap:10px}.stage-routing{width:100%;order:4}.stage-header>div{flex-basis:100%}.stage-header .button{flex:1}.stage-song{flex-basis:210px;min-height:150px}.live-stage .admin-panel{padding:16px}.live-stage [data-play]{width:100%;min-height:96px}.live-stage [data-time]{font-size:1.15rem}.stage-dialog [data-slot=alert-dialog-footer]{flex-direction:column!important}.stage-dialog .button{width:100%}}

.session-sound-editor{border:1px solid #bbc8ae;border-radius:14px;padding:20px;margin:24px 0}.session-sound-editor .synth-panel{padding-top:12px}.live-stage .synth-transport small{color:#ddd}.live-stage .track-key-controls select:disabled{opacity:.75}
.offline-preparations{padding:20px;background:#edf3e3;border:1px solid #c4d0b6;border-radius:12px;margin-bottom:24px}.arrangement-copy p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.75}.arrangement-copy article{padding:18px 0;border-bottom:1px solid #d3ddc9}.arrangement-roles details,.preparation-roles{border:1px solid #c8d3bc;border-radius:10px;padding:16px;margin:12px 0}.arrangement-roles summary,.preparation-roles summary{font-size:1rem;font-weight:700;cursor:pointer;min-height:40px}.arrangement-roles textarea{width:100%}.preparation-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.preparation-summary article{padding:20px;background:#eff4e7;border:1px solid #cbd8bd;border-radius:12px}.preparation-summary strong{display:block;font-size:2rem;margin-bottom:10px}.preparation-summary span{font-size:1rem}.preparation-songs{display:grid;gap:14px}.preparation-songs article{padding:18px;border:1px solid #d0dbc6;border-radius:12px}.preparation-songs h3{margin:0 0 16px}.preparation-labels{display:flex;flex-wrap:wrap;gap:10px}.preparation-labels span{font-size:.875rem;padding:8px 12px;border-radius:8px;background:#edf2e6;color:#2f4531}@media(max-width:700px){.preparation-summary{grid-template-columns:1fr 1fr}.preparation-summary article{padding:16px}.offline-preparations{padding:14px}}
/* Live production tools */
.sound-check,.session-conversation,.stage-reminder{padding:1.25rem;margin:1.25rem 0;border:1px solid var(--border,#d6ded8);border-radius:16px}.sound-check p,.stage-reminder{font-size:1rem;line-height:1.6}.stage-reminder{background:#312217;color:#ffd7aa;border-color:#c87838}.stage-safety{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 0;color:#f4a157}.stage-controls[inert]{opacity:.6}.tone-editor,.harmonic-editor{border-top:1px solid #68706a;padding-top:1rem;margin-top:1rem}.tone-editor summary,.session-conversation summary,.substitution-form summary{cursor:pointer;padding:.75rem 0;font-size:1rem;font-weight:700}.tone-knobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 0}.tone-control{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;text-align:center;min-width:0}.tone-control input{width:100%;accent-color:#ee9852}.tone-knob{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(140deg,#525b56,#202724);border:2px solid #819186;border-radius:50%;transform:rotate(var(--knob-angle));box-shadow:0 2px 5px #0005}.tone-knob i{height:20px;width:3px;background:#efaa66;align-self:flex-start;margin-top:5px}.degree-buttons{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.degree-buttons .button{min-width:0;padding:.7rem .3rem}.degree-buttons .selected{background:#c97838;color:#fff}.harmonic-steps article{display:grid;grid-template-columns:30px 1fr 80px 85px;gap:.6rem;align-items:end;border-bottom:1px solid #7777;padding:1rem 0}.harmonic-steps .admin-check{grid-column:2}.session-messages{max-height:360px;overflow:auto}.session-messages article{border-bottom:1px solid #7775;padding:1rem 0}.session-messages small{margin-left:1rem}.session-messages p{white-space:pre-wrap}.stage-effects-toggle{margin:1rem 0}.workload-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.workload-list article,.notice-contact{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem;border-bottom:1px solid #7774}.operation-card{border-bottom:1px solid #7774;padding:1.25rem 0}.substitution-form{margin-top:1rem}.live-stage .tone-editor,.live-stage .harmonic-editor{border-color:#4a4c4b}.live-stage .stage-controls{color:#ecefed}.live-stage .tone-knob{border-color:#787b79;background:linear-gradient(140deg,#484b49,#171a19)}@media(max-width:640px){.tone-knobs{grid-template-columns:repeat(2,minmax(0,1fr))}.harmonic-steps article{grid-template-columns:25px 1fr 75px}.harmonic-steps .admin-field:nth-of-type(3){grid-column:2}.workload-list{grid-template-columns:1fr}.degree-buttons{gap:.2rem}}

.arp-workbench{border:1px solid #7775;border-radius:14px;padding:1rem;margin:1rem 0}.arp-tabs,.arp-pattern-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.arp-tabs button,.arp-pattern-buttons button{font:inherit;min-height:48px;padding:.6rem .8rem;border:1px solid #7778;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.arp-tabs .selected,.arp-pattern-buttons .selected{background:#dc8642;color:#181c19;border-color:#efaa66;font-weight:700}.oscillator-rack,.delay-rack{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.oscillator-rack section,.delay-rack section{padding:1rem;border:1px solid #7775;border-radius:12px;min-width:0}.oscillator-rack section:last-child{grid-column:1/-1}.oscillator-rack .tone-knobs{grid-template-columns:repeat(2,minmax(0,1fr))}.interactive-knob{cursor:ns-resize;touch-action:none;outline-offset:5px}.interactive-knob:focus-visible{outline:3px solid #ec9855}.arp-step-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;margin-top:1rem}.arp-step-grid section{border:1px solid #7777;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;min-width:0}.arp-step-grid button{min-height:48px;width:100%;font:inherit;font-weight:700;background:#c97e3e;color:#fff;border:0;border-radius:5px}.arp-step-grid input[type=range]{width:100%;accent-color:#e89856}.arp-step-grid label{font-size:.875rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}.arp-step-grid .muted{opacity:.6}.arp-step-grid .outside-cycle{opacity:.35}.live-stage .arp-workbench{background:#1b1e1c;border-color:#494e4a}.arp-workbench h3{font-size:1rem;margin-top:0}@media(max-width:680px){.oscillator-rack,.delay-rack{grid-template-columns:1fr}.arp-step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.arp-workbench{padding:.8rem}.arp-tabs button{flex:1;min-width:100px}}
/* Stage-friendly rhythm controls: ready patterns first, editing kept optional. */
.arp-rhythm-panel{min-width:0}.rhythm-hint{font-size:.9rem;line-height:1.6;margin:.5rem 0 1rem;color:inherit;opacity:.85}.arp-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.5rem}.arp-preset-grid button{min-height:90px;padding:1rem;text-align:left;display:flex;flex-direction:column;gap:.45rem;border:1px solid #74816b;border-radius:12px;background:#f1f5eb;color:#253322;font:inherit;cursor:pointer}.arp-preset-grid strong{font-size:1rem}.arp-preset-grid small{font-size:.85rem;line-height:1.5}.arp-preset-grid button.selected{background:#d7edab;border-color:#678638;box-shadow:inset 0 0 0 1px #678638}.rhythm-basics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rhythm-gate{grid-column:1/-1}.rhythm-details{border-top:1px solid #7775;margin-top:1rem;padding-top:.5rem}.rhythm-details summary{min-height:52px;padding:.9rem .2rem;cursor:pointer;font-size:1rem;font-weight:700}.arp-step-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.arp-step-group{border:1px solid #7775;border-radius:12px;padding:.75rem;min-width:0}.arp-step-group h4{font-size:.9rem;margin:0 0 .5rem}.arp-step-group .arp-step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0}.arp-step-group .arp-step-grid section{padding:.4rem .2rem;background:#77708}.arp-step-grid select{font:inherit;min-height:48px;min-width:0;width:100%;padding:.25rem;text-align:center;background:#eef3e6;color:#24311d;border:1px solid #819172;border-radius:7px}.arp-step-grid output{font-size:.85rem;font-variant-numeric:tabular-nums}.step-number{font-weight:700;font-size:.9rem}.arp-step-grid input[type=checkbox]{min-width:20px;min-height:20px;accent-color:#e89856}.arp-step-grid input[type=range]{min-height:40px}.arp-step-grid label{min-height:32px;align-items:center}.arp-preset-grid button:focus-visible,.arp-step-grid select:focus-visible{outline:3px solid #ee9852;outline-offset:3px}.live-stage .arp-preset-grid button{background:#30332f;color:#f0f0f0;border-color:#656a63}.live-stage .arp-preset-grid button.selected{background:#67401d;color:#fff;border-color:#ff9a3d;box-shadow:inset 0 0 0 1px #ff9a3d}.live-stage .rhythm-hint{color:#c9cfca}.live-stage .arp-step-grid select{background:#343833;color:#f5f5f5;border-color:#656a63}.live-stage .arp-step-grid .muted{opacity:.6}@media(max-width:1000px){.arp-step-groups{grid-template-columns:1fr}}@media(max-width:480px){.rhythm-basics{grid-template-columns:1fr}.rhythm-gate{grid-column:auto}.arp-preset-grid{gap:.5rem}.arp-preset-grid button{padding:.8rem;min-height:100px}.arp-tabs{gap:.25rem}.arp-tabs button{font-size:.85rem;min-width:0}.arp-step-group{padding:.5rem}}

.output-mixer{border:1px solid #7775;border-radius:14px;padding:1rem;margin-bottom:1rem}.output-mixer-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.output-mixer-heading small{font-size:.875rem}.output-mixer-channels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.output-mixer-channels .admin-field{margin:0}.output-mixer-channels .admin-field>span{display:flex;justify-content:space-between;gap:1rem;font-size:1rem}.output-mixer-channels output{font-variant-numeric:tabular-nums;font-weight:700}.output-mixer-channels input{width:100%;min-height:44px;accent-color:#ee9852}.live-stage .output-mixer{background:#292d29;border-color:#626762}.live-stage .output-mixer-heading small{color:#c9cfca}@media(max-width:540px){.output-mixer-channels{grid-template-columns:1fr;gap:1rem}}
.live-key-buttons{border:1px solid #7775;border-radius:14px;padding:1rem;margin:1rem 0}.key-buttons-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.key-button-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem}.key-mode-buttons{display:flex;gap:.5rem}.live-key-buttons button,.compact-pad-layers button{font:inherit;min-height:52px;border:1px solid #7b8576;border-radius:9px;background:#f1f5ea;color:#283421;cursor:pointer;padding:.65rem .3rem;font-weight:700}.key-button-grid button{font-size:.9rem}.live-key-buttons button.selected,.compact-pad-layers button.selected{background:#d2e9a7;border-color:#678638}.compact-pad-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0}.compact-pad-layers button{display:flex;flex-direction:column;gap:.4rem;align-items:center}.compact-pad-layers small{font-size:.8rem;font-weight:400;overflow-wrap:anywhere}.synth-disclosure{width:100%;min-height:48px;margin-top:.75rem}.synth-advanced[hidden]{display:none!important}.synth-advanced{padding-top:1rem}.compact-tempo>strong{display:block;text-align:center;font-size:2.5rem;font-variant-numeric:tabular-nums;margin-top:1rem}.compact-tempo small{font-size:1rem}.compact-tempo .tempo-buttons{margin:.75rem 0}.synth-grid{align-items:start}.live-stage .live-key-buttons{background:#252925;border-color:#626762}.live-stage .live-key-buttons button,.live-stage .compact-pad-layers button{background:#30352f;color:#f3f5f1;border-color:#667060}.live-stage .live-key-buttons button.selected,.live-stage .compact-pad-layers button.selected{background:#67401d;color:#fff;border-color:#ff9a3d}.live-stage .synth-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-stage .synth-transport{min-width:0;width:100%;min-height:76px}.live-stage .synth-global{margin-bottom:1rem}@media(max-width:1100px){.key-button-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.live-stage .synth-grid{grid-template-columns:1fr 1fr}.live-stage .arp-card{grid-column:1/-1}}@media(max-width:680px){.live-stage .synth-grid{grid-template-columns:1fr}.live-stage .arp-card{grid-column:auto}.key-button-grid{gap:.4rem}.key-button-grid button{min-height:56px;font-size:.875rem}.synth-card{padding:1rem}.synth-global{display:flex;flex-wrap:wrap;gap:.75rem}.synth-global>.admin-field{width:100%}}


/* Arrangement view: horizontal tracks, shared timeline and compact effects rack. */
.live-stage{--daw-bg:#101012;--daw-surface:#1a1a1e;--daw-line:#323238;--daw-accent:#ddd33c;background:var(--daw-bg);color:#efeff2}
.live-stage .stage-header{background:#171719;border-bottom:1px solid var(--daw-line);padding-block:.8rem}
.live-stage .stage-controls{max-width:1720px;margin:auto}
.live-stage .stage-safety{font-size:.875rem;padding-block:.5rem}
.live-stage .stage-setlist{gap:.4rem;margin:.65rem 0}
.live-stage .stage-song{min-height:68px;padding:.65rem .8rem;border-radius:6px;background:#1c1c20}
.live-stage .stage-song.is-selected{background:#313023;border-color:var(--daw-accent)}
.live-stage .stage-player{background:#151518;border:1px solid var(--daw-line);padding:1rem;border-radius:8px}
.live-stage .stage-song-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}
.live-stage .stage-song-title h1{font-size:1.35rem;margin:0}
.live-stage .stage-song-title p{font-size:.875rem;margin:0;color:#b7b7c0}
.live-stage .live-play-mode{max-width:380px;font-size:.875rem;margin-bottom:.65rem}
.daw-studio{border:1px solid var(--daw-line);border-radius:8px;background:#101012;overflow:hidden}
.daw-transport{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:.65rem .85rem;background:#202024;border-bottom:1px solid var(--daw-line)}
.daw-transport-actions{display:flex;gap:.4rem;align-items:center}
.live-stage .daw-transport .button{min-height:48px;padding:.55rem .9rem;min-width:48px;border-radius:6px;font-size:.9375rem}
.live-stage .daw-transport [data-play]{background:var(--daw-accent);color:#181806;border-color:var(--daw-accent);min-width:140px}
.live-stage .daw-transport [data-stop-all]{background:#323238;border-color:#55555f;color:#eee}
.daw-time{font:600 1.125rem ui-monospace,monospace;color:#ececdc;font-variant-numeric:tabular-nums;padding:.45rem .8rem;background:#111114;border-radius:6px}
.daw-tempo{margin-left:auto;font:600 1rem ui-monospace,monospace}
.daw-tempo small{font-size:.875rem;color:#bdbdc6}
.live-stage .daw-key-settings{padding:.65rem .9rem;background:#19191d;font-size:.875rem}
.live-stage .daw-key-settings summary{cursor:pointer;min-height:32px;display:flex;align-items:center}
.live-stage .daw-key-settings .track-help,.live-stage .daw-key-settings .live-output{font-size:.875rem}
.live-stage .daw-studio .live-key-buttons{margin:0;padding:.65rem .9rem;border:0;border-bottom:1px solid var(--daw-line);border-radius:0;background:#19191d}
.live-stage .daw-studio .key-buttons-heading{margin-bottom:.5rem;font-size:.875rem;display:flex;align-items:center;justify-content:space-between}
.live-stage .daw-studio .key-button-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.3rem}
.live-stage .daw-studio .live-key-buttons button{min-height:44px;font-size:.875rem;padding:.3rem;background:#28282e;border-color:#494952;border-radius:5px;color:#ededf1}
.live-stage .daw-studio .live-key-buttons button.selected{background:#44401c;border-color:var(--daw-accent);color:#f4ee9c}
.live-stage .daw-studio .live-song-map{margin:.65rem .85rem;background:#1a1a1e;border-radius:6px;padding:.75rem}
.daw-arrangement{max-height:520px;overflow:auto;scrollbar-color:#57575e #171719;overscroll-behavior:contain;position:relative}
.daw-ruler-row,.daw-row,.daw-master-row{display:grid;grid-template-columns:260px minmax(500px,1fr);min-width:760px}
.daw-ruler-row{position:sticky;top:0;z-index:3;background:#18181c;height:36px;border-bottom:1px solid var(--daw-line)}
.daw-ruler-label{position:sticky;left:0;z-index:4;background:#222226;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.875rem;color:#bdbdc6;letter-spacing:.08em;border-right:1px solid var(--daw-line)}
.daw-ruler-label span{color:#eeedf2;letter-spacing:0}
.daw-ruler{position:relative;margin-inline:.5rem;font: .8125rem ui-monospace,monospace;color:#a4a4ae}
.daw-ruler>span{position:absolute;top:9px;transform:translateX(-50%)}
.daw-ruler>span:first-child{transform:none}
.daw-ruler>span:last-child{transform:translateX(-100%)}
.daw-row{border-bottom:1px solid #29292f;height:106px}
.daw-channel{position:sticky;left:0;z-index:2;background:#1e1e22;border-left:3px solid var(--track-color,#ddd33c);border-right:1px solid #393940;padding:.4rem .6rem;min-width:0}
.daw-channel-top{display:flex;gap:.35rem;align-items:center;min-height:36px}
.daw-number{font:.75rem ui-monospace,monospace;color:#9999a3}
.daw-channel-top strong{font-size:.875rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.daw-channel-top button{width:36px;height:36px;min-width:36px;padding:0;font:600 .875rem inherit;border:1px solid #50505b;border-radius:5px;background:#2b2b32;color:#dddde6;cursor:pointer}
.daw-channel-top [data-mute][aria-pressed=true]{background:#6b2929;border-color:#d88a8a;color:#fff}
.daw-channel-top [data-solo][aria-pressed=true]{background:#646016;border-color:#ddd33c;color:#fff}
.daw-volume{display:flex;align-items:center;gap:.5rem;font-size:.875rem}
.live-stage .daw-volume input[type=range]{width:100%;height:28px;min-height:28px;accent-color:#c7c7ce;margin:0;cursor:ew-resize;flex:1;min-width:0}
.daw-volume output{font:.8125rem ui-monospace,monospace;min-width:4ch;color:#bbbcc8;text-align:right}
.daw-route{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#c6c6d0;height:26px}
.daw-route input{width:15px;height:15px;accent-color:#ddd33c}
.daw-route span{margin-left:auto;color:#a5a5b0}
.daw-lane{position:relative;margin:0 .5rem;cursor:crosshair;min-width:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#303038 8.333%)}
.daw-clip{position:relative;height:90px;margin-top:8px;background:var(--track-color);border:1px solid color-mix(in srgb,var(--track-color),white 15%);border-radius:5px;overflow:hidden;color:#18141e}
.daw-clip-name{position:absolute;top:4px;left:8px;font-size:.75rem;font-weight:600;z-index:1;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}
.daw-clip canvas{width:100%;height:64px;position:absolute;top:23px;left:0;pointer-events:none}
.daw-wave-status{position:absolute;top:42px;left:10px;font-size:.8125rem;opacity:.8;padding-right:1rem}
.waveform-ready .daw-wave-status{display:none}
.waveform-unavailable .daw-wave-status{font-size:0}
.waveform-unavailable .daw-wave-status:after{content:'Áudio disponível · visualização indisponível';font-size:.8125rem}
.daw-playhead{position:absolute;left:0;top:0;bottom:0;width:2px;background:#f7f2ac;box-shadow:0 0 3px #000;pointer-events:none;z-index:1}
.daw-master-row{height:78px;background:#222226}
.daw-master-row .daw-channel{border-left-color:#ddd33c;background:#29292d}
.daw-seek{font-size:.8125rem;color:#b9b9c4;display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:.4rem .75rem}
.daw-seek input{width:100%;min-height:32px;accent-color:#ddd33c}
.daw-footer{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#1c1c20;flex-wrap:wrap;border-top:1px solid #393940;font-size:.875rem}
.live-stage .daw-footer .button{min-height:40px;padding:.35rem .6rem;font-size:.875rem}
.daw-footer label{display:flex;align-items:center;gap:.4rem}
.live-stage .daw-footer input{width:75px;min-height:38px;font-size:.875rem;padding:.4rem}
.daw-footer>span{margin-left:auto;color:#b1b1bd;font-size:.8125rem}
.live-stage .daw-studio .track-status{margin:0;padding:0 .85rem;font-size:.875rem}
.live-stage .daw-studio .track-status:not(:empty){padding-block:.75rem}
.live-stage .output-mixer{display:flex;align-items:center;gap:1.5rem;background:#1b1b1f;border:1px solid var(--daw-line);border-radius:8px;margin-top:1rem;padding:.65rem 1rem}
.live-stage .output-mixer-heading{display:flex;flex-direction:column;gap:.25rem;margin:0;max-width:210px}
.live-stage .output-mixer-heading strong{font-size:.9375rem;color:#ddd33c}
.live-stage .output-mixer-heading small{font-size:.8125rem;color:#b1b1bd}
.live-stage .output-mixer-channels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1}
.live-stage .studio-output-strip{padding:.5rem .75rem;border-left:2px solid #ddd33c;background:#26262c;border-radius:4px;gap:.2rem}
.live-stage .studio-output-strip.output-left{border-left-color:#92b2db}
.live-stage .studio-output-strip input{min-height:32px;accent-color:#ddd33c}
.live-stage .studio-output-strip small{font-size:.8125rem;color:#bbbbc6}
/* Instruments use the same horizontal channel language. Advanced controls stay below. */
.live-stage .synth-global{background:#19191d;border:1px solid var(--daw-line);border-radius:8px;padding:.75rem;gap:.75rem}
.live-stage .synth-global .admin-field{font-size:.875rem}
.live-stage .synth-global input[type=range]{accent-color:#ddd33c;min-height:32px}
.live-stage .synth-grid{display:flex;flex-direction:column;gap:.65rem}
.live-stage .synth-card{display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:1.25rem;row-gap:.5rem;width:100%;padding:.85rem;background:#1a1a1e;border:1px solid var(--daw-line);border-radius:8px}
.live-stage .synth-card h2{grid-column:1;grid-row:1;font-size:1.125rem;margin:0;padding:.3rem 0}
.live-stage .synth-card>.synth-transport{grid-column:1;grid-row:2;min-height:58px;background:#2c2c31;border:1px solid #565660;border-radius:6px;color:#eee}
.live-stage .synth-card>.synth-transport.is-playing{background:#43401c;border-color:#ddd33c;color:#f6f2ad}
.live-stage .synth-card>.synth-transport strong{font-size:1rem}
.live-stage .synth-card>.synth-transport small{font-size:.8125rem}
.live-stage .synth-volume{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;grid-column:1;grid-row:3;font-size:.875rem;color:#bfc0ca;margin:0}
.live-stage .synth-volume>span{flex:1}
.live-stage .synth-volume output{font:.8125rem ui-monospace,monospace;color:#eee}
.live-stage .synth-volume input{width:100%;min-height:32px;order:3;accent-color:#ddd33c}
.live-stage .synth-card .compact-tempo{grid-column:2;grid-row:1/4;display:flex;align-items:center;justify-content:center;gap:2rem;background:#242428;border-radius:6px;padding:.5rem 1rem}
.live-stage .compact-tempo>strong{margin:0;color:#efedc0;font:600 2.75rem ui-monospace,monospace}
.live-stage .compact-tempo .tempo-buttons{display:flex;margin:.5rem;gap:.5rem}
.live-stage .compact-tempo .tap-tempo{background:#3b391e;border-color:#ddd33c;color:#eeedc9;min-width:160px}
.live-stage .studio-pad-mixer{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;gap:.35rem;margin:0}
.live-stage .studio-pad-strip{display:flex;align-items:center;gap:1rem;background:#292530;border-left:3px solid #ac83da;border-radius:5px;padding:.3rem .7rem;min-width:0}
.live-stage .studio-pad-strip:nth-child(2){border-color:#c0ad3f;background:#2c2a20}
.live-stage .studio-pad-strip:nth-child(3){border-color:#70b0ad;background:#202c2c}
.live-stage .studio-pad-strip button{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.3rem .75rem;flex:1;min-height:48px;min-width:0;text-align:left;background:transparent;border:0;padding:.2rem .4rem;color:#eee;font-size:.875rem}
.live-stage .studio-pad-strip button small{font-size:.8125rem;color:#c3b7d4}
.live-stage .studio-pad-strip button>span{font-size:.75rem;padding:.2rem .4rem;margin-left:auto;background:#151517;border-radius:4px;color:#a1a1ad}
.live-stage .studio-pad-strip button.selected{background:transparent;color:#f5eeff;border:0}
.live-stage .studio-pad-strip button.selected>span{color:#eee9a2;background:#45421c}
.live-stage .studio-pad-strip .studio-fader{display:flex;align-items:center;gap:.5rem;width:210px;flex:none}
.live-stage .studio-pad-strip .studio-fader>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.live-stage .studio-pad-strip .studio-fader input{min-width:0;width:100%;min-height:36px;accent-color:#ddd33c}
.live-stage .studio-pad-strip .studio-fader output{font:.8125rem ui-monospace,monospace;min-width:4ch}
.live-stage .synth-card>.arp-readout{grid-column:2;grid-row:1/4;margin:0;display:flex;align-items:center;justify-content:center;min-height:136px;font:600 1.75rem ui-monospace,monospace;background:#282427;border-left:3px solid #cc699c;border-radius:6px;color:#dfb9d4}
.live-stage .synth-card>.track-help,.live-stage .synth-card>.admin-message{grid-column:1/-1;font-size:.875rem;margin:.25rem 0}
.live-stage .synth-disclosure{grid-column:1/-1;margin-top:.25rem;min-height:40px;font-size:.875rem;background:#242429;border-radius:5px}
.live-stage .synth-advanced{grid-column:1/-1;padding:.85rem;background:#151518;border-top:1px solid var(--daw-line);margin-top:.35rem;border-radius:0 0 6px 6px}
.live-stage .pad-layers{grid-template-columns:repeat(3,minmax(0,1fr))}
.live-stage .pad-layer{background:#202024;border-color:#45454e;border-radius:6px;padding:.85rem}
.live-stage .tone-editor{background:#1e1e22;border-color:#44444d;padding:.75rem;border-radius:6px}
.live-stage .tone-knobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.65rem}
.live-stage .tone-control{font-size:.8125rem;background:#232328;border-radius:6px;padding:.65rem;min-width:0}
.live-stage .tone-knob{border-color:#99922c;background:#303033;box-shadow:inset 0 0 0 4px #17171b;width:58px;height:58px}
.live-stage .tone-knob i{background:#eee453}
.live-stage :is(.daw-studio,.synth-panel,.output-mixer) :focus-visible{outline:2px solid #eee453;outline-offset:2px}
.studio-fader:not(.live-stage .studio-fader){display:flex;flex-direction:column;gap:.4rem}
.studio-fader:not(.live-stage .studio-fader) input{width:100%}
@media(max-width:1000px){.live-stage .daw-studio .key-button-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.live-stage .studio-pad-strip{gap:.4rem}.live-stage .studio-pad-strip .studio-fader{width:160px}.live-stage .compact-tempo{flex-wrap:wrap;gap:.5rem!important}.live-stage .output-mixer-heading{max-width:170px}}
@media(max-width:680px){.live-stage .stage-player{padding:.5rem}.daw-transport{gap:.65rem;padding:.5rem}.daw-transport-actions{width:100%}.live-stage .daw-transport [data-play]{min-width:0;flex:1}.daw-time{font-size:1rem}.daw-ruler-row,.daw-row,.daw-master-row{grid-template-columns:200px minmax(400px,1fr);min-width:600px}.daw-channel-top button{width:32px;min-width:32px}.daw-channel-top strong{font-size:.8125rem}.daw-route{font-size:.75rem}.daw-route span{display:none}.daw-footer>span{margin:0;width:100%}.live-stage .synth-card{grid-template-columns:1fr;padding:.75rem;gap:.5rem}.live-stage .synth-card>.synth-transport{grid-column:1;grid-row:2}.live-stage .synth-card>.synth-volume{grid-column:1;grid-row:3}.live-stage .synth-card .compact-tempo,.live-stage .studio-pad-mixer,.live-stage .synth-card>.arp-readout{grid-column:1;grid-row:4}.live-stage .studio-pad-strip{flex-direction:column;align-items:stretch;gap:0}.live-stage .studio-pad-strip .studio-fader{width:100%}.live-stage .studio-pad-strip button{min-height:44px}.live-stage .synth-card>.arp-readout{min-height:70px;font-size:1.25rem}.live-stage .pad-layers{grid-template-columns:1fr}.live-stage .output-mixer{flex-direction:column;align-items:stretch;gap:.75rem}.live-stage .output-mixer-heading{max-width:none}.live-stage .output-mixer-channels{grid-template-columns:1fr}.live-stage .stage-song-title h1{font-size:1.125rem}}
.daw-channel{padding-left:2.6rem;border-left:0}
.daw-number{position:absolute;left:0;top:0;bottom:0;width:30px;background:var(--track-color);color:#131116;display:flex;align-items:flex-start;justify-content:center;padding-top:.85rem;font-size:.875rem;font-weight:700}
.daw-master-row .daw-channel{padding-left:.75rem;border-left:3px solid #ddd33c}
.live-stage .studio-effects-dock{margin-top:.75rem;background:#141417;border:1px solid #36363e;border-radius:8px;overflow:hidden}
.live-stage .studio-effects-dock>summary{padding:.8rem 1rem;min-height:48px;cursor:pointer;font-size:.9375rem;font-weight:600;color:#efefda;background:#222226}
.live-stage .studio-effects-dock>summary>span{float:right;font-size:.8125rem;color:#b5b5bf;font-weight:400}
.live-stage .studio-effects-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}
.live-stage .studio-effects-toolbar>div{display:flex;gap:.35rem;flex-wrap:wrap}
.live-stage .studio-effects-toolbar button{min-height:40px;padding:.4rem .75rem;background:#29292f;border:1px solid #4c4c55;border-radius:5px;font-size:.875rem;color:#dedee6;cursor:pointer}
.live-stage .studio-effects-toolbar button[aria-pressed=true]{border-color:#d6cb3f;background:#3b391c;color:#f4efa3}
.live-stage .studio-effects-toolbar label{display:flex;align-items:center;gap:.4rem;color:#cccbd6;font-size:.875rem}
.live-stage .studio-effects-toolbar input{accent-color:#d6cb3f;width:18px;height:18px}
.live-stage .studio-bypass{margin:0 .85rem .75rem;font-size:.875rem;color:#c8c4a4}
.live-stage .studio-fx-rack{display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;padding:0 .65rem .75rem;scrollbar-color:#585863 #1b1b20}
.live-stage .studio-fx-rack>section{flex:1 0 270px;min-width:270px;max-width:450px;background:#202024;border:1px solid #41414b;border-radius:6px;padding:.75rem}
.live-stage .studio-fx-rack header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding-bottom:.75rem;border-bottom:1px solid #3a3a43;margin-bottom:.65rem;color:#e4dd7a}
.live-stage .studio-fx-rack header small{font-size:.75rem;color:#bbbcc6}
.live-stage .studio-fx-rack .tone-knobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}
.live-stage .studio-fx-rack .tone-control{padding:.4rem;background:transparent}
.live-stage .studio-fx-rack .tone-control>span:first-child{min-height:1.8em}
.live-stage .studio-fx-rack .tone-control input{min-height:30px;accent-color:#ddd33c}
.live-stage .studio-fx-rack .tone-knob{width:56px;height:56px}
@media(max-width:680px){.daw-channel{padding-left:2.3rem}.daw-number{width:26px}.live-stage .studio-effects-toolbar{padding:.6rem}.live-stage .studio-effects-dock>summary>span{float:none;display:block;margin-top:.25rem}.live-stage .studio-fx-rack>section{flex-basis:260px;min-width:260px}}
.daw-row.is-silenced .daw-clip{opacity:.32}
.daw-row.is-silenced .daw-channel-top strong{color:#9b9ba6}
/* Output masters stay in document flow, below the tracks. */
.wave-selector{min-width:0;margin:.5rem 0 1rem}.wave-display{position:relative;background:#111115;border:1px solid #3e3e49;border-radius:8px;padding:.65rem;color:#eee}.wave-display>span{font-size:.8125rem;color:#ffab62}.wave-display>strong{font-size:.875rem;font-weight:500;display:block;color:#ceced6}.wave-display>svg{display:block;width:100%;height:100px}.wave-axis{fill:none;stroke:#383840;stroke-width:1}.wave-shape{fill:none;stroke:#ff9e46;stroke-width:2.5;stroke-linejoin:round}.wave-shape-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:.4rem}.wave-shape-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:64px;cursor:pointer;border:1px solid #50505c;border-radius:6px;background:#292930;color:#dcdce5;padding:.35rem;font:inherit}.wave-shape-buttons svg{width:100%;height:28px;max-width:75px}.wave-shape-buttons path{fill:none;stroke:currentColor;stroke-width:5;stroke-linejoin:round}.wave-shape-buttons span{font-size:.75rem;overflow-wrap:anywhere}.wave-shape-buttons button[aria-pressed=true]{border-color:#ff9e46;color:#ffd1a7;background:#49301e}.live-stage .synth-card.pad-card .studio-pad-mixer{max-height:390px;overflow-y:auto;scrollbar-color:#64646e #18181c;padding-right:.35rem;overscroll-behavior:contain}.live-stage .studio-pad-strip button strong{min-width:110px}.live-stage .pad-layer .pad-timbre-name{font-size:1rem;color:#ede8a0;margin:.25rem 0 .75rem}.live-stage .pad-layers{max-height:650px;overflow-y:auto;align-items:start}.stage-orientation-hint{display:none}.live-stage .studio-effects-toolbar>div{max-width:100%;gap:.4rem}.live-stage .studio-effects-toolbar button{min-height:44px}.wave-selector :focus-visible{outline:2px solid #ffb36c;outline-offset:3px}@media(max-width:680px){.live-stage .synth-card.pad-card .studio-pad-mixer{max-height:520px}.wave-display>svg{height:85px}.wave-shape-buttons button{min-height:68px}.live-stage .studio-pad-strip button strong{min-width:0}.live-stage .studio-pad-strip button small{margin-left:auto}}@media(max-width:1100px) and (orientation:landscape){.stage-orientation-hint{display:block;border:1px solid #79712c;background:#302d1b;color:#f5edb7;border-radius:6px;padding:.65rem .9rem;font-size:.875rem;margin:.65rem 0}}
.pad-layer-count{display:block;font-size:.8125rem;font-weight:400;color:#b9b9c5;margin-top:.3rem}.stage-orientation-intro{font-size:.875rem;background:#2f2c1b;color:#ece5b5;padding:.65rem .8rem;border:1px solid #746d33;border-radius:6px}.live-stage .synth-card.pad-card .studio-pad-mixer{scrollbar-gutter:stable}

/* Keep the stage entrance actions reachable in short mobile viewports. */
.stage-dialog{max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;grid-template-rows:minmax(0,1fr) auto!important;overflow:hidden!important;padding:0!important;gap:0!important}.stage-dialog-copy{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px;display:grid;gap:16px}.stage-dialog-copy>*{margin:0!important}.stage-dialog [data-slot=alert-dialog-footer]{margin:0!important;padding:16px 24px!important;background:#fff!important;border-top:1px solid #cad5c5!important;flex-shrink:0}.stage-dialog .stage-reminder{padding:16px!important;line-height:1.5!important;font-size:1rem!important}.stage-dialog .stage-orientation-intro{padding:12px!important;font-size:.875rem!important}.keys-dedicated{min-height:100dvh;background:#14161a;color:#f3f3f3}.keys-dedicated .keys-player{margin-top:12px}.keys-dedicated .stage-header{position:relative}.keys-dedicated .stage-header>div{margin-right:auto}@media(max-width:600px){.stage-dialog{width:calc(100vw - 24px)!important}.stage-dialog-copy{padding:18px;gap:12px}.stage-dialog [data-slot=alert-dialog-footer]{padding:12px 18px!important;gap:8px!important}.stage-dialog .button{min-height:48px!important}.keys-dedicated .stage-header .button{flex:1;min-width:140px}}
/* Shared modern studio finish for VS, click, pads and synth effects. */
.live-stage:not(.keys-dedicated){--daw-bg:#12151b;--daw-surface:#22272f;--daw-line:#414956;--daw-accent:#efa853;background:radial-gradient(ellipse at 50% 0,#242a35,#101319 70%)}
.live-stage:not(.keys-dedicated) .stage-header,.live-stage:not(.keys-dedicated) .stage-player,.live-stage:not(.keys-dedicated) .synth-global{background:linear-gradient(180deg,#2a303a,#1c2129);border-color:#444d5a;border-radius:10px;box-shadow:0 5px 16px #0003}
.live-stage:not(.keys-dedicated) .synth-card,.live-stage:not(.keys-dedicated) .daw-studio,.live-stage:not(.keys-dedicated) .output-mixer{background:linear-gradient(180deg,#272d36,#1b2028);border-color:#444d5a;border-radius:10px;box-shadow:0 4px 12px #0004}
.live-stage:not(.keys-dedicated) .synth-card.tempo-card{border-left:3px solid #efa853}.live-stage:not(.keys-dedicated) .synth-card.pad-card{border-left:3px solid #79c7b8}.live-stage:not(.keys-dedicated) .synth-card.arp-card{border-left:3px solid #b99aeb}
.live-stage:not(.keys-dedicated) :is(.stage-song,.synth-disclosure,.synth-advanced,.tone-editor,.studio-effects-dock,.arp-workbench){background:#20262e;border-color:#444d5a;border-radius:8px}
.live-stage:not(.keys-dedicated) .stage-song.is-selected,.live-stage:not(.keys-dedicated) .live-tab[data-state=active],.live-stage:not(.keys-dedicated) .live-key-buttons button.selected{background:#443326!important;border-color:#efa853!important;color:#ffd3a4!important}
.live-stage:not(.keys-dedicated) .synth-card>.synth-transport{background:linear-gradient(180deg,#3a414d,#262d36);border-color:#606c7b;box-shadow:inset 0 1px #ffffff14,0 3px 8px #0003;border-radius:8px;min-height:64px;font-size:1rem}
.live-stage:not(.keys-dedicated) .synth-card>.synth-transport.is-playing{background:linear-gradient(180deg,#a96932,#775029);border-color:#efa853;color:#fff2df;box-shadow:0 0 12px #efaa5330}
.live-stage:not(.keys-dedicated) .compact-tempo,.live-stage:not(.keys-dedicated) .arp-readout{background:linear-gradient(180deg,#171c24,#222832);border:1px solid #414b5b;box-shadow:inset 0 2px 6px #0006;color:#edc595}
.live-stage:not(.keys-dedicated) .tap-tempo{background:#453427!important;color:#ffd6a5!important;border-color:#ba8854!important}.live-stage:not(.keys-dedicated) input[type=range]{accent-color:#efa853}
.live-stage:not(.keys-dedicated) .studio-pad-strip{background:linear-gradient(180deg,#303641,#252b34);border-color:#79c7b8;box-shadow:inset 0 1px #ffffff0e;border-radius:7px}.live-stage:not(.keys-dedicated) .studio-pad-strip:nth-child(3n+2){border-color:#b99aeb}.live-stage:not(.keys-dedicated) .studio-pad-strip:nth-child(3n+3){border-color:#e4ba6d}
.live-stage:not(.keys-dedicated) .studio-pad-strip button.selected>span{background:#36534c;color:#c4f4e9;box-shadow:0 0 6px #79c7b825}
.live-stage:not(.keys-dedicated) :is(.daw-transport,.daw-footer,.daw-key-settings){background:linear-gradient(180deg,#303742,#232932);border-color:#444d5a}.live-stage:not(.keys-dedicated) .daw-channel{background:#272e38;border-right-color:#485465}.live-stage:not(.keys-dedicated) .daw-channel-top button{background:linear-gradient(180deg,#3e4653,#282f39);border-color:#637080;box-shadow:inset 0 1px #ffffff17}.live-stage:not(.keys-dedicated) .daw-channel-top [data-solo][aria-pressed=true]{background:#73542f;border-color:#efa853;color:#fff0d7}.live-stage:not(.keys-dedicated) .daw-channel-top [data-mute][aria-pressed=true]{background:#83384b;border-color:#e98799;color:#fff}
.live-stage:not(.keys-dedicated) .daw-lane{background-color:#141922}.live-stage:not(.keys-dedicated) .daw-clip{box-shadow:inset 0 1px #ffffff33,0 2px 5px #0004;border-radius:7px}.live-stage:not(.keys-dedicated) .daw-playhead{background:#ffcd95}.live-stage:not(.keys-dedicated) .daw-time{background:#111721;border:1px solid #444e5e;color:#ffd6a5;box-shadow:inset 0 2px 5px #0005}.live-stage:not(.keys-dedicated) .studio-output-strip{background:#2b323e;border-left-color:#efa853}.live-stage:not(.keys-dedicated) .studio-output-strip.output-left{border-left-color:#80a9ed}.live-stage:not(.keys-dedicated) .output-mixer-heading strong{color:#edbd86}
.live-stage:not(.keys-dedicated) .tone-control{background:#252c36;border:1px solid #3c4654;border-radius:9px;display:grid;justify-items:center;gap:7px;padding:12px 8px;overflow:visible;text-align:center}.live-stage:not(.keys-dedicated) .tone-control>span:first-child{font-size:.8rem;color:#d4deec;min-height:2.5em}.live-stage:not(.keys-dedicated) .tone-control output{color:#edbd86;font-variant-numeric:tabular-nums;line-height:1.3;min-height:1.3em}
.live-stage:not(.keys-dedicated) .tone-knob{position:relative;border:0;transform:none;padding:5px;width:58px;height:58px;background:conic-gradient(from 225deg,#efa853 var(--knob-fill,0deg),#49525f 0deg 270deg,transparent 270deg);box-shadow:0 4px 9px #0008,inset 0 1px #ffffff16}
.live-stage:not(.keys-dedicated) .tone-knob:before{content:'';position:absolute;inset:6px;border:1px solid #667180;border-radius:50%;background:radial-gradient(circle at 35% 25%,#4d5764,#252e3a 75%);box-shadow:inset 0 1px 3px #ffffff25}
.live-stage:not(.keys-dedicated) .tone-knob i{position:absolute;inset:12px;margin:0;height:auto;width:auto;align-self:auto;background:transparent;transform:rotate(var(--knob-angle));border-radius:50%;pointer-events:none}
.live-stage:not(.keys-dedicated) .tone-knob i:after{content:'';position:absolute;left:calc(50% - 1px);top:0;width:2px;height:13px;background:#ffd6a2;border-radius:2px}
.live-stage:not(.keys-dedicated) .tempo-dial{background:radial-gradient(circle at 35% 25%,#475565,#1e2936);border-color:#48586b;color:#ffd8ab;box-shadow:inset 0 0 0 2px #8a99ac,0 7px 20px #0006}.live-stage:not(.keys-dedicated) .dial-marker:after{background:#efa853}
.live-stage:not(.keys-dedicated) :is(.daw-studio,.synth-panel,.output-mixer) :focus-visible{outline-color:#ffc68c}

/* Compact output bus footer: no overlay over the final audio channel. */
.live-stage:not(.keys-dedicated) .output-mixer{position:static;z-index:auto;box-shadow:none;margin:.75rem 0 0;padding:.6rem .75rem;gap:1rem;align-items:center;border-radius:8px}
.live-stage:not(.keys-dedicated) .output-mixer-heading{max-width:145px;flex:0 0 145px;gap:.2rem}
.live-stage:not(.keys-dedicated) .output-mixer-heading strong{font-size:.875rem}
.live-stage:not(.keys-dedicated) .output-mixer-heading small{font-size:.75rem;line-height:1.35}
.live-stage:not(.keys-dedicated) .output-mixer-channels{min-width:0;gap:.65rem}
.live-stage:not(.keys-dedicated) .output-mixer .studio-output-strip{padding:.4rem .65rem;border-radius:5px;min-width:0}
.live-stage:not(.keys-dedicated) .output-mixer .admin-field>span{font-size:.875rem;gap:.5rem}
.live-stage:not(.keys-dedicated) .output-mixer .studio-output-strip>small{font-size:.75rem;line-height:1.3}
.live-stage:not(.keys-dedicated) .output-mixer input{min-height:32px;margin:0}
@media(max-width:680px){.live-stage:not(.keys-dedicated) .output-mixer{gap:.5rem;align-items:stretch}.live-stage:not(.keys-dedicated) .output-mixer-heading{max-width:none;flex:auto}.live-stage:not(.keys-dedicated) .output-mixer-heading small{display:none}.live-stage:not(.keys-dedicated) .output-mixer-channels{grid-template-columns:1fr;gap:.5rem}.live-stage:not(.keys-dedicated) .output-mixer input{min-height:44px}}

/* Shared mute/solo state for the timeline and its duplicate mixer controls. */
.live-stage:not(.keys-dedicated) :is(.daw-channel-top,.daw-channel-mixer) button[data-mute][aria-pressed=true]{background:#0878aa!important;border-color:#62e8ff!important;color:#fff!important;box-shadow:0 0 12px #23cfff66;font-weight:800}
.live-stage:not(.keys-dedicated) :is(.daw-channel-top,.daw-channel-mixer) button[data-solo][aria-pressed=true]{background:#6941b8!important;border-color:#d5b5ff!important;color:#fff!important;box-shadow:0 0 12px #ae79ff66;font-weight:800}