:root{color-scheme:dark;font-family:SF Pro Text,Segoe UI,system-ui,sans-serif;--bg: #061418;--bg-2: #0a1c22;--panel: #10222a;--panel-2: #16303a;--control: #1d3a45;--control-hover: #26485a;--line: #21424e;--line-2: #4f8190;--text: #eef6f7;--text-dim: #a9c0c6;--text-faint: #84a0a8;--gold: #d8bb74;--gold-2: #9a8247;--gold-wash: #2b2713;--accent: #3fdcd6;--accent-dim: #12666d;--accent-wash: #0e3a40;--on-accent: #e9fffd;--play: var(--accent);--play-dim: var(--accent-dim);--ok: #3ecf8e;--danger: #ef7a73;--danger-line: #8a4a47;--danger-wash: #3a1c1c;--danger-text: #f6c9c6;--focus: #7be9f0;--sidebar: 212px;--radius: 10px;--radius-sm: 7px;--tap: 44px;--shadow-panel: inset 0 1px 0 rgba(255, 255, 255, .03), 0 8px 24px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}@media(pointer:coarse),(max-width:980px){html,body{overflow:hidden;overscroll-behavior:none}}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{height:100%;display:grid;grid-template-columns:var(--sidebar) 1fr;background:var(--bg)}.app.live{grid-template-columns:minmax(0,1fr)}.app.live .sidebar{display:none}.sidebar{--bg-2: #101218;--panel: #151821;--line: #2c3140;--text: #eef0f3;--text-dim: #9aa1ae;--text-faint: #6c7382;--gold: #c9a44a;border-right:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;padding:18px 12px 14px;min-width:0}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px}.brand-mark{flex-shrink:0}.about-row{display:flex;align-items:center;gap:14px}.brand-kicker{font-size:10px;letter-spacing:.22em;color:var(--gold);font-weight:600}.brand-name{margin-top:4px;font-size:18px;font-weight:650;letter-spacing:-.03em}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:2px}.nav-btn{appearance:none;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:6px;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600;flex:1;min-width:0}.nav-icon,.nav-label-short{display:none}.nav-item.pinned .nav-btn{flex:1}.nav-btn:hover{background:var(--panel);color:var(--text)}.nav-btn.active{background:var(--panel);color:var(--text);box-shadow:inset 3px 0 0 var(--gold)}.nav-reorder{display:flex;flex-direction:column;opacity:.35;flex-shrink:0}.nav-item:hover .nav-reorder{opacity:.9}.nav-reorder-btn{appearance:none;border:0;background:transparent;color:var(--text-faint);font-size:8px;line-height:1;padding:2px 4px;cursor:pointer}.nav-reorder-btn:hover{color:var(--gold)}.sidebar-foot{font-size:11px;color:var(--text-faint);padding:8px 10px}.workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden}.banner{background:var(--danger-wash);color:var(--danger-text);padding:8px 16px;font-size:13px;display:flex;justify-content:space-between;gap:12px;align-items:center}.banner button{background:transparent;border:1px solid var(--danger-line);border-radius:4px;padding:4px 8px}.banner.notice{background:var(--accent-wash);color:var(--accent)}.banner.notice button{border-color:var(--play-dim)}.banner.audio-health:not(.notice):not(.blocked){background:var(--panel-2);color:var(--gold)}.banner.audio-health.blocked button{background:var(--danger-text);color:var(--bg);font-weight:700;padding:8px 14px;border-color:transparent}.page{flex:1;overflow:auto;padding:20px 24px 28px}.import-page{display:flex;flex-direction:column;align-items:center;max-width:980px;margin:0 auto;gap:28px;padding-top:36px}.import-hero{text-align:center;max-width:520px}.import-hero h1{margin:12px 0 6px;font-size:26px;letter-spacing:-.02em}.import-hero p{margin:0;color:var(--text-dim);line-height:1.5}.import-recent{width:100%}.import-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.import-recent-item{appearance:none;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--text);text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}.import-recent-item:hover{border-color:var(--gold-2)}.import-recent-item strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-recent-item span{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.play-page{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0;padding:14px 20px 12px;overflow:hidden}.app.live .play-aside{display:none}.stage-mode{display:flex;flex-direction:column;gap:14px;height:100%;min-height:0;padding:18px 28px 16px;overflow:hidden}.stage-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-shrink:0}.stage-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700}.stage-song h1{margin:2px 0 0;font-size:26px;letter-spacing:-.01em}.stage-setlist{margin-top:4px;font-size:12px;color:var(--text-faint);letter-spacing:.03em}.stage-meta{display:flex;align-items:center;gap:22px}.stage-meta-item{display:flex;flex-direction:column;align-items:center;gap:1px}.stage-meta-item label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.stage-meta-item strong{font-size:20px;font-variant-numeric:tabular-nums}.stage-meta .musical-readout{transform:scale(1.05)}.stage-exit{flex-shrink:0;align-self:flex-start}.stage-now-next{flex-shrink:0;display:flex;align-items:stretch;gap:18px;padding:18px 22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.stage-now{flex:2;min-width:0}.stage-now label,.stage-next label,.stage-upcoming label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.stage-now-name{font-size:56px;font-weight:800;letter-spacing:-.01em;color:var(--gold);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-now-sub{margin-top:4px;font-size:12px;color:var(--text-faint)}.stage-next{flex:1;min-width:0;border-left:1px solid var(--line);padding-left:18px;display:flex;flex-direction:column;gap:4px}.stage-next-name{font-size:28px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-upcoming{flex:1;min-width:0;border-left:1px solid var(--line);padding-left:18px;display:flex;flex-direction:column;gap:4px;justify-content:center}.stage-upcoming span{font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-pads{flex:1;min-height:0;overflow-y:auto}.stage-pads .pads{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;height:100%;align-content:start}.stage-pads .pad{min-height:110px;font-size:17px}.stage-status-row{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.stage-status{display:flex;align-items:baseline;gap:6px}.stage-status label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.stage-status strong{font-size:13px}.stage-status.warn{color:var(--gold);font-size:12px;font-weight:600}.stage-transport{flex-shrink:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.stage-transport .transport-main{min-height:52px;font-size:15px}.stage-compound-note{font-size:11px;color:var(--text-faint)}.stage-body,.stage-left{display:contents}.stage-strip{display:none}.stage-switches{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.play-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.play-grid-area{flex:1;min-height:0;display:flex}.play-grid-area .waveform-wrap{width:100%}.play-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.play-title h1{margin:0;font-size:28px;letter-spacing:-.04em;font-weight:650}.meta-row{display:flex;gap:16px;margin-top:6px;color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.meta-row strong{color:var(--text);font-weight:650}.meta-row .cancel-next{padding:3px 9px;font-size:10px}.header-actions{display:flex;gap:8px;align-items:center}.btn{appearance:none;border:1px solid var(--line-2);background:var(--control);border-radius:6px;padding:8px 12px;color:var(--text);font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.btn:hover{border-color:var(--line-2);background:var(--control-hover)}.btn:active{transform:translateY(1px)}.btn.on{border-color:var(--gold);color:var(--gold);background:var(--gold-wash)}.output-status{display:flex;flex-direction:column;justify-content:center;padding:4px 12px;border:1px solid var(--line-2);border-radius:6px;font-size:10px;line-height:1.5}button.output-status{appearance:none;font:inherit;cursor:pointer;text-align:left;background:transparent;color:var(--text)}button.output-status.warn{color:var(--gold)}.output-status-label{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.output-status.warn{border-color:var(--gold);color:var(--gold)}.next-song-status{display:flex;align-items:baseline;gap:6px;padding:4px 12px;border:1px solid var(--line-2);border-radius:6px;font-size:12px}.next-song-status-label{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.next-song-status.prep-ready .next-song-status-state{color:var(--play)}.next-song-status.prep-preparing .next-song-status-state{color:var(--text-faint)}.next-song-status.prep-unavailable .next-song-status-state,.next-song-status.prep-failed .next-song-status-state{color:var(--gold)}.stage-status-row .next-song-status{border:none;padding:0;gap:6px}.stage-status-row .next-song-status .next-song-status-label{font-size:10px}.btn.play{background:var(--play-dim);border-color:var(--play);color:var(--on-accent)}.transport-main{min-width:108px!important;min-height:52px!important;font-size:14px!important}.play-live{color:var(--play);font-weight:700;letter-spacing:.08em;animation:play-pulse 1.4s ease-in-out infinite}@keyframes play-pulse{50%{opacity:.55}}.play-now{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 16px 7px;flex-shrink:0}.play-header,.transport-row{flex-shrink:0}.play-now>label{display:block;font-size:10px;letter-spacing:.18em;color:var(--text-faint)}.play-confirm{display:flex;gap:12px;align-items:end;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.musical-readout{display:flex;gap:36px;margin:0}.musical-readout label{display:block}.musical-readout strong,.musical-readout span{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.play-hero .play-hero-row{display:flex;align-items:baseline;gap:28px;flex-wrap:wrap}.play-hero .musical-readout strong,.play-hero .musical-readout span{font-size:56px}.loop-position{font-size:13px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.loop-position strong{font-size:20px;color:var(--gold);font-variant-numeric:tabular-nums}.quick-controls{display:flex;flex-wrap:wrap;gap:8px}.loop-channel-name{font-size:15px;font-weight:650;letter-spacing:.04em;margin-bottom:8px}.loop-meter{width:100%;height:36px;display:block;background:var(--bg);border-radius:4px}.loop-vol{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:10px;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}.loop-vol input{width:100%}.loop-channel-btns{display:flex;gap:8px;margin-top:10px}.loop-off{color:var(--text-faint);letter-spacing:.08em}.grid-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-top:12px}.grid-tools.align-grid{align-items:center;margin-top:8px}.align-grid-label{width:100%;font-size:10px;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:2px;text-transform:uppercase}.align-grid-label .limit-note{letter-spacing:normal;font-weight:400;text-transform:none}.grid-status-row,.loop-region-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--text-dim)}.grid-status-row select{font-size:12px;padding:2px 6px}.grid-status-row strong,.loop-region-row strong{color:var(--text);font-variant-numeric:tabular-nums}.loop-region-row{border-top:1px solid var(--line);padding-top:6px}.grid-tools label{display:flex;flex-direction:column;gap:4px;letter-spacing:.12em}.tap-pulse{transform:scale(1.06);box-shadow:0 0 0 2px var(--gold)}.btn.stop{min-width:72px}.btn.danger{border-color:var(--danger-line);color:var(--danger-text)}.btn.ghost{background:transparent}.btn:disabled{opacity:.4;cursor:default}.waveform-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px 8px;min-height:112px}.play-page .waveform-wrap{flex:1 1 auto;display:flex;flex-direction:column;min-height:110px;width:100%}.play-page .waveform-canvas{flex:1;height:auto;min-height:90px}.editor-page .waveform-wrap{flex:1 1 auto;display:flex;flex-direction:column;min-height:110px}.editor-page .waveform-canvas{flex:1;height:auto;min-height:100px}.waveform-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--text-faint);margin-bottom:6px;font-variant-numeric:tabular-nums}.waveform-zoom{display:flex;gap:3px;flex-shrink:0}.zoom-btn{appearance:none;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.04em;border-radius:4px;padding:2px 7px;cursor:pointer;line-height:1.6}.zoom-btn:hover{color:var(--text);border-color:var(--gold-2)}.zoom-btn.on{color:var(--gold);border-color:var(--gold-2)}.waveform-canvas{width:100%;height:132px;min-height:132px;display:block;cursor:ew-resize;background:var(--bg)}.loop-editor{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px 14px}.loop-editor-head{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:10px}.auto-align-review{display:flex;align-items:center;gap:8px}.loop-editor-head label{display:block;font-size:10px;letter-spacing:.16em;color:var(--text-faint)}.loop-editor-head strong{font-size:18px;letter-spacing:-.03em}.bar-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}.bar-chip{appearance:none;min-width:36px;min-height:36px;border-radius:6px;border:1px solid var(--line);background:var(--panel-2);color:var(--text-dim);font-weight:700}.bar-chip.on{border-color:var(--gold);color:var(--gold);background:var(--gold-wash)}.play-page .loop-editor{display:none}.editor-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:16px 20px 14px;gap:10px}.editor-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;flex-shrink:0}.editor-topbar h1{margin:0;font-size:20px;letter-spacing:-.02em}.editor-title-row{display:flex;align-items:center;gap:12px}.editor-topbar .pending-note{margin:0;font-size:12px}.pending-note.play{color:var(--play)}.editor-summary{margin-top:2px;font-size:11px;letter-spacing:.08em;color:var(--text-dim)}.accept-checkpoint{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.accept-summary{font-size:10px;letter-spacing:.03em;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.smartcuts-summary{display:flex;flex-direction:column;gap:3px}.smartcuts-row{display:flex;align-items:baseline;gap:8px;font-size:12px}.smartcuts-row label{width:62px;flex-shrink:0;color:var(--text-faint);font-size:10px;letter-spacing:.1em}.smartcuts-row strong{min-width:56px;font-variant-numeric:tabular-nums}.confidence-badge{font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:4px;border:1px solid var(--line-2);color:var(--text-dim);margin-left:auto}.confidence-badge.high{color:var(--play);border-color:var(--play-dim)}.confidence-badge.review{color:var(--gold);border-color:var(--gold-2)}.editor-main{flex:1;min-height:0;display:grid;grid-template-columns:150px 1fr 210px;gap:10px;overflow:hidden}.editor-tracks,.editor-inspector{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;overflow:hidden;min-height:0}.editor-col-label{font-size:10px;letter-spacing:.16em;color:var(--text-faint);margin-bottom:8px}.editor-track-chip{padding:8px 10px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line);margin-bottom:6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-center{display:flex;flex-direction:column;gap:6px;min-height:0;min-width:0}.editor-waveform-area{flex:1 1 auto;min-height:0;display:flex}.editor-waveform-area .waveform-wrap{width:100%}.stems-workspace{--stems-head-w: 300px;--stems-lane-h: 60px;position:relative;flex:1;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.stems-head-bar{display:flex;align-items:stretch;flex-wrap:wrap;gap:14px 18px;padding:9px 16px 8px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.stems-identity{min-width:0;max-width:260px;flex-shrink:1;display:flex;flex-direction:column;justify-content:center;gap:3px}.stems-identity h1{margin:0;font-size:19px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stems-identity-meta{font-size:11px;color:var(--text-faint);letter-spacing:.03em;white-space:nowrap}.stems-cells{display:flex;align-items:stretch;min-width:0;flex-shrink:1}.stems-cell{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;padding:1px 12px;border-left:1px solid var(--line);white-space:nowrap}.stems-cell:last-child{border-right:1px solid var(--line)}.stems-cell-label{font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.stems-cell-value{appearance:none;background:none;border:1px solid transparent;border-radius:2px;padding:0 4px;margin-left:-4px;width:100%;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums}.stems-cell-value:hover:not(.static){border-color:var(--line-2);background:#ffffff08}.stems-cell-value:focus{border-color:var(--text-faint);background:#ffffff0a;outline:none}.stems-cell-value.static{font-size:15px}.stems-cell-value.ok{font-size:13px;color:var(--play);font-weight:650}.stems-cell-note{font-size:9.5px;color:var(--text-faint)}.stems-cell.review .stems-cell-note{color:var(--gold)}.stems-cell.review .stems-cell-value{border-color:var(--gold-2)}.pulse-pick{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-top:2px;width:fit-content}.pulse-pick button{appearance:none;background:var(--panel);border:none;color:var(--text-dim);font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;cursor:pointer}.pulse-pick button:hover{color:var(--text);background:var(--panel-2)}.pulse-pick button.on{background:var(--gold);color:var(--panel)}.stems-actions{margin-left:auto;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px}.stems-action-row{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:2px;overflow:hidden}.stems-btn{appearance:none;background:var(--panel);border:none;color:var(--text-dim);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:7px 11px}.stems-btn:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.stems-btn:disabled{opacity:.35;cursor:default}.stems-btn.on{background:var(--panel-2);color:var(--text)}.stems-btn.primary{background:var(--gold);color:var(--panel)}.stems-btn.primary:hover{background:var(--gold)}.stems-zoom{display:flex;align-items:center;gap:4px}.stems-zoom-label{font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.stems-zoom button{appearance:none;background:var(--panel);border:1px solid var(--line);border-radius:2px;color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.03em;padding:3px 7px;min-width:24px}.stems-zoom button:hover{color:var(--text);border-color:var(--line-2)}.stems-zoom button.on{color:var(--text);background:var(--panel-2);border-color:var(--line-2)}.stems-zoom input[type=range]{width:96px;accent-color:var(--text-dim)}.stems-stage{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.stems-rail{display:flex;flex-shrink:0;border-bottom:1px solid var(--line)}.stems-rail-corner{width:var(--stems-head-w);flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:1px;padding:0 10px;background:var(--bg);border-right:1px solid var(--line);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.stems-rail-canvas{flex:1;min-width:0;height:34px;display:block;cursor:text}.stems-rail-regions{border-bottom:1px solid var(--line-2)}.stems-rail-corner-regions{flex-direction:row;align-items:center;justify-content:space-between}.stems-rail-title{font-size:10px;letter-spacing:.16em;color:var(--text-dim)}.stems-region-canvas{flex:1;min-width:0;height:46px;display:block;cursor:crosshair}.stems-console{flex:1;min-height:0;display:flex;overflow-y:auto;overflow-x:hidden}.stems-heads{width:var(--stems-head-w);flex-shrink:0;background:var(--bg);border-right:1px solid var(--line)}.stems-lanes-canvas{flex:1;min-width:0;display:block;cursor:text}.stems-head{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 8px 6px 9px;border-bottom:1px solid rgba(33,66,78,.9);border-left:3px solid transparent;cursor:pointer}.stems-head:hover{background:#ffffff05}.stems-head.selected{background:#ffffff0b;border-left-color:var(--text-faint)}.stems-head-id{display:flex;align-items:center;gap:6px}.stems-head-no{flex-shrink:0;font-size:10px;color:var(--text-faint);font-variant-numeric:tabular-nums}.stems-head-name{flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stems-head-keys{display:flex;gap:3px;flex-shrink:0}.stems-key{appearance:none;width:19px;height:19px;padding:0;border:1px solid var(--line-2);border-radius:2px;background:var(--panel);color:var(--text-faint);font-size:9.5px;font-weight:700;line-height:1}.stems-key:hover{color:var(--text)}.stems-key.mute-on{background:var(--danger);border-color:var(--danger);color:#fff}.stems-key.solo-on{background:var(--gold);border-color:var(--gold);color:var(--panel)}.stems-head-out{flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:.04em;color:var(--text-faint);border:1px solid var(--line-2);border-radius:2px;padding:2px 4px;line-height:1}.stems-head-out.flagged{color:var(--gold);border-color:var(--gold-2)}.stems-head-out-dest{margin-left:3px;opacity:.65;font-weight:500}.stems-head-move{display:flex;flex-direction:column;flex-shrink:0;opacity:0}.stems-head:hover .stems-head-move{opacity:.7}.stems-head-move button{appearance:none;background:none;border:none;padding:0;font-size:7px;line-height:8px;color:var(--text-faint)}.stems-head-move button:disabled{opacity:.25}.stems-head-row{display:flex;align-items:center;gap:6px}.stems-head-tag{width:22px;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.stems-head-vol,.stems-head-pan{flex:1;min-width:0;-webkit-appearance:none;appearance:none;background:transparent;height:16px;margin:0;cursor:pointer}.stems-head-vol::-webkit-slider-runnable-track,.stems-head-pan::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--panel-2)}.stems-head-vol::-moz-range-track,.stems-head-pan::-moz-range-track{height:4px;border-radius:2px;background:var(--panel-2)}.stems-head-vol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:2px;background:var(--text);border:1px solid var(--bg)}.stems-head-vol::-moz-range-thumb{width:12px;height:12px;border-radius:2px;background:var(--text);border:1px solid var(--bg)}.stems-head-pan::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:12px;margin-top:-4px;border-radius:2px;background:var(--text-faint);border:1px solid var(--bg)}.stems-head-pan::-moz-range-thumb{width:10px;height:12px;border-radius:2px;background:var(--text-faint);border:1px solid var(--bg)}.stems-head-row:hover .stems-head-vol::-webkit-slider-thumb{background:var(--text)}.stems-head-row:hover .stems-head-pan::-webkit-slider-thumb{background:var(--text-dim)}.stems-head-db{width:52px;flex-shrink:0;text-align:right;font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums}.stems-head-lcr{width:7px;flex-shrink:0;font-size:8.5px;font-weight:700;color:var(--text-faint)}.stems-head-meter{width:5px;height:16px;flex-shrink:0;margin-left:4px;border-radius:1px;background:#93a0b824;overflow:hidden}.stems-head-meter-fill{width:100%;height:100%;background:linear-gradient(0deg,var(--ok) 0%,#c8dd56 76%,var(--danger) 100%);transform:scaleY(0);transform-origin:bottom;will-change:transform}.stems-head-missing{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.08em;color:var(--danger)}.stems-icon-btn{appearance:none;background:var(--panel);border:1px solid var(--line-2);border-radius:2px;color:var(--text-dim);font-size:11px;line-height:1;padding:4px 8px}.stems-icon-btn:hover{color:var(--text);border-color:var(--text-faint)}.stems-icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.stems-inspector{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:7px 14px;background:var(--panel);border-top:1px solid var(--line-2)}.stems-inspector-key{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border-radius:2px;font-size:10px;font-weight:700;color:var(--panel)}.stems-inspector-name{appearance:none;background:none;border:none;padding:0;font-size:12.5px;font-weight:650;color:var(--text);cursor:text;flex-shrink:0}.stems-inspector-input{background:var(--panel);border:1px solid var(--line-2);border-radius:2px;padding:4px 8px;font-size:12px;width:160px}.stems-inspector-len{flex-shrink:0;font-size:10px;letter-spacing:.06em;color:var(--text-faint);font-variant-numeric:tabular-nums}.stems-inspector-types{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto}.stems-type{appearance:none;background:var(--panel);border:1px solid var(--line);border-radius:2px;color:var(--text-dim);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;white-space:nowrap}.stems-type:hover{color:var(--text)}.stems-type.on{color:var(--text);background:var(--panel-2)}.stems-inspector-acts{display:flex;gap:4px;flex-shrink:0}.stems-create{position:absolute;left:50%;top:150px;transform:translate(-50%);z-index:8;width:440px;display:flex;flex-direction:column;gap:9px;padding:12px 14px;background:var(--panel);border:1px solid var(--line-2);border-radius:3px;box-shadow:0 10px 28px #00000080}.stems-create-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.stems-create-head span{font-size:10px;letter-spacing:.06em;color:var(--text-faint)}.stems-create .stems-inspector-input{width:100%}.stems-create .stems-inspector-types{flex-wrap:wrap;overflow:visible}.stems-create-acts{display:flex;justify-content:flex-end;gap:6px}.stems-dock{display:flex;flex-shrink:0;height:152px;background:var(--bg);border-top:1px solid var(--line-2)}.stems-dock-rail{width:26px;flex-shrink:0;display:grid;place-items:center;background:var(--bg);border-right:1px solid var(--line);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);writing-mode:vertical-rl}.stems-dock-body{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.stems-dock-body .mixer-strip-grid{display:flex;align-content:normal;height:100%;gap:0}.stems-dock-body .mixer-strip{display:grid;grid-template-columns:5px 24px 16px;grid-template-rows:auto 1fr auto;grid-template-areas:"name name name" "meter vol pan" "msbtns msbtns msbtns";align-items:center;justify-items:center;gap:5px 4px;width:66px;flex-shrink:0;height:100%;background:none;border:none;border-right:1px solid rgba(33,66,78,.85);border-radius:0;padding:8px 3px 9px}.stems-dock-body .mixer-strip:hover{background:#ffffff05}.stems-dock-body .mixer-strip label{width:100%;font-size:8.5px;font-weight:600;text-align:center;letter-spacing:.01em;white-space:normal;line-height:1.15}.stems-dock-body .mixer-meter-track{grid-area:meter;width:5px;height:100%;align-self:stretch}.stems-dock-body .mixer-strip input[type=range]:not(.mixer-pan){grid-area:vol;writing-mode:vertical-lr;direction:rtl;width:22px;height:100%;accent-color:var(--text)}.stems-dock-body .mixer-strip .mixer-pan{grid-area:pan;writing-mode:vertical-lr;width:16px;height:74px;align-self:center;accent-color:var(--line-2)}.stems-dock-body .mixer-strip .mini-btns{grid-area:msbtns}.routing-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:6px 12px}.routing-bus-summary{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.routing-bus-chip{display:flex;flex-direction:column;gap:1px;padding:4px 10px;border:1px solid var(--line-2);border-radius:4px;background:var(--panel)}.routing-bus-chip-name{font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--text-dim)}.routing-bus-chip-count{font-size:9px;color:var(--text-faint)}.routing-empty{padding:12px;color:var(--text-faint);font-size:11px}.routing-row{display:grid;grid-template-columns:minmax(120px,1fr) 110px 130px minmax(200px,1.4fr);align-items:center;gap:10px;padding:5px 4px;border-bottom:1px solid rgba(33,66,78,.6);font-size:11px}.routing-row:last-of-type{border-bottom:none}.routing-head{color:var(--text-faint);font-size:9px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line-2)}.routing-col-track{color:var(--text-dim);display:flex;align-items:center;gap:8px}.routing-col-role{color:var(--text-faint);font-size:9.5px;letter-spacing:.04em}.routing-col-output{display:flex;align-items:center;gap:6px}.routing-monitor-badge{font-size:8px;letter-spacing:.08em;color:var(--gold);border:1px solid var(--gold-2);border-radius:3px;padding:1px 4px}.routing-output-select{background:var(--panel);color:var(--text-dim);border:1px solid var(--line);border-radius:4px;font-size:11px;padding:2px 6px}.routing-output-select:hover{border-color:var(--gold-2)}.routing-missing-bus{font-size:9px;color:var(--gold)}.mixer-route{margin-left:6px;font-size:8px;letter-spacing:.08em;color:var(--text-faint);border:1px solid var(--line-2);border-radius:3px;padding:0 4px;font-weight:600}.mixer-route.danger{color:var(--danger);border-color:var(--danger)}.routing-output-bar{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:flex-end;padding:4px 0 8px}.routing-field{display:flex;flex-direction:column;gap:3px}.routing-field-label{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.routing-field-value{font-size:11px;color:var(--text-dim)}.routing-status{display:flex;flex-direction:column;gap:3px;padding:6px 10px;margin-bottom:8px;border:1px solid var(--line-2);border-left-width:3px;border-radius:3px;font-size:10.5px;color:var(--text-dim)}.routing-status.ok{border-left-color:var(--play-dim)}.routing-status.warn{border-left-color:var(--gold-2);color:var(--text)}.routing-issue{font-size:9.5px;color:var(--gold)}.routing-listen{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.routing-listen-col{display:flex;flex-direction:column;gap:3px}.routing-listen-list{font-size:10.5px;color:var(--text-dim);line-height:1.4}.routing-col-route .pulse-pick{margin-top:0}.routing-dest{font-size:10.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.routing-warning{font-size:9px;color:var(--gold);letter-spacing:.03em}.routing-warning.danger{color:var(--danger);font-weight:700}.routing-row.danger{background:#ef7a730f}.routing-fix{appearance:none;background:var(--panel);border:1px solid var(--line-2);border-radius:3px;color:var(--text-dim);font-size:9px;padding:2px 6px;cursor:pointer}.routing-fix:hover{color:var(--text);border-color:var(--text-faint)}.routing-reset-standard{appearance:none;background:var(--control);border:1px solid var(--line-2);border-radius:4px;color:var(--text-dim);font-size:10px;padding:5px 9px;cursor:pointer}.routing-reset-standard:hover{color:var(--text);border-color:var(--text-faint)}.routing-metronome{color:var(--text-faint);font-size:10px}.routing-col-output{flex-wrap:wrap}.routing-stereo-split{margin-top:10px;padding-top:8px;border-top:1px solid var(--line-2);display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-faint)}.stems-transport{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;flex-shrink:0;padding:9px 16px;background:var(--panel);border-top:1px solid var(--line-2)}.stems-transport-readouts{margin-left:auto;display:flex;align-items:center;gap:24px}.stems-clock{font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}.stems-transport .transport-group{display:flex;align-items:center;gap:14px}.stems-transport .transport{display:flex;gap:5px;flex-wrap:nowrap}.stems-transport .transport-songs{padding-left:14px;border-left:1px solid var(--line)}.stems-transport .btn{padding:8px 13px;font-size:11px;letter-spacing:.06em;white-space:nowrap;border-radius:2px}.stems-transport .btn.transport-main{min-width:96px!important;min-height:38px!important;font-size:12px!important}.stems-transport .musical-readout{gap:22px}.stems-transport .musical-readout strong,.stems-transport .musical-readout span{font-size:21px}.editor-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);flex-shrink:0}.editor-tab{appearance:none;background:none;border:none;padding:7px 14px;color:var(--text-dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border-bottom:2px solid transparent;cursor:pointer}.editor-tab:hover{color:var(--text)}.editor-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.editor-panel{height:256px;flex-shrink:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.editor-panel-body{display:flex;flex-direction:column;gap:6px}.editor-panel .loop-editor,.editor-panel .arrangement{background:none;border:none;padding:0;margin-top:0!important}.editor-panel .loop-editor-head{margin-bottom:4px}.editor-panel .bar-chip{min-width:28px;min-height:28px;font-size:11px}.editor-transport{display:flex;align-items:center;gap:20px;flex-shrink:0;padding:4px 2px 0}.inspector-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px}.inspector-row label{color:var(--text-faint);letter-spacing:.1em;font-size:10px}.inspector-row strong{font-size:13px;font-variant-numeric:tabular-nums}.inspector-note{font-size:11px;color:var(--text-dim);margin:6px 0;line-height:1.4}.inspector-source{font-size:9.5px;color:var(--text-faint);margin:-4px 0 4px;text-align:right}.inspector-source.review{color:var(--gold)}@media(max-width:1100px){.editor-main{grid-template-columns:120px 1fr 170px}}@media(max-width:860px){.editor-main{grid-template-columns:1fr;grid-template-rows:none}.editor-tracks{display:none}}.ambient-status{appearance:none;display:grid;gap:2px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;color:inherit;min-height:92px}.ambient-status span,.ambient-status b{font-size:10px;letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase}.ambient-status strong{font-size:28px;letter-spacing:-.04em}.ambient-status em{font-style:normal;color:var(--text-dim);font-size:13px}.ambient-status.on{border-color:var(--gold)}.ambient-status.on b{color:var(--play)}.pad-stage{min-height:100%;padding:28px 28px 48px;display:flex;flex-direction:column;gap:28px;background:radial-gradient(900px 420px at 50% -8%,rgba(216,187,116,.09),transparent 58%),radial-gradient(700px 280px at 80% 110%,rgba(63,220,214,.04),transparent 50%),var(--bg)}.pad-hero{text-align:center;padding:4px 0 0;max-width:920px;margin:0 auto;width:100%}.pad-hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.pad-set-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;text-align:left;background:#10222ab8;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:18px}.pad-set-banner label{display:block;font-size:10px;letter-spacing:.22em;color:var(--gold)}.pad-set-banner strong{display:block;font-size:22px;letter-spacing:-.03em;margin:4px 0 2px}.pad-set-banner span{color:var(--text-dim);font-size:12px;letter-spacing:.12em}.pad-set-complete{color:var(--play)!important;font-weight:700}.pad-set-actions{display:flex;flex-wrap:wrap;gap:8px}.pad-selected-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.pad-now label{display:block;font-size:11px;letter-spacing:.22em;color:var(--text-faint)}.pad-now strong{display:block;font-size:88px;line-height:.9;letter-spacing:-.07em;margin:8px 0 6px;font-weight:650}.pad-now em{display:block;font-style:normal;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.pad-live{color:var(--play);font-weight:700;letter-spacing:.14em}.pad-board{display:flex;flex-direction:column;gap:14px;max-width:920px;margin:0 auto;width:100%}.pad-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pad-key{appearance:none;min-height:132px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2) 0%,var(--bg) 100%);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:16px 10px 14px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.pad-key:hover{border-color:var(--line-2)}.pad-key b{font-size:32px;letter-spacing:-.05em;font-weight:650}.pad-key small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad-key span{font-size:10px;color:var(--text-faint);letter-spacing:.14em}.pad-key i{position:absolute;right:12px;top:10px;font-style:normal;color:var(--text-faint);font-size:16px}.pad-key.flat{background:linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%)}.pad-key.empty{opacity:.78}.pad-key.loaded{opacity:1;border-color:var(--line-2)}.pad-key.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d8bb7447;opacity:1}.pad-key.fading{border-color:var(--gold-2);opacity:.8}.pad-key{touch-action:manipulation;user-select:none;-webkit-user-select:none}.pad-key.playing{border-color:#ffffffe6;background:#0b1418;color:#fff;opacity:1;box-shadow:0 0 0 1px #fff6,0 0 26px #ffffff3d,inset 0 0 22px #ffffff12}.pad-key.playing span{color:#fff}.pad-key .pad-mode-tag{display:block;color:var(--gold);font-size:inherit;letter-spacing:inherit;margin-top:3px}.pad-selected{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(180px,260px);gap:14px 24px;align-items:center;max-width:920px;margin:0 auto;width:100%;background:#10222aa6;border:1px solid var(--line);border-radius:16px;padding:14px 18px}.pad-selected-title label,.pad-selected-mode>label{display:block;font-size:10px;letter-spacing:.2em;color:var(--text-faint)}.pad-selected-title strong{display:block;font-size:34px;line-height:1;letter-spacing:-.05em;margin:4px 0 2px}.pad-selected-title span{font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.pad-selected-mode .pad-seg{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}.pad-selected-mode .limit-note{margin:4px 0 0}.pad-selected-volume{display:grid;gap:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.pad-selected-volume output{color:var(--text);font-variant-numeric:tabular-nums}.pad-perform{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;max-width:920px;margin:0 auto;width:100%;background:#10222aa6;border:1px solid var(--line);border-radius:16px;padding:16px 18px}.pad-stop{min-width:120px;min-height:52px;font-size:14px}.pad-volume{display:flex;flex-direction:column;gap:6px;min-width:180px;font-size:10px;letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase}.pad-volume input{width:100%;margin:0;box-sizing:border-box}.pad-transition{display:flex;flex-direction:column;gap:6px;font-size:10px;letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase}.pad-seg{display:flex;flex-wrap:wrap;gap:6px}.pad-seg .btn{min-height:40px}.pad-manage,.pad-library{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:920px;margin:0 auto;width:100%}.pad-library-block{max-width:920px;margin:0 auto;width:100%;text-align:center}.pad-library-block h2{margin:0 0 8px;font-size:11px;letter-spacing:.22em;color:var(--text-faint);text-transform:uppercase}.my-pads{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pad-key-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:12px}.pad-modal,.import-prep-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#061418b8}.import-prep-card{width:min(480px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px 26px}.import-prep-card h2{margin:0 0 4px;font-size:15px;letter-spacing:.02em}.import-prep-sub{margin:0 0 18px;font-size:11px;color:var(--text-faint);line-height:1.4}.import-prep-field{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid rgba(33,66,78,.6)}.import-prep-field.review{color:var(--gold)}.import-prep-field:last-of-type{border-bottom:none}.import-prep-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.import-prep-input-row{display:flex;align-items:center;gap:8px}.import-prep-field input,.import-prep-field select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:13px}.import-prep-field input[type=number]{width:100px}.import-prep-field input:focus,.import-prep-field select:focus{border-color:var(--gold-2);outline:none}.import-prep-source{font-size:9.5px;color:var(--text-faint)}.import-prep-field.review .import-prep-source{color:var(--gold)}.import-prep-conflict-label{display:block;font-size:9.5px;color:var(--gold);margin-top:4px}.import-prep-value{font-size:13px;color:var(--text)}.import-prep-field.review .import-prep-value{color:var(--gold)}.import-prep-compound{display:flex;flex-direction:column;gap:1px;margin-top:6px}.import-prep-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.pad-modal-card{width:min(520px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 24px;text-align:center}.pad-modal-card h3{margin:0 0 8px;letter-spacing:-.03em}.pad-slot-meta{width:100%;text-align:center;color:var(--text-dim)}.pad-slot-meta label{display:grid;gap:6px;justify-items:center}.pad-slot-meta .field{max-width:320px}.factory-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.factory-list label{width:100%;text-align:center;font-size:10px;letter-spacing:.16em;color:var(--text-faint)}.pad-editor{max-width:880px;margin:0 auto;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.pad-wave{width:100%;height:110px;display:block;cursor:ew-resize;border-radius:8px;background:var(--bg);margin-bottom:12px}.section-now{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;justify-content:center}.section-now label{font-size:10px;letter-spacing:.18em;color:var(--text-faint)}.section-now strong{font-size:42px;letter-spacing:-.05em;line-height:1.05;margin-top:4px}.pending-note{margin-top:6px;color:var(--gold);font-size:12px}.pads{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px}.pad{appearance:none;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;min-height:64px;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pad:hover{border-color:var(--line-2)}.pad:active{background:var(--panel-2)}.pad.active{border-color:var(--gold);background:var(--gold-wash);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-2)}.pad.next{border-color:var(--line-2)}.pad-badge{display:block;font-size:9px;letter-spacing:.16em;color:var(--gold);margin-bottom:2px}.pad-badge.next{color:var(--text-dim)}.app.live .pad{min-height:92px;font-size:15px}.transport-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.transport-group{display:grid;gap:8px}.transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.transport-songs .btn{min-width:92px}.transport .btn{min-width:84px;min-height:44px}.app.live .transport .btn{min-width:108px;min-height:64px;font-size:14px}.tempo{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px}.tempo-bpm{width:108px;text-align:center}.tempo-bpm span{display:block;font-size:10px;letter-spacing:.16em;color:var(--text-faint)}.tempo-bpm strong{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.tempo-value{appearance:none;background:transparent;border:0;color:var(--text);font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.04em;cursor:text;padding:0}.tempo-input{width:88px;font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;text-align:center;background:var(--bg);border:1px solid var(--gold);color:var(--text);border-radius:4px}.app.live .play-page .grid-tools{display:none}.play-tracks{display:grid;gap:6px;flex-shrink:0}.play-tracks-label{font-size:10px;letter-spacing:.18em;color:var(--text-faint)}.track-link{appearance:none;background:none;border:0;padding:0;text-align:left;font-weight:650;color:inherit}.track-link:hover{color:var(--gold)}.track-strip{display:grid;grid-template-columns:72px minmax(80px,1.2fr) 90px auto minmax(80px,140px) auto auto;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px}.track-strip.midi{grid-template-columns:72px minmax(80px,1fr) 90px minmax(110px,150px) 88px minmax(80px,140px) auto auto}.track-midi{margin-top:0;display:grid;gap:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.track-midi select,.track-midi input{min-height:36px}.track-strip.empty{color:var(--text-faint);grid-template-columns:1fr}.track-strip.active{border-color:var(--line-2)}.track-kind{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.track-name{font-weight:650}.track-state{font-size:11px;color:var(--text-faint)}.track-state.on{color:var(--play)}.track-vol{margin-top:0}.drum-grid-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}.drum-grid{border-collapse:collapse;min-width:100%}.drum-grid th,.drum-grid td{padding:2px}.drum-grid th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);text-align:left;padding-right:8px}.drum-grid th.bar{color:var(--text)}.step{width:16px;height:16px;border:1px solid var(--line);background:var(--panel-2);border-radius:3px;padding:0}.step.bar{border-color:var(--line-2)}.step.on{background:var(--gold);border-color:var(--gold)}.drum-grid tr.muted .step{opacity:.28}.drum-grid .btn{min-width:36px;min-height:28px;padding:0}.tempo .btn{min-height:36px;min-width:44px;padding:6px 8px}.app.live .tempo .btn{min-height:52px;min-width:56px}.play-aside{grid-column:2;grid-row:2 / -1;display:flex;flex-direction:column;gap:12px}.aside-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.aside-card h3{margin:0 0 10px;font-size:11px;letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase}.limit-note{font-size:12px;color:var(--text-dim);line-height:1.45}.mixer-strip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px;align-content:start}.mixer-strip{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"name name name" "meter meter meter" "vol pan msbtns";gap:3px 6px;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:5px 8px 6px}.mixer-strip label{grid-area:name;font-size:11px;font-weight:650;letter-spacing:.01em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-strip input[type=range]{width:100%}.mixer-strip input[type=range]:not(.mixer-pan){grid-area:vol}.mixer-strip .mixer-pan{grid-area:pan;width:46px;accent-color:var(--gold-2)}.mixer-strip .mini-btns{grid-area:msbtns}.mixer-strip .mixer-meter-track{grid-area:meter}.mixer-meter-track{align-self:stretch;width:100%;height:3px;border-radius:2px;background:#93a0b826;overflow:hidden}.mixer-meter{height:100%;width:100%;background:var(--play, var(--ok));transform:scaleX(0);transform-origin:left;will-change:transform}.mini-btns{display:flex;gap:4px}.mini{appearance:none;border:1px solid var(--line);background:var(--control);color:var(--text-dim);border-radius:4px;font-size:9px;font-weight:700;padding:3px 5px}.mini.on{color:var(--gold);border-color:var(--gold-2)}.unconnected{opacity:.45}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}.page-head h1{margin:0;font-size:26px;letter-spacing:-.03em}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.editor-history-controls{display:flex;gap:4px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.chip{appearance:none;border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font-size:12px;color:var(--text-dim)}.chip.on,.chip:hover{border-color:var(--gold-2);color:var(--text)}.field{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;min-width:180px}.field input,.field select{width:100%;background:transparent;border:0;outline:none}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--text-faint);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--line)}.table td{padding:10px;border-bottom:1px solid var(--line)}.table tr:hover td{background:var(--panel)}.row-actions{display:flex;gap:6px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h2{margin:0 0 6px;font-size:16px}.card p{margin:0 0 12px;color:var(--text-dim);font-size:13px;line-height:1.4}.asset{font-size:12px;color:var(--text-dim);padding:4px 0;border-top:1px solid var(--line)}.empty-hint{margin:28px auto 0;max-width:360px;text-align:center;color:var(--text-dim);font-size:14px;line-height:1.5}.empty-hint strong{display:block;margin-bottom:4px;color:var(--text);font-size:16px}.setlist-layout{display:grid;grid-template-columns:240px 1fr;gap:16px}.setlist-item{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);background:var(--panel);border-radius:6px;margin-bottom:8px}.set-index{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.mixer-page{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:12px;align-items:stretch}.channel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:360px}.channel h2{margin:0;font-size:12px;letter-spacing:.14em}.fader{writing-mode:vertical-lr;direction:rtl;height:220px;width:28px}.pan{width:100%}.editor-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.section-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin-top:8px;align-content:start}.section-edit{display:grid;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:5px 7px 6px}.section-edit-top{display:flex;gap:6px;align-items:center}.section-edit-top .field{flex:1;min-width:0}.section-order{font-size:10px;font-weight:700;color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0}.section-length{font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--gold);white-space:nowrap;flex-shrink:0}.section-edit-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.section-edit-row input[type=number]{width:36px}.section-edit-row .btn{padding:5px 7px;font-size:10px}.section-edit.selected{outline:1px solid var(--gold-2);background:var(--gold-wash)}.add-section-btn{font-size:13px;padding:9px 16px}.section-empty{grid-column:1 / -1;color:var(--text-faint);font-size:12px}.arrangement-summary{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--text-dim);letter-spacing:.04em;margin-top:4px}.arrangement-summary strong{color:var(--text);font-variant-numeric:tabular-nums}.audio-track-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin-top:6px;align-content:start}.audio-track-row{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 10px}.audio-track-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.audio-track-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-track-role{font-size:9px;letter-spacing:.1em;color:var(--text-faint)}.audio-track-status{font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:4px;flex-shrink:0}.audio-track-status.ready{color:var(--play);border:1px solid var(--play-dim)}.audio-track-status.missing{color:var(--danger);border:1px solid var(--danger)}.mixer-missing-badge{margin-left:6px;vertical-align:middle}.audio-track-empty{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:6px}.stamps-editor{display:flex;flex-direction:column;gap:4px}.stamps-editor .section-edit-row .field{width:44px}.stamp-status{display:flex;flex-direction:column;gap:1px;justify-content:center}.stamp-status-ready{font-size:10px;letter-spacing:.06em;color:var(--play)}.stamp-status-ready strong{color:var(--play)}.stamp-status-duplicate{font-size:10px;letter-spacing:.06em;color:var(--danger)}.stamp-status-next{font-size:9px}.stamp-name-display{text-align:left;appearance:none;-webkit-appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp-name-presets{margin:4px 0 0;gap:4px}.stamp-name-presets .chip{padding:3px 9px;font-size:11px}.stamp-ready{display:flex;align-items:center;gap:8px}.drop-target{border:1px dashed var(--line-2);border-radius:var(--radius);padding:28px;text-align:center;color:var(--text-dim)}.boot{height:100%;display:grid;place-items:center;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.boot-inner{display:grid;justify-items:center;gap:10px;font-size:11px}.boot-inner img{max-width:70vw;height:auto;margin-bottom:8px}.boot-name{font-size:22px;letter-spacing:.08em;text-transform:none;color:var(--text)}.empty-state{height:100%;display:grid;place-items:center;text-align:center}.empty-state .card{max-width:420px;padding:32px 28px}.empty-state h1{margin:14px 0 8px;font-size:22px;letter-spacing:-.02em}.empty-state p{margin:0 0 20px;color:var(--text-dim);line-height:1.5}.first-run-card{max-width:560px}.import-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%}.import-choice{appearance:none;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px 16px;min-height:168px;color:var(--text);text-align:center;display:flex;flex-direction:column;gap:8px;cursor:pointer}.import-choice:hover{border-color:var(--gold-2);background:var(--panel)}.import-choice strong{font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}.import-choice span{font-size:12px;color:var(--text-dim);line-height:1.4;flex:1}.import-choice em{font-style:normal;margin-top:4px;padding:6px 0;border:1px solid var(--line-2);border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.import-choice:hover em{border-color:var(--gold);color:var(--gold)}.first-run-secondary{margin-top:16px;font-size:12px;color:var(--text-faint)}.first-run-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 10px}.first-run-line+.first-run-line{margin-top:2px}.first-run-line .link-btn+.link-btn:before{content:"·";display:inline-block;margin-right:10px;color:var(--text-faint)}.link-btn{appearance:none;background:none;border:none;padding:0;color:var(--text-dim);text-decoration:underline;cursor:pointer;font-size:12px}.link-btn:hover{color:var(--gold)}@media(max-width:860px){.import-choices{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.import-choices{grid-template-columns:1fr}}.import-spinner{width:28px;height:28px;margin:0 auto 14px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--gold);animation:import-spin .8s linear infinite}.play-confirm .import-spinner{margin:0}@keyframes import-spin{to{transform:rotate(360deg)}}.settings-list{max-width:560px;display:flex;flex-direction:column;gap:14px}.backup-status-ok{color:var(--play)}.backup-status-error{color:var(--danger)}.settings-row{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.settings-row-stacked{flex-direction:column;align-items:stretch}.profiles-panel{display:flex;flex-direction:column;gap:8px;margin-top:4px}.profiles-row{display:flex;align-items:center;gap:10px}.profiles-row .field{min-width:220px}.profile-status{font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.profile-status.active{color:var(--play)}.profile-status.modified{color:var(--gold)}.profiles-draft{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius)}.profiles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:220px;overflow-y:auto}.profile-card{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;cursor:pointer;color:inherit;font:inherit}.profile-card:hover{border-color:var(--line-2)}.profile-card.selected{border-color:var(--gold-2);background:var(--gold-wash)}.profile-card.is-active strong:after{content:" ●";color:var(--play);font-size:9px;vertical-align:middle}.profile-card strong{font-size:12px;letter-spacing:.02em}.midi-mapping-settings{display:flex;flex-direction:column;gap:8px;margin-top:4px}.midi-mapping-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.midi-mapping-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 10px}.midi-mapping-row .field{flex:1 1 150px;min-width:130px}.midi-mapping-trigger{font-size:11px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:1 1 100px}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;padding:2px 6px;color:var(--text-dim)}@media(max-width:980px){.app{grid-template-columns:1fr;grid-template-rows:1fr auto}.play-aside{grid-row:auto;grid-column:1}.play-header{align-items:stretch}.header-actions{flex-wrap:wrap}.transport-row{flex-direction:column;align-items:stretch}.transport{justify-content:space-between}.play-page .waveform-wrap{max-height:140px;min-height:100px}.play-page .waveform-canvas{height:96px;min-height:96px}.track-strip{grid-template-columns:64px 1fr auto;grid-template-areas:"kind name state" "vol vol vol" "mute mute solo"}.pad-now strong{font-size:56px}.pad-key{min-height:104px;padding:14px 8px 12px}.pad-key b{font-size:30px}.pad-selected{grid-template-columns:1fr}.pad-perform{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 16px;align-items:center;justify-content:stretch}.pad-perform .pad-volume{min-width:0}.pad-perform .pad-transition{grid-column:1 / -1}.pad-seg .btn{flex:1 1 auto}.pads{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.setlist-layout,.editor-grid{grid-template-columns:1fr}.mixer-page{grid-template-columns:repeat(3,1fr)}}@media(max-height:760px){.play-page{gap:6px;padding:10px 20px 8px}.play-main{gap:4px}.play-hero .musical-readout strong,.play-hero .musical-readout span{font-size:38px}.play-hero .play-hero-row{gap:18px}.play-now{padding:6px 14px 5px}.play-page .waveform-wrap{min-height:80px}}@media(max-height:640px){.play-hero .musical-readout strong,.play-hero .musical-readout span{font-size:28px}.play-now label{display:none}}.import-prep-card{max-height:88vh;overflow-y:auto;width:min(560px,92vw)}.import-prep-review{display:flex;flex-direction:column;gap:3px;margin:0 0 14px;padding:8px 10px;border:1px solid var(--gold-2);border-radius:6px;font-size:10.5px;color:var(--gold)}.import-prep-review strong{font-size:10px;letter-spacing:.06em;text-transform:uppercase}.import-prep-evidence{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:1px}.import-prep-evidence li{display:flex;gap:6px;font-size:9.5px;color:var(--text-faint);line-height:1.35}.import-prep-evidence .ev-mark{width:10px;flex:none}.import-prep-evidence .ev-used{color:var(--text)}.import-prep-evidence .ev-conflict{color:var(--gold)}.import-prep-evidence .ev-rejected .ev-text{text-decoration:none;opacity:.75}.tempo-map-rows{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.tempo-map-row{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--text-faint)}.tempo-map-row span:first-child{width:32px;flex:none}.tempo-map-row input[type=number]{width:64px}.tempo-map-remove{background:none;border:1px solid var(--line);border-radius:4px;color:var(--text-faint);width:20px;height:20px;line-height:1;cursor:pointer}.tempo-map-remove:hover{color:var(--gold);border-color:var(--gold-2)}.import-progress-card{text-align:left;min-width:min(460px,90vw)}.import-progress-card h1,.import-progress-card .import-spinner{text-align:center}.import-bar{position:relative;height:4px;margin:4px 0 16px;background:var(--line);border-radius:2px;overflow:hidden}.import-bar-fill{position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:import-bar-slide 1.3s ease-in-out infinite}@keyframes import-bar-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.import-steps{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13px}.import-step{display:flex;align-items:center;gap:10px;color:var(--text-faint);transition:color .2s}.import-step.done{color:var(--text-dim)}.import-step.active{color:var(--text);font-weight:650}.import-step-mark{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:11px;line-height:1;color:var(--bg)}.import-step.done .import-step-mark{background:var(--play);border-color:var(--play)}.import-step.active .import-step-mark{border-color:var(--gold);border-top-color:transparent;animation:import-spin .8s linear infinite}.import-quick-card{width:min(460px,92vw)}.quick-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:4px 0 12px;font-size:13px}.quick-grid dt{color:var(--text-faint)}.quick-grid dd{margin:0;font-weight:650;overflow-wrap:anywhere}.quick-notes{margin:0 0 6px;padding-left:18px;color:var(--gold);font-size:12px;line-height:1.5}.import-prep-intro{margin:-8px 0 14px;font-size:12px;color:var(--text-dim)}@media(prefers-reduced-motion:reduce){.import-bar-fill,.import-step.active .import-step-mark{animation-duration:3s}}.loop-health{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:10px;font-size:12px;display:grid;gap:6px}.loop-health strong{font-size:12px;letter-spacing:.02em}.loop-health.ok{border-color:var(--play-dim)}.loop-health.ok strong{color:var(--play)}.loop-health.ok span{color:var(--text-dim)}.loop-health.problem{border-color:var(--danger-line);background:#8a4a471f}.loop-health.problem>strong{color:var(--danger-text)}.loop-health.warning{border-color:var(--gold-2)}.loop-health.warning>strong{color:var(--gold)}.loop-health ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.loop-health-issue{display:flex;align-items:center;justify-content:space-between;gap:12px}.loop-health-text{display:grid;gap:2px;min-width:0}.loop-health-title{font-weight:650;color:var(--text)}.loop-health-detail{color:var(--text-dim);line-height:1.4}.loop-health-issue .btn{flex:0 0 auto;white-space:nowrap}.btn.fade-out.on{color:var(--gold);border-color:var(--gold);animation:fade-pulse 1s ease-in-out infinite}@keyframes fade-pulse{50%{opacity:.55}}.loop-health-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-check{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:13px;display:grid;gap:8px}.service-check.ready{border-color:var(--play-dim)}.service-check.ready>strong{color:var(--play)}.service-check.problem{border-color:var(--danger-line);background:#8a4a471f}.service-check.problem>strong{color:var(--danger-text)}.service-check.warning{border-color:var(--gold-2)}.service-check.warning>strong{color:var(--gold)}.service-check ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.service-check li{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-check li>div{display:grid;gap:2px}.service-song{font-weight:650}.service-finding{font-size:12px;color:var(--text-dim)}.service-finding.problem{color:var(--danger-text)}.workspace{background:radial-gradient(900px 340px at 78% -12%,rgba(63,220,214,.07),transparent 62%),var(--bg)}.btn{min-height:34px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--control);transition:background .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){border-color:var(--accent-dim);background:var(--control-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.on,.btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:var(--gold-wash)}.btn.play{background:var(--accent-dim);border-color:var(--accent);color:var(--on-accent)}.btn.play:hover:not(:disabled){background:#177982;border-color:var(--focus)}.btn.danger{border-color:var(--danger-line);color:var(--danger-text);background:transparent}.btn.danger:hover:not(:disabled){background:var(--danger-wash);border-color:var(--danger)}.btn.ghost{background:transparent;border-color:var(--line)}.btn.ghost:hover:not(:disabled){background:var(--panel-2)}:where(button:disabled,.btn:disabled,select:disabled,input:disabled){opacity:.45;cursor:not-allowed}.chip{transition:background .12s,border-color .12s}.chip:hover{border-color:var(--line-2)}.chip.on{border-color:var(--accent);color:var(--text);background:var(--accent-wash)}.field{background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);transition:border-color .12s,box-shadow .12s}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #3fdcd638}.field input::placeholder{color:var(--text-faint);opacity:1}:where(select){color-scheme:dark}.card,.panel{box-shadow:var(--shadow-panel)}.card{background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);border-radius:var(--radius)}.page-head h1{letter-spacing:-.03em}:where(input[type=range]){-webkit-appearance:none;appearance:none;background:transparent;height:22px;accent-color:var(--accent);cursor:pointer}:where(input[type=range])::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--line-2)}:where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--text);border:2px solid var(--accent)}:where(input[type=range]:focus-visible)::-webkit-slider-thumb{box-shadow:0 0 0 3px #7be9f059}:where(input[type=checkbox]){accent-color:var(--accent)}.play-page{gap:10px;padding:16px 22px 14px}.play-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px}.play-header .brand-kicker{color:var(--gold)}.play-title h1{font-size:30px;letter-spacing:-.035em}.play-position{display:flex;align-items:center;gap:16px}.play-position .musical-readout{gap:22px}.play-position .musical-readout strong,.play-position .musical-readout span{font-size:54px;line-height:.95}.play-position .musical-readout label{font-size:10px;letter-spacing:.16em;color:var(--text-faint)}.play-position-loop{display:grid;gap:2px}.play-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.play-tools .btn{min-height:34px}.play-header .meta-row{flex-wrap:wrap;gap:4px 16px}.play-header .meta-row span{white-space:nowrap}.play-header .header-actions{justify-content:flex-end}.btn.silence{min-height:44px;padding:0 22px;border:2px solid var(--danger);background:var(--danger-wash);color:var(--danger-text);font-weight:800;letter-spacing:.1em}.btn.silence:hover:not(:disabled){background:#4a1f20;border-color:var(--danger)}.add-menu{position:relative}.add-menu-list{position:absolute;left:0;top:calc(100% + 6px);z-index:30;min-width:190px;display:grid;padding:6px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 14px 34px #00000080}.add-menu-item{appearance:none;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:6px;font-size:13px;font-weight:600;color:var(--text)}.add-menu-item:hover:not(:disabled){background:var(--control-hover)}.play-page .transport-row{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:10px 14px;gap:10px 18px;justify-content:flex-start}.play-page .transport-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.play-page .transport .btn{min-width:0;padding:8px 14px}.play-page .transport-songs .btn{min-width:0}.play-toggles{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:auto}.play-arrangement-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bars-toggle{min-height:28px;padding:2px 10px;font-size:11px}.play-set{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;flex-shrink:0;padding-bottom:2px}.play-set-card{appearance:none;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"idx name" "idx meta";align-items:center;column-gap:10px;text-align:left;min-height:56px;padding:8px 12px;border-radius:14px;border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim)}.play-set-card:hover{border-color:var(--line-2);color:var(--text)}.play-set-card.current{border-color:var(--accent);background:var(--accent-wash);color:var(--text);box-shadow:0 0 0 3px #3fdcd61f}.play-set-index{grid-area:idx;font-weight:800;font-size:18px;color:var(--gold);min-width:18px;text-align:center}.play-set-name{grid-area:name;font-weight:650;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-set-meta{grid-area:meta;font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.sync-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.sync-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--radius-sm);overflow:hidden}.sync-opt{appearance:none;border:0;background:var(--control);color:var(--text-dim);padding:8px 12px;min-height:34px;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.sync-opt+.sync-opt{border-left:1px solid var(--line-2)}.sync-opt.on{background:var(--accent-wash);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.stretch-badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-dim);font-variant-numeric:tabular-nums}.stretch-badge.native{border-color:var(--accent-dim);color:var(--accent)}.stretch-badge.moderate{border-color:var(--gold-2);color:var(--gold)}.stretch-badge.heavy{border-color:var(--danger-line);color:var(--danger-text)}.sync-note{font-size:12px;color:var(--gold)}.sync-warn{border-color:var(--gold);color:var(--gold);background:var(--gold-wash);font-size:11px}.sync-clear{min-height:30px;padding:4px 10px;font-size:11px}.import-prep-card.loop-review{width:min(780px,94vw);max-height:92vh;overflow-y:auto}.loop-review-name{margin:2px 0 6px;font-size:20px;letter-spacing:-.02em;word-break:break-word}.loop-review-evidence{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--accent)}.loop-review-hint{margin:0;font-size:12px;color:var(--text-dim)}.loop-review-wave{width:100%;height:130px;display:block;border-radius:var(--radius);background:var(--bg);border:1px solid var(--line);margin:6px 0 8px}.loop-review-summary{margin:0 0 6px;font-size:14px;color:var(--text-dim)}.loop-review-summary strong{color:var(--text)}.loop-review-checks{display:grid;gap:3px;margin-bottom:10px}.loop-review-check{font-size:12px;color:var(--text-dim)}.loop-review-check.pass{color:var(--accent)}.loop-review-check.warn{color:var(--gold)}.loop-review-check.fail{color:var(--danger-text)}.loop-review-controls{display:grid;gap:8px;margin-bottom:10px}.loop-review-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.loop-review-label{width:74px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.loop-review-input{width:92px;min-width:0;text-align:center}.loop-review-unit{color:var(--text-faint);font-size:12px}.loop-review-alt{font-size:11px}.loop-review-listen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius)}.loop-review-click{font-size:12px;color:var(--text-dim);display:inline-flex;align-items:center;gap:4px}.import-prep-card.loop-check{width:min(760px,94vw);max-height:90vh;overflow-y:auto}.loop-check h2{margin:2px 0 8px;font-size:18px}.loop-check-progress{width:100%;height:10px;accent-color:var(--accent)}.loop-check-summary{margin:0 0 12px;font-size:13px;color:var(--text-dim)}.loop-check-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px}.loop-check-head .loop-review-label{white-space:nowrap}.loop-check-list{list-style:none;margin:4px 0 12px;padding:0;display:grid;gap:6px}.loop-check-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr);gap:2px 14px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);align-items:center}.loop-check-row>.loop-review-hint{grid-column:1 / -1}.loop-check-row>.btn{grid-column:2;justify-self:end}.loop-check-change{font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}.loop-check-change b{color:var(--accent)}@media(max-width:980px){.sidebar{order:2;flex-direction:row;align-items:stretch;padding:0 0 env(safe-area-inset-bottom,0);border-right:0;border-top:1px solid var(--line);background:var(--bg-2);overflow:hidden}.brand,.sidebar-foot,.nav-reorder{display:none}.nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;width:100%}.nav-item{min-width:0}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:8px 2px 7px;border-radius:0;text-align:center;text-transform:none;letter-spacing:0;font-size:10.5px}.nav-icon{display:block}.nav-label-full{display:none}.nav-label-short{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn.active{background:var(--accent-wash);box-shadow:inset 0 3px 0 var(--accent)}}@media(max-width:860px){.editor-page{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100%}.editor-main{flex:none;overflow:visible}.editor-center{min-height:auto}.editor-waveform-area{flex:none;min-height:150px}.editor-tabs{overflow-x:auto;scrollbar-width:none}.editor-tab{white-space:nowrap;padding:9px 12px}.editor-panel{height:auto;min-height:200px;overflow:visible}.editor-inspector{overflow:visible}}@media(max-width:560px){.nav-item.phone-hidden{display:none}.pad-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pad-row{display:contents}.pad-key{min-height:92px;padding:14px 6px 10px}.pad-key b{font-size:28px}.pad-key i{display:none}.btn,.chip{min-height:var(--tap)}.field{min-height:var(--tap);display:flex;align-items:center}.page-head{flex-direction:column;align-items:stretch;gap:10px}.page-head .toolbar{width:100%}.page-head .toolbar .field{flex:1 1 100%;min-width:0}.transport-row>*{min-width:0;max-width:100%}.transport-group{grid-template-columns:minmax(0,1fr);width:100%}.transport{width:100%}.transport .btn,.transport-songs .btn{min-width:0;flex:1 1 28%;padding-left:8px;padding-right:8px}.tempo{flex-wrap:wrap;width:100%;box-sizing:border-box}.output-status{max-width:100%;box-sizing:border-box}.play-header{grid-template-columns:minmax(0,1fr);gap:10px}.play-header .header-actions{order:-1}.play-header .header-actions .btn.silence{width:100%}.play-tools .btn{min-height:var(--tap)}.play-position .musical-readout strong,.play-position .musical-readout span{font-size:48px}.play-toggles{margin-left:0}.play-page .transport{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.play-page .transport .btn{min-width:0;width:100%;padding-left:6px;padding-right:6px}.play-page .transport button[aria-label=Play],.play-page .transport button[aria-label=Pause]{grid-column:1 / -1;order:-3;min-height:60px;font-size:16px}.play-page .transport button[aria-label=Stop]{grid-column:span 3;order:-2}.play-page .transport button[aria-label="Fade out and stop"],.play-page .transport button[aria-label="Stop now"]{grid-column:span 3;order:-1}.play-page .transport button[aria-label="Previous section"],.play-page .transport button[aria-label="Next section"],.play-page .transport button[aria-label="Reset playback"]{grid-column:span 2}.play-page .transport-songs{display:grid;grid-template-columns:1fr 1fr}.play-page{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100%}.play-main{flex:none;overflow:visible}.play-grid-area,.play-hero{flex:none}.table,.table tbody{display:block}.table thead{display:none}.table tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:12px;margin-bottom:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.table td{display:block;padding:0;border:0}.table tr:hover td{background:none}.table td:first-child{flex:1 0 100%;font-size:16px;font-weight:700}.table td:last-child{flex:1 0 100%;margin-top:6px}.table td:last-child .row-actions{flex-wrap:wrap}}.output-setup{display:grid;gap:14px;width:100%}.out-block{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm, 8px);background:var(--bg-2)}.out-title{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.out-field{display:grid;gap:4px;font-size:11px;color:var(--text-dim)}.out-field>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.out-field small{color:var(--text-faint)}.out-device select{width:100%;max-width:480px}.out-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.out-mode{appearance:none;text-align:left;display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}.out-mode b{font-size:13px}.out-mode span{font-size:11px;color:var(--text-dim);line-height:1.4}.out-mode.on{border-color:var(--gold);background:var(--gold-wash)}.out-mode:disabled{opacity:.5}.out-channels{display:flex;flex-wrap:wrap;gap:14px}.out-sends{display:grid;gap:8px}.out-send{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.out-send>span{font-size:13px}.out-note{margin:0;font-size:11px;color:var(--text-dim);line-height:1.45}.out-warn{margin:0;font-size:11px;color:var(--gold);line-height:1.45}.out-status{margin:0;font-size:12px;padding:8px 10px;border-left:3px solid var(--play-dim);background:var(--panel)}.out-status.warn{border-left-color:var(--gold-2)}.oneshots{padding:22px 28px 48px;display:flex;flex-direction:column;gap:18px;max-width:972px;width:100%;margin:0 auto;box-sizing:border-box}.os-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.os-head-tools{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.os-volume{min-width:150px}.os-message{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--accent-wash);color:var(--accent);padding:8px 14px;border-radius:8px;font-size:13px}.os-message button{background:transparent;border:1px solid var(--play-dim);border-radius:4px;padding:4px 8px;color:inherit}.os-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.os-pad{--pad-colour: var(--accent);appearance:none;position:relative;min-height:118px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2) 0%,var(--bg) 100%);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px 12px;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:border-color .12s,box-shadow .12s,background .12s}.os-pad:before{content:"";position:absolute;left:14px;right:14px;top:0;height:4px;border-radius:0 0 4px 4px;background:var(--pad-colour);opacity:.85}.os-pad.empty{opacity:.75;border-style:dashed}.os-pad.empty:before{opacity:.25}.os-pad b{font-size:15px;font-weight:650;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-pad.empty b{font-size:26px;color:var(--text-faint);font-weight:400}.os-pad small{font-size:9px;letter-spacing:.16em;color:var(--text-faint);min-height:11px}.os-pad-num{position:absolute;left:10px;top:12px;font-size:10px;color:var(--text-faint)}.os-pad-key{position:absolute;right:10px;top:10px;font-size:10px;letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--line-2);border-radius:4px;padding:0 5px}.os-pad.playing{background:#0b1418;border-color:var(--pad-colour);box-shadow:0 0 0 1px var(--pad-colour),0 0 26px color-mix(in srgb,var(--pad-colour) 55%,transparent),inset 0 0 22px color-mix(in srgb,var(--pad-colour) 18%,transparent)}.os-pad.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d8bb7459}.os-edit{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(170px,240px);gap:14px 24px;align-items:start;background:#10222aa6;border:1px solid var(--line);border-radius:16px;padding:14px 18px}.os-edit-title label,.os-edit-field>label{display:block;font-size:10px;letter-spacing:.2em;color:var(--text-faint);text-transform:uppercase}.os-edit-title strong{display:block;font-size:18px;margin:4px 0 2px;letter-spacing:-.02em}.os-edit-title span{font-size:11px;color:var(--text-dim)}.os-edit-field{display:grid;gap:6px}.os-edit-field .limit-note{margin:0}.os-edit-row{display:flex;flex-wrap:wrap;gap:8px}.os-edit-level{display:grid;gap:6px}.os-edit-level output{color:var(--text);font-variant-numeric:tabular-nums}.os-swatches{display:flex;flex-wrap:wrap;gap:8px}.os-swatch{appearance:none;width:30px;height:30px;border-radius:50%;border:2px solid transparent}.os-swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--bg)}.os-packs{display:grid;gap:10px}.os-packs-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.os-packs h2{margin:0;font-size:16px}.os-empty{padding:18px;border:1px dashed var(--line-2);border-radius:12px;color:var(--text-dim);font-size:13px}.os-pack-tabs{display:flex;flex-wrap:wrap;gap:6px}.os-pack-tabs small{color:var(--text-faint);margin-left:4px}.os-pack{display:grid;gap:10px}.os-pack-tools{display:flex;flex-wrap:wrap;gap:8px}.os-samples{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:360px;overflow-y:auto}.os-sample{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2)}.os-sample-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.os-sample-meta{font-size:11px;color:var(--text-faint);white-space:nowrap}.os-hear{min-width:40px}.os-midi{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);font-size:12px;color:var(--text-dim)}.os-midi-note{display:flex;align-items:center;gap:8px}.os-midi-note input{width:76px}@media(max-width:980px){.oneshots{padding:18px 16px 32px}.os-edit{grid-template-columns:1fr}}@media(max-width:560px){.os-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.os-pad{min-height:92px;padding:14px 6px 10px}.os-pad b{font-size:12px}.os-sample{grid-template-columns:auto minmax(0,1fr) auto}.os-sample-meta{display:none}}.boot-step{max-width:80vw;margin-top:6px;font-size:11px;color:var(--text-faint);text-align:center;word-break:break-word;min-height:14px}.phone-app-body{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.phone-app-qr{width:168px;height:168px;border-radius:10px;flex:none;background:#fff}.phone-app-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.phone-app-links code{font-size:13px;color:var(--gold);word-break:break-all}@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(./orbitron-latin-wght-normal-Du7j2Vp2.woff2) format("woff2-variations")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations")}.app{--bg: #070815;--bg-2: #0b0d20;--panel: #0e1128;--panel-2: #161a3a;--control: #1c2148;--control-hover: #282f66;--line: #262b57;--line-2: #4a5192;--text: #f2f1fc;--text-dim: #bcbae0;--text-faint: #9391bd;--gold: #e3bd5f;--gold-2: #a98a3c;--gold-wash: #2a2410;--accent: #a97bff;--accent-dim: #4b2fa6;--accent-wash: #241b55;--on-accent: #ffffff;--focus: #cdb0ff;--magenta: #f257c9;--font-display: "Orbitron", "SF Pro Display", system-ui, sans-serif;--font-text: "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;--key-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 2px 0 rgba(0, 0, 0, .45);font-family:var(--font-text);background:radial-gradient(1100px 520px at 88% -12%,rgba(169,123,255,.11),transparent 62%),radial-gradient(900px 480px at 8% 112%,rgba(242,87,201,.06),transparent 60%),var(--bg)}.app button,.app input,.app select,.app textarea{font-family:inherit}.app .btn{font-family:var(--font-text);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:9px;border:1px solid var(--line-2);background:linear-gradient(180deg,#232a5a 0%,var(--control) 100%);color:var(--text);box-shadow:var(--key-shadow);transition:border-color .12s,background .12s,box-shadow .12s,transform .06s}.app .btn:hover:not(:disabled){border-color:var(--accent);background:linear-gradient(180deg,#2d3570 0%,var(--control-hover) 100%)}.app .btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #00000059}.app .btn.ghost{background:transparent;border-color:var(--line);box-shadow:none;color:var(--text-dim)}.app .btn.ghost:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.app .btn.on,.app .btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:linear-gradient(180deg,#332c12 0%,var(--gold-wash) 100%);box-shadow:var(--key-shadow),0 0 12px #e3bd5f29}.app .btn:disabled{opacity:.38}.app :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app .sidebar{--bg-2: #090b1c;--panel: #151a40;--line: #262b57;--text: #f2f1fc;--text-dim: #bcbae0;--text-faint: #9391bd;--gold: #e3bd5f;background:linear-gradient(180deg,#0b0e26,#080a19);border-right-color:var(--line)}.app .brand-kicker{font-family:var(--font-display);font-weight:700;letter-spacing:.24em;font-size:9.5px}.app .brand-name{font-weight:800;letter-spacing:-.02em}@media(min-width:561px){.app .nav-btn{font-weight:700;letter-spacing:.08em;font-size:11.5px}}.app .nav-btn:hover{background:#a97bff1a;color:var(--text)}.app .nav-btn.active{background:linear-gradient(90deg,#7c4dff3d,#7c4dff0f);box-shadow:inset 3px 0 0 var(--gold)}.app .nav-reorder-btn:hover{color:var(--gold)}.app h1,.app h2,.app h3{font-family:var(--font-text);text-transform:none}.app .page-head h1{font-size:28px;font-weight:800;letter-spacing:-.02em}.app .card h2,.app .settings-row h2{font-weight:750}.app .editor-col-label,.app .stems-cell-label,.app .play-tracks-label,.app .loop-review-label,.app .import-prep-label,.app .routing-field-label,.app .out-title,.app .stage-kicker,.app .inspector-row label,.app .import-recent-label{font-family:var(--font-display);font-weight:700;letter-spacing:.18em;text-transform:uppercase}.app .table th{font-family:var(--font-display);font-weight:700;letter-spacing:.14em;font-size:10px}.app .stems-cell-value,.app .set-index,.app .loop-position strong,.app .stage-meta-item strong{font-family:var(--font-display);font-weight:700}.app .confidence-badge,.app .pad-badge,.app .kbd{font-family:var(--font-text);font-weight:700;letter-spacing:.06em}.app .inspector-row label{letter-spacing:.1em;font-size:9px}.app .card,.app .panel,.app .editor-panel,.app .settings-row,.app .out-block,.app .setlist-item{background:linear-gradient(180deg,#10142e 0%,var(--panel) 100%);border-color:var(--line);box-shadow:var(--shadow-panel)}.app .card,.app .settings-row,.app .out-block,.app .editor-panel{border-radius:14px}.app .field{background:var(--bg-2);border-color:var(--line-2);border-radius:9px}.app .field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #a97bff47}.app .chip{font-weight:600}.app .chip.on{background:linear-gradient(135deg,#7c4dff66,#a63cc04d);border-color:var(--accent);color:var(--text)}.app .editor-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.app .pulse-pick button.on,.app .pulse-pick button[aria-checked=true],.app .out-mode.on,.app .pad-seg .on,.app .pad-seg button[aria-checked=true]{background:linear-gradient(135deg,#5b35d6,#a63cc0);border-color:#c9a8ff;color:#fff}.app :where(input[type=range])::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent-dim),var(--line-2))}.app :where(input[type=range])::-webkit-slider-thumb{background:#fff;border-color:var(--magenta);box-shadow:0 0 8px #f257c966}.app :where(input[type=range]:focus-visible)::-webkit-slider-thumb{box-shadow:0 0 0 3px #cdb0ff73}.app *{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.app ::-webkit-scrollbar{width:10px;height:10px}.app ::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.app ::-webkit-scrollbar-track{background:transparent}.app .banner.notice{background:var(--accent-wash);color:#d9c4ff}.app .editor-page .transport-group{display:flex;flex-wrap:wrap;gap:6px 14px}.app .editor-page .transport{gap:6px}.app .editor-page .transport .btn{min-width:0;min-height:36px;padding:6px 11px;font-size:11px}.app .editor-page .transport .btn.transport-main{min-height:40px;min-width:76px}.app .btn.transport-main:not(.stop){border-color:#d9a4ff;background:linear-gradient(135deg,#7c4dff 0%,var(--magenta) 100%);color:#fff;letter-spacing:.14em;box-shadow:0 0 22px #f257c94d,inset 0 1px #ffffff47}.app .stems-page .btn.transport-main:not(.stop){min-width:0}.app .musical-readout strong,.app .musical-readout span{font-family:var(--font-display);font-weight:800}@media(prefers-reduced-motion:reduce){.app .btn{transition:none}}.app .workspace{background:radial-gradient(900px 340px at 78% -12%,rgba(169,123,255,.09),transparent 62%),var(--bg)}.app .pad-stage{background:radial-gradient(900px 420px at 50% -8%,rgba(227,189,95,.07),transparent 58%),radial-gradient(700px 280px at 80% 110%,rgba(242,87,201,.05),transparent 50%),var(--bg)}.app .play-set-card.current{box-shadow:0 0 18px #a97bff38}.app .guide-cues{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line-2);border-radius:12px;background:#7c4dff12}.app .guide-cues-head{display:flex;flex-direction:column;gap:2px}.app .guide-cues-actions,.app .guide-cues-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.app .guide-cues-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding-right:4px}.app .guide-cue-row{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto auto auto;align-items:center;gap:6px 8px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}.app .guide-cue-row.review{border-color:var(--gold-2)}.app .guide-cue-row .field{min-width:0;padding:4px 8px}.app .guide-cue-bar{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-faint)}.app .guide-cue-bar .field{width:64px}.app .guide-cue-end{font-size:11px;color:var(--text-dim);min-width:56px}.app .guide-cue-status{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line-2)}.app .guide-cue-status.ok{color:#4be0a0;border-color:#4be0a073}.app .guide-cue-status.review{color:var(--gold);border-color:var(--gold-2)}.app .guide-cue-evidence{grid-column:1 / -1;line-height:1.4}.app .guide-cue-issue{color:var(--gold)}@media(max-width:980px){.app{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.app .workspace{padding-top:env(safe-area-inset-top,0px)}}@media(max-width:560px){.app .profiles-panel .mini-btns,.app .settings-row .mini-btns{flex-wrap:wrap}.app .pulse-pick button,.app .pad-seg button{min-height:var(--tap);min-width:var(--tap)}.app .out-mode{min-height:56px}.app :where(input[type=range]){height:36px}}@media(max-width:560px){.app .routing-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:10px 6px}.app .routing-head{display:none}.app .routing-col-route,.app .routing-col-output{min-width:0;flex-wrap:wrap}.app .stems-head-bar{flex-wrap:wrap}.app .stems-actions{margin-left:0;width:100%;align-items:stretch;flex-shrink:1}.app .stems-action-row{flex-wrap:wrap}.app .stems-btn{min-height:40px}.app .stems-zoom{flex-wrap:wrap}.app .stems-zoom button{min-height:36px;min-width:36px}.app .waveform-top{flex-wrap:wrap;gap:6px 10px}.app .zoom-btn{min-height:36px;min-width:36px}.app .sync-opt{min-height:var(--tap)}.app .play-page .transport:before{display:none}}@media(max-width:560px){.app .stems-transport .transport-group,.app .stems-transport .transport{flex-wrap:wrap;gap:6px}.app .stems-transport .transport-songs{padding-left:0;border-left:0}.app .stems-transport .btn{padding:6px 8px;min-height:40px}.app .stems-transport .btn.transport-main{min-width:84px!important;min-height:44px!important}}@media(max-width:560px){.app .stems-action-row{background:transparent;border:0;gap:6px}.app .stems-action-row .stems-btn{border:1px solid var(--line-2);border-radius:8px}}.play-page .btn.transport-main:not(.stop){border-color:#d9a4ff;background:linear-gradient(135deg,#7c4dff 0%,var(--magenta) 100%);color:#fff;letter-spacing:.14em;box-shadow:0 0 22px #f257c959,inset 0 1px #ffffff47}.play-page .btn.transport-main:not(.stop):hover:not(:disabled){background:linear-gradient(135deg,#8d62ff,#ff6fd6);border-color:#fff}.play-page .btn.silence{min-width:140px;min-height:48px;border:2px solid var(--danger);background:linear-gradient(180deg,#4c1f27,#36151c);color:#ffd9d6;font-size:13px;font-weight:800;letter-spacing:.16em;box-shadow:0 0 20px #ef7a7338,inset 0 1px #ffffff1a}.play-page .btn.silence:hover:not(:disabled){background:linear-gradient(180deg,#5d2530,#431a23);border-color:#ff9a92}.play-page .btn:focus-visible,.play-page .sync-opt:focus-visible,.play-page .tempo-value:focus-visible,.play-page .zoom-btn:focus-visible,.play-page .play-set-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.play-page .play-title h1{font-family:var(--font-text);font-size:30px;font-weight:800;letter-spacing:-.02em;text-transform:none}.play-page .play-header .brand-kicker{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--gold)}.play-page .play-header .meta-row{gap:6px 8px;margin-top:8px}.play-page .play-header .meta-row>span{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:2px 11px;font-size:12px;color:var(--text-dim)}.play-page .play-header .meta-row>span strong{color:var(--text)}.play-page .play-header .meta-row>.play-live{color:#4be0a0;border-color:#4be0a073}.play-page .loop-off{color:var(--text-faint)}.play-page .play-tools{gap:8px;margin-top:10px}.play-page .play-position{gap:16px;padding:8px 18px;background:linear-gradient(180deg,#0c0f26,#080a1b);border:1px solid var(--line-2);border-radius:14px;box-shadow:inset 0 0 22px #7c4dff1f}.play-page .play-position .musical-readout label,.play-page .play-position .limit-note{font-family:var(--font-display);font-size:9px;letter-spacing:.2em;color:var(--text-faint)}.play-page .play-position .musical-readout strong,.play-page .play-position .musical-readout span{font-family:var(--font-display);font-size:46px;font-weight:800;line-height:1;text-shadow:0 0 16px rgba(169,123,255,.5)}.play-page .play-position .musical-readout span{color:var(--magenta);text-shadow:0 0 16px rgba(242,87,201,.5)}.play-page .play-position-loop .loop-position,.play-page .play-position-loop strong{font-family:var(--font-display)}.play-page .waveform-wrap{background:linear-gradient(180deg,#0d1028,#0a0c1f);border:1px solid var(--line-2);border-radius:16px;box-shadow:inset 0 0 40px #7c4dff12,0 10px 30px #00000059}.play-page .waveform-top{font-family:var(--font-display);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.play-page .zoom-btn{font-family:var(--font-display);font-size:9.5px;letter-spacing:.08em;border-radius:6px;background:var(--control);border-color:var(--line-2);padding:3px 9px}.play-page .zoom-btn:hover{border-color:var(--accent);color:var(--text)}.play-page .zoom-btn.on{color:var(--gold);border-color:var(--gold-2)}.play-page .waveform-canvas{border-radius:10px;background:#090b1b}.play-page .transport-row{background:transparent;border:0;padding:0;gap:10px}.play-page .tempo,.play-page .sync-control,.play-page .play-toggles,.play-page .play-now{background:linear-gradient(180deg,#10142e 0%,var(--panel) 100%);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-panel)}.play-page .transport-group{background:linear-gradient(180deg,#10142e 0%,var(--panel) 100%);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-panel);padding:8px 12px}.play-page .transport[aria-label=Transport]:before,.play-page .transport[aria-label=Setlist]:before,.play-page .tempo:before,.play-page .sync-control:before,.play-page .play-toggles:before{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--text-faint);text-transform:uppercase}.play-page .transport[aria-label=Transport]:before{content:"Transport"}.play-page .transport[aria-label=Setlist]:before{content:"Song"}.play-page .tempo:before{content:"Tempo";flex:0 0 100%}.play-page .sync-control:before{content:"Sync";flex:0 0 100%}.play-page .play-toggles:before{content:"Playback";flex:0 0 100%}.play-page .tempo{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:10px 14px 12px}.play-page .tempo:before{grid-column:1 / -1}.play-page .tempo-bpm{grid-row:span 2;width:auto;min-width:92px;padding-right:8px;text-align:left}.play-page .tempo-bpm span{font-family:var(--font-display);font-size:9px;letter-spacing:.2em}.play-page .tempo-value,.play-page .tempo-input{font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1;letter-spacing:0;color:var(--magenta);text-shadow:0 0 16px rgba(242,87,201,.45)}.play-page .tempo-input{width:4.2ch;background:var(--bg);border:1px solid var(--accent);border-radius:8px}.play-page .tempo .btn{min-height:38px;min-width:0;padding:6px 8px}.play-page .tempo .btn.on{box-shadow:var(--key-shadow),0 0 12px #e3bd5f33}.play-page .sync-control{align-content:flex-start;padding:10px 14px 12px;gap:8px}.play-page .sync-seg{border-color:var(--line-2);border-radius:9px;background:var(--bg-2)}.play-page .sync-control .btn{padding:6px 10px;font-size:10.5px}.play-page .sync-opt{font-family:var(--font-text);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.play-page .sync-opt.on{background:linear-gradient(135deg,#5b35d6,#a63cc0);color:#fff;box-shadow:none}.play-page .stretch-badge{border-radius:999px}.play-page .mixer-strip label .stems-head-out{margin-left:6px}.play-page .play-toggles{align-content:flex-start;margin-left:0;padding:10px 14px 12px;gap:8px}.play-page .output-status,.play-page .next-song-status{background:var(--bg-2);border:1px solid var(--line);border-radius:9px}.play-page .output-status.warn{border-color:var(--gold-2);color:var(--gold)}.play-page .output-status.isolated{border-color:#4be0a08c;color:#4be0a0}.play-page .output-status-wrap{position:relative}.play-page .output-status-detail{position:absolute;z-index:40;right:0;bottom:calc(100% + 8px);width:min(440px,80vw);padding:12px 14px;background:#0d1030;border:1px solid var(--gold-2);border-radius:12px;box-shadow:0 16px 40px #0000008c;font-size:12.5px;line-height:1.45;color:var(--text);text-align:left}.play-page .output-status-detail.isolated{border-color:#4be0a08c}.play-page .output-status-detail p{margin:6px 0 0;color:var(--text-dim)}.play-page .output-status-detail strong{font-size:13px}.play-page .output-status-detail .output-status-next{color:var(--text)}.play-page .output-status-actions{display:flex;gap:8px;margin-top:10px}.play-page .play-now{padding:8px 14px}.play-page .play-now>label,.play-page .play-arrangement-head label{font-family:var(--font-display);font-size:9.5px;font-weight:700;letter-spacing:.22em;color:var(--text-faint)}.play-page .play-set{gap:10px}.play-page .play-set-card{background:linear-gradient(180deg,#10142e 0%,var(--panel) 100%);border:1px solid var(--line);border-radius:14px}.play-page .play-set-card:hover{border-color:var(--line-2)}.play-page .play-set-card.current{border-color:var(--accent);background:linear-gradient(135deg,#7c4dff47,#f257c929);box-shadow:0 0 18px #a97bff38}.play-page .play-set-index{font-family:var(--font-display);font-weight:800;color:var(--gold)}@media(min-width:981px){.play-page{gap:10px;padding:14px 22px}.play-page>.play-header{order:0}.play-page .play-main{display:contents}.play-page .play-main>*{order:5}.play-page .play-main>.play-confirm{order:1}.play-page .play-main>.play-grid-area{order:2;flex:1 1 0;min-height:120px}.play-page>.transport-row{order:3}.play-page .play-main>.play-lower{order:4;display:flex;flex-direction:column;gap:6px;flex:0 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.play-page .play-lower>*{flex-shrink:0}.play-page>.play-set{order:6}.play-page>.play-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:16px;row-gap:0;align-items:start;flex-wrap:nowrap}.play-page .play-header .play-title{display:contents}.play-page .play-header .brand-kicker{grid-column:1;grid-row:1}.play-page .play-header .play-title h1{grid-column:1;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-page .play-header .meta-row{grid-column:1;grid-row:3}.play-page .play-header .play-tools{grid-column:1 / -1;grid-row:4}.play-page .play-header .play-position{grid-column:2;grid-row:1 / span 3;align-self:start}.play-page .play-header .header-actions{grid-column:3;grid-row:1 / span 3;align-self:start}.play-page .play-grid-area{overflow:hidden}.play-page>.transport-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:10px}.play-page>.transport-row:not(:has(>.sync-control)){grid-template-columns:repeat(2,minmax(0,1fr))}.play-page>.transport-row>.transport-group{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 22px}.play-page .transport-group .transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.play-page .transport[aria-label=Transport]:before,.play-page .transport[aria-label=Setlist]:before{margin-right:4px}.play-page .transport .btn{min-height:44px;padding:8px 14px;min-width:0}.play-page .btn.transport-main{min-height:52px;min-width:112px;font-size:14px}.play-page .btn.transport-main.stop{min-width:96px}}@media(min-width:981px)and (max-width:1180px){.play-page .tempo{grid-template-columns:repeat(3,minmax(0,1fr))}.play-page .tempo-bpm{grid-column:1 / -1;grid-row:auto;display:flex;align-items:baseline;gap:10px;min-width:0;padding-right:0}.play-page .tempo .btn{padding-left:4px;padding-right:4px}.play-page .transport[aria-label=Transport]:before,.play-page .transport[aria-label=Setlist]:before{display:none}.play-page>.transport-row>.transport-group{gap:6px 14px;padding-left:10px;padding-right:10px}.play-page .transport-group .transport{gap:6px}.play-page .transport .btn{padding:6px 9px;font-size:10.5px;letter-spacing:.05em}.play-page .btn.transport-main{min-width:84px}.play-page .btn.transport-main.stop{min-width:76px}.play-page .sync-control .btn,.play-page .play-toggles .btn{padding-left:8px;padding-right:8px}}@media(min-width:981px)and (max-height:820px){.play-page{gap:6px;padding:8px 20px}.play-page .play-title h1{font-size:24px}.play-page .play-header .meta-row{margin-top:4px}.play-page .play-header .meta-row>span{padding:1px 10px}.play-page .play-tools{margin-top:6px}.play-page .play-tools .btn{min-height:30px}.play-page .play-position{padding:4px 14px}.play-page .play-position .musical-readout strong,.play-page .play-position .musical-readout span{font-size:34px}.play-page .btn.silence{min-height:42px}.play-page>.transport-row{gap:6px}.play-page .transport-group{padding:5px 10px}.play-page .transport .btn{min-height:36px;padding:6px 12px}.play-page .btn.transport-main{min-height:42px}.play-page .tempo{padding:6px 12px 8px;gap:6px}.play-page .tempo-value,.play-page .tempo-input{font-size:30px}.play-page .tempo .btn{min-height:31px}.play-page .sync-control,.play-page .play-toggles{padding:6px 12px 8px;gap:6px}.play-page .sync-control .btn,.play-page .play-toggles .btn{min-height:32px}.play-page .play-now{padding:5px 12px}.play-page .play-set-card{min-height:44px;padding:5px 12px}}@media(min-width:981px)and (max-height:720px){.play-page .tempo:before,.play-page .sync-control:before,.play-page .play-toggles:before{display:none}.play-page .transport-group{padding:4px 8px}.play-page .transport .btn{padding:5px 7px;font-size:10px;letter-spacing:.04em;min-height:34px}.play-page .btn.transport-main{min-height:38px;min-width:76px}.play-page .btn.transport-main.stop{min-width:68px}.play-page .tempo-bpm{gap:8px}.play-page .tempo-value,.play-page .tempo-input{font-size:26px}.play-page .tempo .btn,.play-page .sync-control .btn,.play-page .play-toggles .btn{min-height:28px;font-size:10px}.play-page .sync-opt{padding-top:5px;padding-bottom:5px;font-size:10px}.play-page .play-now{padding:4px 10px}.play-page .play-set-card{min-height:38px;padding:3px 10px}.play-page .play-header .play-title h1{font-size:22px}.play-page .play-header .play-tools .btn{min-height:28px}}@media(prefers-reduced-motion:reduce){.play-page .btn{transition:none}}@media(max-width:980px){.play-page .play-lower{display:contents}}@media(max-width:980px){.play-page .play-main{display:contents}.play-page>.play-header{order:0}.play-page .play-main>*{order:5}.play-page .play-main>.play-confirm{order:1}.play-page .play-main>.play-grid-area{order:2;flex:none;height:250px;min-height:250px}.play-page .play-grid-area .waveform-wrap{max-height:none;min-height:0;height:100%}.play-page .play-grid-area .waveform-canvas{height:auto;min-height:110px}.play-page>.transport-row{order:3}.play-page .play-lower>*{order:4}.play-page>.play-set{order:6}}@media(pointer:coarse),(max-width:980px){.app .play-page .output-status-detail{position:fixed;inset:auto 12px 12px;width:auto;max-height:78vh;max-height:78dvh;overflow-y:auto;z-index:60}.app *,.app{scrollbar-width:none}.app *::-webkit-scrollbar,.app::-webkit-scrollbar{display:none;width:0;height:0}.app .btn,.app .chip,.app .stems-btn,.app .zoom-btn,.app .mini,.app .sync-opt,.app .pulse-pick button,.app .pad-seg button,.app .out-mode,.app .editor-tab{min-height:40px}.app .zoom-btn,.app .mini{min-width:40px}.app .pulse-pick button,.app .pad-seg button{min-width:44px}.app .field,.app select{min-height:44px}.app .field input,.app .field select{min-height:32px}.app :where(input[type=range]){height:40px}.app :where(input[type=range])::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.app :where(input[type=checkbox]){width:22px;height:22px}.app a,.app .link-button,.app .import-links button{display:inline-block;padding:12px 6px}:where(.app button:not(.nav-btn):not(.nav-reorder-btn)){min-height:36px;min-width:36px}.app .tempo-value{min-height:40px}.app .stems-zoom button{min-height:36px;min-width:36px}.app .stems-transport .transport-group,.app .stems-transport .transport{flex-wrap:wrap}}@media(orientation:landscape)and (max-height:520px){.app{grid-template-columns:58px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app .sidebar{order:0;flex-direction:column;border-top:0;border-right:1px solid var(--line);padding:0;overflow:hidden}.app .nav{display:flex;flex-direction:column;width:100%;height:100%}.app .nav-item{flex:1 1 0;min-height:0}.app .nav-item.phone-hidden{display:none}.app .nav-btn{height:100%;min-height:0;padding:2px 0;gap:1px;font-size:9px;letter-spacing:0}.app .nav-btn.active{box-shadow:inset 3px 0 0 var(--gold)}.app .nav-icon{width:17px;height:17px}.app .page{padding:8px 12px 10px}.app .page-head{margin-bottom:8px}.app .page-head h1{font-size:20px}.app .chips{flex-wrap:nowrap;overflow-x:auto;margin-bottom:8px}.app .chip{flex:0 0 auto}.app .import-page{padding:8px 14px 10px;gap:8px}.app .import-hero{max-width:none;display:flex;align-items:center;gap:12px;text-align:left}.app .import-hero img,.app .import-hero svg{width:44px;height:44px;flex:none}.app .import-hero h1{margin:0;font-size:18px}.app .import-hero p{font-size:12px;margin:2px 0 0}.app .import-choices{gap:8px}.app .import-choice{padding:10px;gap:6px}.app .import-choice strong{font-size:13px}.app .import-choice span{font-size:11px}.app .play-page{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:6px 10px;padding:6px 10px;overflow:hidden;height:100%}.app .play-page>.play-header{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:10px;row-gap:4px;align-items:center}.app .play-page .play-header .play-title{display:contents}.app .play-page .play-header .brand-kicker{display:none}.app .play-page .play-header .play-title h1{grid-column:1;grid-row:1;margin:0;font-size:19px;max-width:300px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .play-page .play-header .meta-row{grid-column:2;grid-row:1;margin:0;flex-wrap:nowrap;overflow:hidden;gap:4px}.app .play-page .play-header .meta-row>span{padding:0 8px;font-size:11px;white-space:nowrap}.app .play-page .play-header .meta-row>span:nth-child(n+4){display:none}.app .play-page .play-header .play-tools{grid-column:1 / -1;grid-row:2;margin:0;gap:6px;flex-wrap:nowrap}.app .play-page .play-header .play-tools .btn{min-height:36px;padding:0 12px}.app .play-page .play-header{row-gap:2px}.app .play-page .play-header .play-position{grid-column:3;grid-row:1;padding:2px 10px;gap:8px}.app .play-page .play-header .play-position .musical-readout strong,.app .play-page .play-header .play-position .musical-readout span{font-size:24px}.app .play-page .play-header .play-position .musical-readout label{font-size:8px}.app .play-page .play-header .play-position-loop{display:none}.app .play-page .play-header .header-actions{grid-column:4;grid-row:1}.app .play-page .btn.silence{min-width:96px;min-height:42px;padding:0 12px;font-size:12px}.app .play-page .play-main{display:contents}.app .play-page .play-main>*{order:0}.app .play-page .play-main>.play-confirm{grid-column:1;grid-row:2}.app .play-page .play-main>.play-grid-area{grid-column:1;grid-row:2;height:auto;min-height:0;flex:none}.app .play-page .play-grid-area .waveform-wrap{height:100%;min-height:0;padding:6px 8px}.app .play-page .play-grid-area .waveform-top{margin-bottom:4px}.app .play-page .play-grid-area .waveform-top>:nth-child(2){display:none}.app .play-page .play-grid-area .waveform-canvas{min-height:70px}.app .play-page .play-lower .play-now{padding:2px 8px}.app .play-page .play-lower .bars-toggle{min-height:34px}.app .play-page .play-lower{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:4px;max-height:96px;overflow-y:auto;order:0}.app .play-page .play-lower>*{order:0}.app .play-page>.play-set{grid-column:1;grid-row:4;order:0}.app .play-page>.transport-row{grid-column:2;grid-row:2 / span 3;order:0;container:playkeys / inline-size;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:6px;align-content:start;overflow-y:auto;min-height:0}.app .play-page>.transport-row>.transport-group{grid-column:1;grid-row:1 / span 3;align-self:start}.app .play-page>.transport-row>.tempo{grid-column:2;grid-row:2;align-self:start}.app .play-page>.transport-row>.sync-control{grid-column:2;grid-row:3;align-self:start}.app .play-page>.transport-row>.play-toggles{grid-column:2;grid-row:1;align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:6px}.app .play-page .play-toggles>.btn{min-height:38px;padding:0 6px;font-size:10.5px;letter-spacing:.04em;white-space:nowrap;min-width:0}.app .play-page .play-toggles>.output-status-wrap,.app .play-page .play-toggles>.next-song-status{grid-column:1 / -1;min-width:0}.app .play-page .play-toggles .output-status{width:100%;box-sizing:border-box;min-height:38px;flex-direction:row;align-items:center;gap:8px;padding:2px 10px;font-size:11px}.app .play-page .transport-group{padding:5px 8px;gap:5px;display:flex;flex-direction:column;align-items:stretch}.app .play-page .transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.app .play-page .transport:before{display:none}.app .play-page .transport .btn.transport-main{min-height:36px!important;min-width:0!important}.app .play-page .transport .btn{min-width:0;min-height:36px;padding:0 4px;font-size:10.5px;letter-spacing:.04em}.app .play-page .transport button[aria-label=Play],.app .play-page .transport button[aria-label=Pause]{grid-column:1 / -1;order:-3;min-height:42px!important;font-size:14px}.app .play-page .transport button[aria-label=Stop]{order:-2}.app .play-page .transport button[aria-label="Fade out and stop"],.app .play-page .transport button[aria-label="Stop now"]{grid-column:span 2;order:-1}.app .play-page .transport[aria-label=Setlist]{grid-template-columns:1fr 1fr}.app .play-page .tempo{padding:6px 8px 8px;gap:6px;grid-template-columns:auto repeat(3,minmax(0,1fr))}.app .play-page .tempo:before,.app .play-page .sync-control:before,.app .play-page .play-toggles:before{display:none}.app .play-page .tempo-bpm{grid-column:auto;grid-row:span 2;min-width:70px}.app .play-page .tempo-value{font-size:30px}.app .play-page .tempo .btn{min-height:36px;padding:0 2px;font-size:11px;letter-spacing:0}.app .play-page .sync-control,.app .play-page .play-toggles{padding:6px 8px;gap:6px}.app .settings-list{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.app .settings-list>.settings-row-stacked,.app .settings-list>.output-setup,.app .settings-list>.routing-panel{grid-column:1 / -1}.app .settings-row{padding:10px 12px}.app .stems-head-bar{gap:4px 12px;padding:4px 10px;align-items:center;flex-wrap:wrap}.app .stems-identity h1{font-size:16px}.app .stems-identity{max-width:220px}.app .stems-cell{padding:0 10px}.app .stems-cell-value{font-size:14px}.app .stems-cell-note{display:none}.app .stems-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-left:auto;max-width:100%;flex-shrink:1}.app .stems-action-row{flex-wrap:wrap;max-width:100%}.app .stems-cell-value{min-height:36px}.app .stems-action-row .stems-btn{min-height:36px;padding:0 10px}.app .stems-zoom{gap:4px}.app .stems-zoom button{min-height:36px;min-width:36px}.app .stems-zoom .stems-zoom-label{display:none}.app .stems-transport{padding:4px 10px;gap:4px 12px;flex-wrap:wrap}.app .stems-transport .btn{min-height:38px;padding:0 8px;font-size:10px}.app .stems-transport .btn.transport-main{min-height:42px!important;min-width:72px!important}.app .stems-transport .transport-songs{padding-left:8px}.app .stems-transport .stems-transport-readouts{gap:12px}.app .stems-transport .musical-readout{gap:10px}.app .stems-transport .musical-readout label{display:none}.app .stems-transport .musical-readout strong,.app .stems-transport .musical-readout span{font-size:18px}.app .stems-clock{font-size:11px}.app .import-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.app .import-choice{min-height:0;justify-content:space-between}.app .import-choice span{flex:none}.app .first-run-secondary{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 28px;margin-top:4px;font-size:12px}.app .first-run-line+.first-run-line{margin-top:0}.app .link-btn,.app .first-run-secondary a,.app .first-run-secondary button{padding:8px 4px}}@media(orientation:portrait)and (min-width:561px)and (max-width:980px){.app .page{padding:16px 20px 20px}.app .play-page{padding:12px 18px;gap:10px}.app .play-page .play-main>.play-grid-area{height:clamp(170px,34cqh,520px);min-height:0}.app .play-page>.transport-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex-direction:unset}.app .play-page>.transport-row>.transport-group,.app .play-page>.transport-row>.play-toggles{grid-column:1 / -1}.app .play-page .transport-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}.app .play-page .transport .btn{min-height:44px}.app .play-page .tempo{grid-template-columns:auto repeat(3,minmax(0,1fr))}.app .import-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.app .settings-list{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.app .settings-list>.settings-row-stacked,.app .settings-list>.output-setup,.app .settings-list>.routing-panel{grid-column:1 / -1}}@media(max-width:560px)and (orientation:portrait){.app .play-page{padding:8px 10px 10px;gap:8px}.app .play-page .play-main>.play-grid-area{height:clamp(150px,27cqh,300px);min-height:0;flex:none}.app .play-page .play-grid-area .waveform-wrap{overflow:hidden}.app .play-page .play-grid-area .waveform-top{flex-wrap:nowrap;justify-content:flex-end;margin-bottom:4px}.app .play-page .play-grid-area .waveform-top>:nth-child(-n+3){display:none}.app .play-page .play-grid-area .waveform-canvas{min-height:60px}.app .play-page .play-header{gap:4px}.app .play-page .play-header .brand-kicker{display:none}.app .play-page .play-header .play-title h1{font-size:22px;margin:0}.app .play-page .play-header .meta-row{margin:2px 0 0;flex-wrap:nowrap;overflow:hidden;gap:4px}.app .play-page .play-header .meta-row>span{white-space:nowrap;padding:0 8px;font-size:11px}.app .play-page .play-header .meta-row>span:nth-child(n+4){display:none}.app .play-page .play-header .play-tools{flex-wrap:nowrap;overflow-x:auto;margin-top:6px;gap:6px}.app .play-page .play-header .play-tools .btn{flex:0 0 auto;min-height:38px;padding:0 12px}.app .play-page .play-header .play-position{padding:2px 10px;gap:8px}.app .play-page .play-header .play-position .musical-readout strong,.app .play-page .play-header .play-position .musical-readout span{font-size:28px}.app .play-page .play-header .play-position-loop{display:none}.app .play-page .transport button[aria-label=Play],.app .play-page .transport button[aria-label=Pause]{min-height:52px}}@media(pointer:coarse)and (min-width:981px){.app .play-page .btn,.app .play-page .play-tools .btn{min-height:40px}}@media(orientation:landscape)and (pointer:coarse)and (min-height:521px)and (max-height:760px){.app .play-page{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:6px 10px;padding:6px 10px;overflow:hidden;height:100%}.app .play-page>.play-header{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:10px;row-gap:4px;align-items:center}.app .play-page .play-header .play-title{display:contents}.app .play-page .play-header .brand-kicker{display:none}.app .play-page .play-header .play-title h1{grid-column:1;grid-row:1;margin:0;font-size:19px;max-width:300px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .play-page .play-header .meta-row{grid-column:2;grid-row:1;margin:0;flex-wrap:nowrap;overflow:hidden;gap:4px}.app .play-page .play-header .meta-row>span{padding:0 8px;font-size:11px;white-space:nowrap}.app .play-page .play-header .meta-row>span:nth-child(n+4){display:none}.app .play-page .play-header .play-tools{grid-column:1 / -1;grid-row:2;margin:0;gap:6px;flex-wrap:nowrap}.app .play-page .play-header .play-tools .btn{min-height:36px;padding:0 12px}.app .play-page .play-header{row-gap:2px}.app .play-page .play-header .play-position{grid-column:3;grid-row:1;padding:2px 10px;gap:8px}.app .play-page .play-header .play-position .musical-readout strong,.app .play-page .play-header .play-position .musical-readout span{font-size:24px}.app .play-page .play-header .play-position .musical-readout label{font-size:8px}.app .play-page .play-header .play-position-loop{display:none}.app .play-page .play-header .header-actions{grid-column:4;grid-row:1}.app .play-page .btn.silence{min-width:96px;min-height:42px;padding:0 12px;font-size:12px}.app .play-page .play-main{display:contents}.app .play-page .play-main>*{order:0}.app .play-page .play-main>.play-confirm{grid-column:1;grid-row:2}.app .play-page .play-main>.play-grid-area{grid-column:1;grid-row:2;height:auto;min-height:0;flex:none}.app .play-page .play-grid-area .waveform-wrap{height:100%;min-height:0;padding:6px 8px}.app .play-page .play-grid-area .waveform-top{margin-bottom:4px}.app .play-page .play-grid-area .waveform-top>:nth-child(2){display:none}.app .play-page .play-grid-area .waveform-canvas{min-height:70px}.app .play-page .play-lower .play-now{padding:2px 8px}.app .play-page .play-lower .bars-toggle{min-height:34px}.app .play-page .play-lower{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:4px;max-height:96px;overflow-y:auto;order:0}.app .play-page .play-lower>*{order:0}.app .play-page>.play-set{grid-column:1;grid-row:4;order:0}.app .play-page>.transport-row{grid-column:2;grid-row:2 / span 3;order:0;container:playkeys / inline-size;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:6px;align-content:start;overflow-y:auto;min-height:0}.app .play-page>.transport-row>.transport-group{grid-column:1;grid-row:1 / span 3;align-self:start}.app .play-page>.transport-row>.tempo{grid-column:2;grid-row:2;align-self:start}.app .play-page>.transport-row>.sync-control{grid-column:2;grid-row:3;align-self:start}.app .play-page>.transport-row>.play-toggles{grid-column:2;grid-row:1;align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:6px}.app .play-page .play-toggles>.btn{min-height:38px;padding:0 6px;font-size:10.5px;letter-spacing:.04em;white-space:nowrap;min-width:0}.app .play-page .play-toggles>.output-status-wrap,.app .play-page .play-toggles>.next-song-status{grid-column:1 / -1;min-width:0}.app .play-page .play-toggles .output-status{width:100%;box-sizing:border-box;min-height:38px;flex-direction:row;align-items:center;gap:8px;padding:2px 10px;font-size:11px}.app .play-page .transport-group{padding:5px 8px;gap:5px;display:flex;flex-direction:column;align-items:stretch}.app .play-page .transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.app .play-page .transport:before{display:none}.app .play-page .transport .btn.transport-main{min-height:36px!important;min-width:0!important}.app .play-page .transport .btn{min-width:0;min-height:36px;padding:0 4px;font-size:10.5px;letter-spacing:.04em}.app .play-page .transport button[aria-label=Play],.app .play-page .transport button[aria-label=Pause]{grid-column:1 / -1;order:-3;min-height:42px!important;font-size:14px}.app .play-page .transport button[aria-label=Stop]{order:-2}.app .play-page .transport button[aria-label="Fade out and stop"],.app .play-page .transport button[aria-label="Stop now"]{grid-column:span 2;order:-1}.app .play-page .transport[aria-label=Setlist]{grid-template-columns:1fr 1fr}.app .play-page .tempo{padding:6px 8px 8px;gap:6px;grid-template-columns:auto repeat(3,minmax(0,1fr))}.app .play-page .tempo:before,.app .play-page .sync-control:before,.app .play-page .play-toggles:before{display:none}.app .play-page .tempo-bpm{grid-column:auto;grid-row:span 2;min-width:70px}.app .play-page .tempo-value{font-size:30px}.app .play-page .tempo .btn{min-height:36px;padding:0 2px;font-size:11px;letter-spacing:0}.app .play-page .sync-control,.app .play-page .play-toggles{padding:6px 8px;gap:6px}.app .stems-transport .transport-group,.app .stems-transport .transport{flex-wrap:wrap;gap:6px}.app .stems-transport{flex-wrap:wrap}}@media(pointer:coarse),(max-width:980px){.app .workspace{container-type:size;container-name:ws}.app .pad-stage{padding:8px 12px 16px;gap:8px;min-height:0;justify-content:flex-start}.app .pad-hero{display:contents}.app .pad-stage>*,.app .pad-hero>*{order:6}.app .pad-hero-top{order:0;height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px}.app .pad-now{order:1;height:40px;margin:0;padding:0;display:flex;align-items:baseline;justify-content:center;gap:12px;overflow:hidden}.app .pad-now label{display:none}.app .pad-now strong{font-size:30px;line-height:1}.app .pad-board-frame{order:2;container:padframe / size;flex:none;height:max(150px,calc(100cqh - 224px))}.app .pad-perform{order:3;display:grid;grid-template-columns:auto auto minmax(64px,1fr) auto;align-items:center;gap:8px;flex:none;padding:0;background:none;border:0;box-shadow:none;min-height:48px}.app .pad-perform .pad-seg{flex-wrap:wrap}.app .pad-perform .pad-transition{grid-column:1 / -1}.app .pad-perform .btn{min-height:44px;min-width:0;padding:0 12px;letter-spacing:.04em;white-space:nowrap}.app .pad-perform .pad-stop{min-width:0}.app .pad-perform .pad-seg .btn{min-width:40px}.app .pad-perform .pad-volume{display:flex;flex-direction:row;align-items:center;min-width:0;margin:0;font-size:0}.app .pad-perform .pad-volume input{flex:1 1 auto;min-width:48px;width:100%;height:40px}.app .pad-selected-actions{order:4;height:44px;display:flex;justify-content:center;gap:8px}.app .pad-set-banner{order:5}.app .pad-board{height:100%;max-width:none;width:100%;margin:0;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.app .pad-row{display:contents}.app .pad-key{min-height:0;min-width:0;height:100%;padding:4px;gap:1px;overflow:hidden}.app .pad-key b{font-size:clamp(16px,13cqmin,38px)}.app .pad-key small{font-size:9px;letter-spacing:.02em}.app .pad-key span{font-size:9px;letter-spacing:.08em}.app .pad-key i{display:none}.app .oneshots{padding:8px 12px 16px;gap:8px;max-width:none;justify-content:flex-start}.app .os-head{height:48px;flex-wrap:nowrap;overflow:hidden}.app .os-board-frame{container:osframe / size;flex:none;height:max(150px,calc(100cqh - 80px))}.app .oneshots:has(.os-edit) .os-board-frame{height:max(150px,46cqh)}.app .os-board{height:100%;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.app .os-pad{min-height:0;height:100%;padding:8px 4px 6px;overflow:hidden}@container padframe (min-aspect-ratio: 11 / 10){.app .pad-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}@container padframe (min-aspect-ratio: 12 / 5){.app .pad-board{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}@container osframe (min-aspect-ratio: 11 / 10){.app .os-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}@container osframe (min-aspect-ratio: 12 / 5){.app .os-board{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}}@media(orientation:landscape)and (max-height:760px){.app .play-page .play-main>.play-grid-area{container:wf / inline-size}}@container wf (max-width: 560px){.app .play-page .play-grid-area .waveform-top>:nth-child(-n+3){display:none}.app .play-page .play-grid-area .waveform-top{justify-content:flex-end;flex-wrap:nowrap}}@container padframe (min-aspect-ratio: 12 / 5) and (max-width: 640px){.app .pad-key small{display:none}}@media(max-width:360px){.app .nav-btn{padding-left:0;padding-right:0}.app .nav-label-short{font-size:8.5px;letter-spacing:-.2px}}@container ws (max-height: 420px){.app .pad-now{display:none}.app .pad-board-frame{height:max(150px,calc(100cqh - 132px))}}.app .rotate-screen{min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none}.app .play-page .play-header .header-actions{gap:8px;flex-wrap:nowrap}@media(orientation:portrait)and (max-width:980px){.app .play-page{display:flex;flex-direction:column;gap:8px;padding:8px 10px 10px}.app .play-page>.play-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:4px 10px;align-items:center;flex:none}.app .play-page .play-header .play-title{display:contents}.app .play-page .play-header .brand-kicker{display:none}.app .play-page .play-header .play-title h1{grid-column:1;grid-row:1;margin:0;font-size:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .play-page .play-header .header-actions{grid-column:2;grid-row:1}.app .play-page .play-header .btn.silence{min-width:124px;min-height:46px;padding:0 14px;font-size:12px}.app .play-page .play-header .meta-row{grid-column:1;grid-row:2;margin:0;flex-wrap:nowrap;overflow:hidden;gap:4px}.app .play-page .play-header .meta-row>span{white-space:nowrap;padding:0 8px;font-size:11px}.app .play-page .play-header .meta-row>span:nth-child(n+4){display:none}.app .play-page .play-header .play-position{grid-column:2;grid-row:2;padding:0 10px;gap:8px;min-height:0}.app .play-page .play-header .play-position .musical-readout{gap:10px}.app .play-page .play-header .play-position .musical-readout strong,.app .play-page .play-header .play-position .musical-readout span{font-size:20px}.app .play-page .play-header .play-position .musical-readout label{font-size:8px}.app .play-page .play-header .play-position-loop{display:none}.app .play-page .play-header .play-tools{grid-column:1 / -1;grid-row:3;display:flex;flex-wrap:nowrap;overflow:visible;margin:0;gap:6px}.app .play-page .play-header .play-tools>*{flex:1 1 0;min-width:0}.app .play-page .play-header .play-tools .btn{flex:1 1 0;width:100%;min-width:0;min-height:40px;padding:0 4px;font-size:10px;letter-spacing:.02em;white-space:nowrap}.app .play-page .play-header .play-tools>:last-child,.app .play-page .play-header .play-tools>.btn:last-child{flex:0 0 44px;width:44px}.app .play-page .play-main>.play-grid-area{height:clamp(104px,21cqh,300px);min-height:0;flex:none}.app .play-page>.transport-row{display:flex;flex-direction:column;gap:8px;flex:none}.app .play-page>.transport-row>.play-toggles{order:-2;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px 8px}.app .play-page>.transport-row>.transport-group{order:-1}.app .play-page>.transport-row>.tempo{order:1}.app .play-page>.transport-row>.sync-control{order:2}.app .play-page .play-toggles:before{display:none}.app .play-page .play-toggles>.btn{min-height:40px;padding:0 6px;font-size:11px;white-space:nowrap;min-width:0}.app .play-page .play-toggles>.output-status-wrap,.app .play-page .play-toggles>.next-song-status{grid-column:1 / -1;min-width:0}.app .play-page .play-toggles .output-status{width:100%;box-sizing:border-box;min-height:40px;flex-direction:row;align-items:center;gap:8px;padding:2px 10px;font-size:12px}.app .play-page .transport-group{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px 8px}.app .play-page .transport{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}.app .play-page .transport:before{display:none}.app .play-page .transport .btn,.app .play-page .transport .btn.transport-main{min-width:0!important}.app .play-page .transport .btn{min-height:40px;padding:0 4px;font-size:11px}.app .play-page .transport button[aria-label=Play],.app .play-page .transport button[aria-label=Pause]{grid-column:1 / -1;order:-3;min-height:48px!important;font-size:15px!important}.app .play-page .transport button[aria-label=Stop]{grid-column:span 3;order:-2;min-height:42px!important;font-size:13px!important}.app .play-page .transport button[aria-label="Fade out and stop"],.app .play-page .transport button[aria-label="Stop now"]{grid-column:span 3;order:-1;min-height:42px!important}.app .play-page .transport button[aria-label="Previous section"],.app .play-page .transport button[aria-label="Next section"],.app .play-page .transport button[aria-label="Reset playback"]{grid-column:span 2}.app .play-page .transport[aria-label=Setlist]{grid-template-columns:1fr 1fr}.app .play-page .tempo{padding:6px 8px;gap:6px;grid-template-columns:auto repeat(3,minmax(0,1fr))}.app .play-page .tempo:before,.app .play-page .sync-control:before{display:none}.app .play-page .tempo-bpm{grid-column:auto;grid-row:span 2;min-width:70px}.app .play-page .tempo-value{font-size:28px}.app .play-page .tempo .btn{min-height:38px;padding:0 2px}}@container ws (max-height: 520px) and (max-width: 560px){.app .play-page{gap:6px;padding:6px 10px 8px}.app .play-page .play-header .btn.silence,.app .play-page .play-header .play-tools .btn{min-height:36px}.app .play-page .play-main>.play-grid-area{height:clamp(76px,15cqh,140px)}.app .play-page>.transport-row>.play-toggles{padding:4px 6px;gap:4px}.app .play-page .play-toggles>.btn,.app .play-page .play-toggles .output-status{min-height:34px}.app .play-page .transport-group{padding:4px 6px;gap:4px}.app .play-page .transport button[aria-label=Play],.app .play-page .transport button[aria-label=Pause]{min-height:42px!important}.app .play-page .transport button[aria-label=Stop],.app .play-page .transport button[aria-label="Fade out and stop"],.app .play-page .transport button[aria-label="Stop now"]{min-height:38px!important}}@container ws (max-width: 560px){.app .os-head{height:auto;min-height:48px;overflow:visible;flex-wrap:wrap;row-gap:4px}.app .os-head-tools{flex-wrap:wrap;gap:8px;width:100%}.app .os-head-tools .os-volume{flex:1 1 140px;min-width:120px}.app .os-head-tools .os-volume input{width:100%}.app .os-board-frame{height:max(150px,calc(100cqh - 140px))}.app .oneshots:has(.os-edit) .os-board-frame{height:max(150px,40cqh)}}@container ws (max-width: 400px){.app .pad-perform{gap:6px}.app .pad-perform .btn{padding:0 8px;font-size:11px;letter-spacing:.02em}}@media(pointer:coarse),(max-width:980px){.app .play-page .tempo{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.app .play-page .tempo .tempo-bpm{grid-column:1 / 3;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:0}.app .play-page .tempo .btn.on{grid-column:3 / 6;grid-row:1;min-height:56px;font-size:17px;letter-spacing:.1em}.app .play-page .tempo .btn:not(.on){min-width:0;min-height:44px;padding:0 2px;font-size:11px;letter-spacing:0}.app .play-page .tempo .tempo-value{min-height:36px;font-size:30px}}@container ws (max-height: 520px){.app .play-page .tempo .btn.on{min-height:48px}}@media(orientation:landscape)and (max-height:760px){.app .play-page .play-grid-area .waveform-wrap{overflow:hidden}.app .play-page .play-grid-area .waveform-top{justify-content:flex-end;flex-wrap:nowrap}.app .play-page .play-grid-area .waveform-top>:nth-child(-n+3){display:none}}@container playkeys (max-width: 460px){.app .play-page .tempo{grid-template-columns:repeat(3,minmax(0,1fr))}.app .play-page .tempo .tempo-bpm{grid-column:1}.app .play-page .tempo .btn.on{grid-column:2 / 4}}@media(pointer:coarse),(max-width:980px){.app .stage-mode{display:flex;flex-direction:column;gap:8px;padding:8px 12px 10px;height:100%;overflow:hidden}.app .stage-top{flex:none;display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.app .stage-top .stage-song{flex:1 1 0;min-width:0}.app .stage-kicker,.app .stage-setlist{display:none}.app .stage-song h1{margin:0;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .stage-meta{flex:none;gap:10px}.app .stage-meta-item label{font-size:8px}.app .stage-meta-item strong{font-size:14px}.app .stage-meta .musical-readout{transform:none;gap:8px}.app .stage-meta .musical-readout strong,.app .stage-meta .musical-readout span{font-size:20px}.app .stage-meta .musical-readout label{font-size:8px}.app .stage-exit{min-height:44px;padding:0 12px;font-size:11px;flex:none}.app .stage-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px}.app .stage-left{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0}.app .stage-now-next{flex:1 1 0;min-height:0;container-type:size;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 14px}.app .stage-now{flex:none}.app .stage-now-name{font-size:clamp(22px,min(36cqh,14cqw),96px);line-height:1.02}.app .stage-now-sub,.app .stage-upcoming{display:none}.app .stage-next{flex:none;flex-direction:row;align-items:baseline;gap:10px;border:0;padding:0}.app .stage-next-name{font-size:clamp(15px,min(16cqh,7cqw),36px)}.app .stage-next .btn{min-height:36px}.app .stage-strip{display:block;flex:none;height:46px;border-radius:12px;overflow:hidden}.app .stage-strip>*{height:100%}.app .stage-strip .waveform-wrap{height:100%;min-height:0;padding:0;border:0}.app .stage-strip .waveform-top{display:none}.app .stage-strip .waveform-canvas{min-height:0;height:100%}.app .stage-pads{flex:none;overflow:hidden}.app .stage-pads .pads{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;height:auto}.app .stage-pads .pad{min-height:54px;font-size:13px}.app .stage-status-row{display:none}.app .stage-keys{min-height:0;min-width:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:6px;overflow-y:auto;align-content:stretch}.app .stage-keys .transport-group,.app .stage-keys .transport{display:contents}.app .stage-keys .transport .btn,.app .stage-keys .transport .btn.transport-main{min-width:0!important;min-height:40px!important;padding:0 2px;font-size:10px!important;letter-spacing:.02em;grid-column:span 2;line-height:1.1}.app .stage-mode .stage-keys .transport button[aria-label=Play],.app .stage-mode .stage-keys .transport button[aria-label=Pause]{grid-column:1 / -1;order:-3;min-height:56px!important;font-size:20px!important;letter-spacing:.14em}.app .stage-mode .stage-keys .transport button[aria-label=Stop]{grid-column:span 5;order:-2;min-height:44px!important;font-size:14px!important}.app .stage-mode .stage-keys .transport button[aria-label="Fade out and stop"],.app .stage-mode .stage-keys .transport button[aria-label="Stop now"]{grid-column:span 5;order:-1;min-height:44px!important;font-size:12px!important}.app .stage-keys .tempo{grid-column:1 / -1;order:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(52px,1fr) auto;gap:6px;padding:0;background:none;border:0;box-shadow:none;min-height:0}.app .stage-keys .tempo:before{display:none}.app .stage-keys .tempo-bpm{grid-column:1 / 3;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:0;min-width:0}.app .stage-keys .tempo-bpm span{font-size:8px;letter-spacing:.16em}.app .stage-keys .tempo-value{font-size:30px;min-height:36px}.app .stage-keys .tempo .btn{min-width:0;min-height:40px;padding:0 2px;font-size:11px;letter-spacing:0}.app .stage-keys .tempo .btn.on{grid-column:3 / 6;grid-row:1;min-height:52px;font-size:clamp(16px,4cqh,28px);letter-spacing:.12em}.app .stage-keys .stage-switches{grid-column:1 / -1;order:2;display:grid;grid-template-columns:1fr 1fr;gap:6px}.app .stage-keys .stage-switches .btn{min-height:40px;padding:0 4px;font-size:11px;white-space:nowrap;min-width:0}.app .stage-keys .stage-switches .output-status-wrap{grid-column:1 / -1;min-width:0}.app .stage-keys .stage-switches .output-status{width:100%;box-sizing:border-box;min-height:36px;flex-direction:row;align-items:center;gap:8px;padding:2px 10px;font-size:11px}.app .stage-compound-note{display:none}.app .stage-mode .output-status-detail{position:fixed;inset:auto 12px 12px;width:auto;max-height:78vh;max-height:78dvh;overflow-y:auto;z-index:60}}@media(orientation:portrait)and (max-width:980px){.app .stage-top{flex-wrap:wrap}.app .stage-top .stage-song{flex:1 1 100px}.app .stage-top .stage-meta{order:3;flex:1 1 100%;justify-content:space-between}.app .stage-body{display:flex;flex-direction:column;gap:8px}.app .stage-left{flex:none}.app .stage-now-next{flex:none;height:118px}.app .stage-keys{flex:1 1 0}}@media(orientation:portrait)and (max-width:980px)and (min-width:600px){.app .stage-now-next{height:22vh}.app .stage-strip{height:64px}.app .stage-pads .pad{min-height:72px;font-size:15px}.app .stage-keys .transport .btn,.app .stage-keys .transport .btn.transport-main{min-height:52px!important;font-size:12px!important}.app .stage-mode .stage-keys .transport button[aria-label=Play],.app .stage-mode .stage-keys .transport button[aria-label=Pause]{min-height:76px!important;font-size:26px!important}.app .stage-mode .stage-keys .transport button[aria-label=Stop],.app .stage-mode .stage-keys .transport button[aria-label="Fade out and stop"],.app .stage-mode .stage-keys .transport button[aria-label="Stop now"]{min-height:60px!important}}@media(orientation:landscape)and (min-height:600px){.app .stage-strip{height:64px}.app .stage-pads .pad{min-height:80px;font-size:15px}.app .stage-keys .transport .btn,.app .stage-keys .transport .btn.transport-main{min-height:54px!important;font-size:12px!important}.app .stage-mode .stage-keys .transport button[aria-label=Play],.app .stage-mode .stage-keys .transport button[aria-label=Pause]{min-height:84px!important;font-size:28px!important}.app .stage-mode .stage-keys .transport button[aria-label=Stop],.app .stage-mode .stage-keys .transport button[aria-label="Fade out and stop"],.app .stage-mode .stage-keys .transport button[aria-label="Stop now"]{min-height:64px!important}.app .stage-keys .stage-switches .btn{min-height:52px;font-size:13px}.app .stage-keys .tempo .btn{min-height:52px}.app .stage-exit{min-height:48px}}@container ws (max-height: 440px){.app .stage-mode{gap:6px;padding:6px 12px 8px}.app .stage-top .stage-meta-item{display:none}.app .stage-song h1{font-size:17px}.app .stage-exit{min-height:38px}.app .stage-body{gap:8px}.app .stage-strip{height:36px}.app .stage-pads .pad{min-height:44px;font-size:12px}.app .stage-keys{gap:5px}.app .stage-mode .stage-keys .transport button[aria-label=Play],.app .stage-mode .stage-keys .transport button[aria-label=Pause]{min-height:46px!important;font-size:18px!important}.app .stage-mode .stage-keys .transport button[aria-label=Stop],.app .stage-mode .stage-keys .transport button[aria-label="Fade out and stop"],.app .stage-mode .stage-keys .transport button[aria-label="Stop now"]{min-height:38px!important}.app .stage-keys .transport .btn,.app .stage-keys .transport .btn.transport-main{min-height:36px!important}.app .stage-keys .tempo{grid-template-rows:minmax(44px,1fr) auto}.app .stage-keys .tempo .btn{min-height:36px}.app .stage-keys .tempo-value{font-size:24px;min-height:36px}.app .stage-keys .stage-switches .btn{min-height:36px}.app .stage-keys .stage-switches .output-status{min-height:34px}}.app .stage-keys .tempo{align-self:stretch}@container ws (max-width: 560px) and (max-height: 700px){.app .stage-top .stage-meta-item{display:none}.app .stage-top .stage-meta{flex:none;order:0}.app .stage-top .stage-song{flex:1 1 60px}.app .stage-now-next{height:84px;padding:6px 12px}.app .stage-strip{height:34px}.app .stage-pads .pad{min-height:44px;font-size:12px}.app .stage-keys{gap:5px}.app .stage-mode .stage-keys .transport button[aria-label=Play],.app .stage-mode .stage-keys .transport button[aria-label=Pause]{min-height:46px!important;font-size:18px!important}.app .stage-mode .stage-keys .transport button[aria-label=Stop],.app .stage-mode .stage-keys .transport button[aria-label="Fade out and stop"],.app .stage-mode .stage-keys .transport button[aria-label="Stop now"]{min-height:38px!important}.app .stage-keys .transport .btn,.app .stage-keys .transport .btn.transport-main{min-height:36px!important}.app .stage-keys .tempo{grid-template-rows:minmax(44px,1fr) auto}.app .stage-keys .tempo .btn{min-height:36px}.app .stage-keys .tempo-value{font-size:24px;min-height:36px}.app .stage-keys .stage-switches .btn,.app .stage-keys .stage-switches .output-status{min-height:36px}}.app .stage-keys .tempo .btn.on,.app .stage-keys .tempo .tempo-bpm{align-self:stretch;height:auto}@container ws (max-width: 560px) and (max-height: 520px){.app .stage-strip{display:none}.app .stage-now-next{height:70px}.app .stage-pads .pad{min-height:40px}}@media(pointer:coarse),(max-width:980px){.app.live .play-page .play-main>.play-grid-area{height:50px;min-height:0;flex:none}.app.live .play-page .play-grid-area .waveform-wrap{height:100%;min-height:0;padding:0;overflow:hidden;border:0}.app.live .play-page .play-grid-area .waveform-top{display:none}.app.live .play-page .play-grid-area .waveform-canvas{min-height:0;height:100%}.app.live .play-page .play-lower{max-height:none;overflow:hidden}.app.live .play-page .play-lower .bars-toggle,.app.live .play-page .play-arrangement-head,.app.live .play-page .play-lower .meta-row{display:none}.app.live .play-page .play-lower .play-now{padding:0;background:none;border:0;box-shadow:none}.app.live .play-page .play-lower .pads{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;height:auto}.app.live .play-page .play-lower .pad{min-height:58px;font-size:13px}.app.live .play-page .play-lower .play-upcoming,.app.live .play-page .play-lower .limit-note{display:none}.app.live .play-page .tempo .btn.on{min-height:64px;font-size:20px}.app.live .play-page .transport .btn{min-height:44px}}@media(orientation:landscape)and (max-height:520px){.app.live .play-page{grid-template-rows:auto auto minmax(0,1fr) auto}.app.live .play-page .play-main>.play-grid-area{height:40px}.app.live .play-page .play-lower{max-height:none;min-height:0}}@media(min-width:600px)and (min-height:600px){.app.live .play-page .play-main>.play-grid-area{height:72px}.app.live .play-page .play-lower .pad{min-height:84px;font-size:16px}.app.live .play-page .tempo .btn.on{min-height:80px;font-size:24px}.app.live .play-page .transport .btn{min-height:56px}}@media(orientation:portrait)and (max-width:980px){.app.live .play-page>.play-header{order:-4}.app.live .play-page .play-main>.play-grid-area{order:-3}.app.live .play-page .play-lower,.app.live .play-page .play-lower>*{order:-2;flex:none}.app.live .play-page>.transport-row{order:-1}.app.live .play-page .play-lower .play-now{margin:0}}@media(pointer:coarse),(max-width:980px){.app{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none}.app :is(button,.btn,.chip,a,select,summary,[role=radio],[role=button],.pad-key,.os-pad,.pad,.nav-btn,.stems-head,.stems-key){touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}.app :is(.page,.play-page,.stems-workspace,.editor-page,.pad-stage,.oneshots,.settings-list,.import-prep-card,.stems-console,.play-lower,.transport-row,.stage-keys,.chips,.table,.os-samples,.guide-cues-list,.stems-inspector-types,.editor-tabs){overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app :is(.btn,.chip,.stems-btn,.zoom-btn,.mini,.sync-opt,.out-mode,.editor-tab,.nav-btn,.pad-key,.os-pad,.pad,.pulse-pick button,.pad-seg button,.stems-key,.stems-icon-btn,.stems-zoom button,.link-btn):active:not(:disabled){filter:brightness(1.22);transform:scale(.97)}.app .nav-btn:active{transform:none;background:#a97bff33}.app .pad-key,.app .os-pad,.app .pad{transition-property:transform,filter,border-color,background-color,box-shadow;transition-duration:90ms}}@media(hover:none){.app .btn:hover:not(:disabled):not(.on):not(.ghost):not(.play):not(.danger):not(.silence):not(.transport-main):not([aria-pressed=true]){border-color:var(--line-2);background:linear-gradient(180deg,#232a5a 0%,var(--control) 100%)}.app .btn.ghost:hover:not(:disabled){background:transparent;color:var(--text-dim)}.app .chip:hover:not(.on){border-color:var(--line);color:var(--text-dim)}.app .nav-btn:hover:not(.active){background:transparent;color:inherit}.app .stems-btn:hover:not(:disabled):not(.on):not(.primary){background:var(--panel);color:var(--text-dim)}}@media(pointer:coarse),(max-width:980px){.app .pad-stage,.app .oneshots{flex:1 1 0;min-height:0;height:auto;overflow-y:auto;overflow-x:hidden}.app .pad-stage>*,.app .oneshots>*{flex-shrink:0}.app .pad-stage,.app .oneshots{padding-bottom:28px}}@keyframes rl-screen-in{0%{opacity:0}to{opacity:1}}@keyframes rl-turn-in{0%{opacity:.35}to{opacity:1}}@keyframes rl-sheet-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes rl-scrim-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference)and (pointer:coarse),(prefers-reduced-motion:no-preference)and (max-width:980px){.app .workspace>:is(.page,.play-page,.stems-workspace,.editor-page,.pad-stage,.oneshots,.stage-mode,.import-page){animation:rl-screen-in .16s ease-out backwards}.app :is(.import-prep-overlay,.pad-modal){animation:rl-scrim-in .14s ease-out backwards}.app :is(.import-prep-card,.pad-modal>*){animation:rl-sheet-in .18s cubic-bezier(.2,.8,.2,1) backwards}.app[data-turning] .workspace{animation:rl-turn-in .2s ease-out}}@media(pointer:coarse),(max-width:980px){.app .import-prep-overlay,.app .pad-modal{box-sizing:border-box;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.app .import-prep-card{box-sizing:border-box;padding:16px 16px 0;border-radius:14px;overflow-y:auto;overflow-x:hidden;width:min(780px,100%);max-height:100%;display:flex;flex-direction:column}.app .import-prep-card>*{flex:none}.app .import-prep-card.loop-review,.app .import-prep-card.loop-check{width:min(780px,100%);max-height:100%}.app .import-prep-card .import-prep-actions{position:sticky;bottom:0;z-index:3;margin:12px -16px 0;padding:10px 16px 12px;flex-wrap:wrap;justify-content:flex-end;gap:8px;background:var(--panel);border-top:1px solid var(--line)}.app .import-prep-card .import-prep-actions .btn{min-height:44px}.app .import-prep-card .import-prep-actions .btn.play{flex:1 1 150px;max-width:260px}.app .loop-review-name{font-size:18px}.app .loop-review-row{gap:6px}.app .loop-review-label{width:64px;flex:none}.app .loop-review-listen{padding:8px 10px}}@media(orientation:landscape)and (max-height:520px){.app .import-prep-card{padding:10px 14px 0}.app .import-prep-card .import-prep-actions{margin:8px -14px 0;padding:8px 14px}.app .loop-review-wave{height:64px;margin:4px 0 6px}.app .loop-review-name{margin:0 0 2px;font-size:16px}.app .loop-review-evidence{margin-bottom:4px;font-size:11px}.app .loop-review-summary{font-size:13px;margin:0 0 4px}.app .loop-review-checks{margin-bottom:6px}.app .loop-review-controls{gap:6px;margin-bottom:8px}.app .loop-review-hint{font-size:11px}.app .import-prep-card .import-prep-actions .btn{min-height:40px}}@media(orientation:portrait)and (max-width:560px),(orientation:landscape)and (max-height:520px){.app .stems-workspace{--stems-head-w: 188px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.app .stems-workspace>*{flex:none}.app .stems-stage{flex:none;min-height:0}.app .stems-console{flex:none;overflow:visible}.app .stems-transport{position:sticky;bottom:0;z-index:6;box-shadow:0 -8px 16px #07081599}.app .stems-head-move,.app .stems-head-out{display:none}}@media(orientation:landscape)and (max-height:520px){.app .stems-workspace{--stems-head-w: 232px}}@media(orientation:portrait)and (max-width:560px){.app .stems-head-bar{padding:10px 12px;gap:8px 0}.app .stems-identity{max-width:none;width:100%}.app .stems-cells{width:100%}.app .stems-cell{flex:1 1 0;padding:1px 10px}.app .stems-cell:first-child{padding-left:0;border-left:0}.app .stems-cell-note{display:none}.app .stems-actions{width:100%;align-items:stretch;gap:8px}.app .stems-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:none;border:0;overflow:visible}.app .stems-action-row .stems-btn{min-height:40px;padding:0 4px;font-size:10px;letter-spacing:.03em;white-space:nowrap;border:1px solid var(--line-2);border-radius:9px}.app .stems-zoom{width:100%;justify-content:flex-start;flex-wrap:nowrap}.app .stems-zoom input[type=range]{flex:1 1 auto;min-width:60px;width:auto}.app .stems-zoom button{min-width:40px;min-height:40px}.app .stems-transport{padding:8px 10px;gap:6px 10px}.app .stems-transport .transport-group{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.app .stems-transport .transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.app .stems-transport .transport .btn{width:100%;min-width:0!important;min-height:40px;padding:0 2px;font-size:10px}.app .stems-transport .transport .btn.transport-main{min-height:44px!important}.app .stems-transport .transport[aria-label=Setlist]{grid-template-columns:repeat(2,minmax(0,1fr))}.app .stems-transport .transport-songs{padding-left:0;border-left:0}.app .stems-transport-readouts{width:100%;margin-left:0;justify-content:space-between;gap:12px}}@media(orientation:landscape)and (max-height:520px){.app .page-head{align-items:center;gap:12px}.app .page-head h1{flex:none}.app .page-head .toolbar{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.app .page-head .toolbar .field{flex:1 1 120px;min-width:100px}.app .page-head .toolbar .field:has(select){flex:0 1 150px}.app .page-head .toolbar .btn{flex:none;white-space:nowrap;padding:0 12px}}@media(orientation:portrait)and (max-width:560px){.app .page-head .toolbar .btn{flex:1 1 0;white-space:nowrap;padding:0 8px}}@media(pointer:coarse),(max-width:980px){.app .setlist-layout .nav-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:auto;min-height:44px;padding:8px 14px;border-radius:10px;font-size:13px;letter-spacing:.02em;text-align:left;text-transform:none}.app .setlist-layout .nav-btn.active{box-shadow:inset 3px 0 0 var(--gold)}}@media(pointer:coarse),(max-width:980px){.app .play-tools .btn{letter-spacing:.01em}.app .play-toggles>.btn{letter-spacing:.02em}.app .editor-tab{flex:0 0 auto;white-space:nowrap}.app .settings-row .btn,.app .settings-row .mini{flex:none;min-width:56px;white-space:nowrap;padding-left:12px;padding-right:12px}.app .os-message button{min-height:36px;padding:0 14px;white-space:nowrap}.app .banner .btn,.app .banner button{flex:none;min-height:36px;padding-left:14px;padding-right:14px;white-space:nowrap}.app .banner span{min-width:0}}@container ws (max-height: 440px){.app .stage-top .rotate-screen{min-height:38px;min-width:38px}}@media(pointer:coarse),(max-width:980px){.app .os-head-tools .os-volume{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.app .os-head-tools .os-volume input{flex:1 1 auto;min-width:80px}}@container ws (max-width: 560px){.app .os-head-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center}.app .os-head-tools .pad-seg{grid-column:1;grid-row:1}.app .os-head-tools>.btn{grid-column:2;grid-row:1;justify-self:end}.app .os-head-tools .os-volume{grid-column:1 / -1;grid-row:2;width:100%;min-width:0}.app .os-board-frame{height:max(150px,calc(100cqh - 148px))}}@container playkeys (max-width: 560px){.app .play-page .play-toggles>.btn{font-size:10px;letter-spacing:.01em;padding:0 4px}}@media(orientation:portrait)and (max-width:980px){.app .play-page .play-header .play-tools>*{flex:1 1 auto}.app .play-page .play-header .play-tools .btn{flex:1 1 auto;width:auto;font-size:9.5px;letter-spacing:0;padding:0 3px}.app .play-page .play-header .play-tools>:last-child,.app .play-page .play-header .play-tools>.btn:last-child{flex:0 0 44px;width:44px}}@media(orientation:portrait)and (min-width:561px)and (max-width:980px){.app .play-page .play-header .play-tools>*,.app .play-page .play-header .play-tools .btn{flex:1 1 0}.app .play-page .play-header .play-tools .btn{font-size:11px;letter-spacing:.04em;padding:0 8px}.app .play-page .play-header .play-tools>:last-child,.app .play-page .play-header .play-tools>.btn:last-child{flex:0 0 44px}}@media(pointer:coarse),(max-width:980px){.app .editor-topbar .toolbar{align-items:center;justify-content:flex-end;gap:8px}.app .editor-topbar .accept-checkpoint{display:contents}.app .editor-topbar .accept-summary{order:10;flex:1 1 100%;text-align:right;white-space:normal;font-size:10.5px}.app .editor-topbar .accept-summary .limit-note{margin-left:6px}.app .editor-topbar .toolbar .btn{min-height:40px}.app .editor-history-controls{gap:8px}}@media(orientation:portrait)and (max-width:560px){.app .editor-topbar{gap:8px}.app .editor-topbar>div:first-child{width:100%}.app .editor-topbar .toolbar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.app .editor-topbar .editor-history-controls{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.app .editor-topbar .toolbar>.btn:not(.play){order:1}.app .editor-topbar .accept-checkpoint>.btn.play{order:2;grid-column:1 / -1;min-height:48px}.app .editor-topbar .accept-summary{order:3;grid-column:1 / -1;text-align:center}}@media(orientation:landscape)and (max-height:520px){.app .chips{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent)}}@media(pointer:coarse),(max-width:980px){.app .editor-tabs{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}}@media(orientation:landscape)and (max-height:520px){.app .stems-actions{justify-content:flex-end}}@media(orientation:portrait)and (max-width:560px){.app.live .play-page .play-lower .pads{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}.app .page-head .toolbar .btn{font-size:10.5px;letter-spacing:.02em}}@media(pointer:coarse),(max-width:980px){.app .stems-head{gap:4px;padding:6px 8px 6px 9px}.app .stems-head-id{min-height:36px}.app .stems-head-keys{gap:6px}.app .stems-head-keys .stems-key{width:36px;height:36px;font-size:12px;border-radius:8px}.app .stems-head-name{font-size:12px}.app .stems-head-row{gap:6px;min-height:34px}.app .stems-head-vol,.app .stems-head-pan{height:34px}.app .stems-head-db{width:46px}.app .stems-head-move{opacity:.8;flex-direction:row;gap:4px}.app .stems-head-move button{font-size:11px;line-height:1;min-width:36px;min-height:36px;border:1px solid var(--line-2);border-radius:8px;color:var(--text-dim)}.app .stems-cell-value:not(.static){min-height:36px}.app .editor-panel{overflow-y:auto;overscroll-behavior:contain}}@media(pointer:coarse),(max-width:980px){.app .workspace>:is(.play-page,.editor-page,.stems-workspace,.stage-mode){flex:1 1 0;height:auto;min-height:0}}@media(orientation:landscape)and (max-height:700px)and (min-width:861px){.app .editor-page{overflow-y:auto;overflow-x:hidden}.app .editor-main{flex:none;overflow:visible}.app .editor-center{min-height:auto}.app .editor-waveform-area{flex:none;min-height:150px}.app .editor-panel{height:auto;min-height:200px;overflow:visible}.app .editor-inspector,.app .editor-tracks{overflow:visible}}@media(pointer:coarse),(max-width:980px){.app .stage-keys{grid-template-rows:auto auto auto minmax(min-content,1fr) auto}.app .stage-keys .tempo{grid-template-rows:minmax(min-content,1fr) auto}}@container playkeys (max-width: 430px){.app .play-page .transport{grid-template-columns:repeat(2,minmax(0,1fr))}.app .play-page .transport button[aria-label=Stop],.app .play-page .transport button[aria-label="Fade out and stop"],.app .play-page .transport button[aria-label="Stop now"]{grid-column:auto}.app .play-page .transport button[aria-label="Reset playback"]{grid-column:1 / -1}.app .play-page>.transport-row>.play-toggles{grid-template-columns:minmax(0,1fr)}.app .play-page .tempo .tempo-value{font-size:24px}.app .play-page .tempo .tempo-bpm{min-width:0}}@media(max-width:359px)and (orientation:portrait){.app .stems-action-row .stems-btn{font-size:9px;letter-spacing:0}.app .editor-page .transport{flex-wrap:wrap}.app .editor-page .transport .btn{padding-left:6px;padding-right:6px;font-size:10px}.app .play-page .play-header .play-tools .btn{font-size:9px}}@media(orientation:portrait)and (max-width:980px){.app .play-page{overflow-y:auto;overflow-x:hidden}}@media(pointer:coarse),(max-width:980px){.app .stems-actions{max-width:100%;flex-shrink:1}.app .stems-action-row,.app .stems-zoom{flex-wrap:wrap}}@container ws (max-width: 640px) and (min-aspect-ratio: 1 / 1){.app .stage-keys .transport button[aria-label="Previous section"]{grid-column:span 4}.app .stage-keys .transport button[aria-label="Next section"],.app .stage-keys .transport button[aria-label="Reset playback"]{grid-column:span 3}.app .stage-keys .transport button[aria-label="Previous song"],.app .stage-keys .transport button[aria-label="Next song"]{grid-column:span 5}.app .stage-keys .stage-switches .btn{font-size:10px;letter-spacing:0;padding:0 2px}}@container ws (max-width: 640px) and (min-aspect-ratio: 1 / 1){.app .stage-keys{grid-template-rows:none;grid-auto-rows:min-content;align-content:start}.app .stage-keys .tempo{grid-template-rows:minmax(52px,auto) auto}.app .stage-keys .tempo-value{font-size:20px;padding:0 2px}.app .stage-keys .tempo-bpm span{letter-spacing:.08em}}@container wf (max-width: 250px){.app .play-page .play-grid-area .waveform-top{flex-wrap:wrap;justify-content:center;gap:4px}.app .play-page .play-grid-area .waveform-top .zoom-btn{min-width:36px;min-height:36px;flex:1 1 auto;padding-left:6px;padding-right:6px}}@container playkeys (max-width: 430px){.app .play-page .sync-opt{font-size:9.5px;letter-spacing:0;padding-left:4px;padding-right:4px}}@media(orientation:portrait)and (max-width:560px){.app .editor-page .editor-transport{flex-wrap:wrap;gap:8px 12px}.app .editor-page .editor-transport .transport-group{width:100%}.app .editor-page .transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.app .editor-page .transport .btn{width:100%;min-width:0;min-height:40px;padding:0 4px}.app .editor-page .transport .btn.transport-main{min-height:44px}}@container wf (max-width: 200px){.app .play-page .play-grid-area .waveform-top .zoom-btn[aria-label^="Smart zoom"]{display:none}.app .play-page .play-grid-area .waveform-top{flex-wrap:nowrap}}@container ws (max-width: 640px) and (min-aspect-ratio: 1 / 1){.app .stage-pads .pads{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.app .stage-mode .stage-keys .tempo .tempo-bpm{min-width:0;width:auto;max-width:100%;justify-self:stretch;overflow:hidden}.app .stage-mode .stage-keys .tempo .tempo-bpm span{white-space:normal;line-height:1.1}}@container ws (max-width: 560px) and (max-height: 700px){.app .stage-top{flex-wrap:nowrap}.app .stage-top .stage-song{flex:1 1 0;min-width:0}.app .stage-pads .pads{grid-template-columns:repeat(4,minmax(0,1fr))}.app .stage-exit{padding:0 8px;font-size:10px;letter-spacing:.02em}}@container ws (max-width: 340px){.app .stage-top .stage-meta{display:none}}