:root{--bg: #0d1117;--panel: #161b22;--panel-dark: #090b0f;--text: #c9d1d9;--text-muted: #8b949e;--drums: #ff5252;--bass: #ffb142;--lead: #34ace0;--pad: #33d9b2;--sampler: #1abc9c;--soundfont: #e67e22;--quirky: #e056fd;--patA: #ff793f;--patB: #ff5252;--patC: #34ace0;--patD: #706fd3;--active: #f1c40f;--grid-line: #30363d;--black-key: #111;--white-key: #f2f2f2;--base-border: #30363d;--step-width: 34px;--row-height: 26px}#dynamic-tabs::-webkit-scrollbar,#settings-sidebar::-webkit-scrollbar,.workspace-wrapper::-webkit-scrollbar{display:none;width:0;height:0}#viewport-locker{width:100vw;height:100vh;overflow:hidden;position:relative;transform-origin:center center;container-type:size;container-name:viewport}body{font-family:system-ui,-apple-system,Avenir,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);padding:0;margin:0;-webkit-user-select:none;user-select:none;height:100vh;overflow:hidden;display:flex;flex-direction:column}.glass-panel{background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 18px #00000059}#banner{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--patA);box-shadow:0 2px 10px #0000004d;padding:5px 16px;display:flex;align-items:center;gap:18px;transition:.3s}#banner-sub{margin-left:auto;color:var(--text-muted);font-size:11px;letter-spacing:.4px;white-space:nowrap}#banner h1{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:2px;color:var(--text);display:flex;align-items:center;gap:12px;white-space:nowrap}#banner progress{width:110px;height:8px;accent-color:var(--patA)}#banner p{margin:0;color:var(--text-muted);font-size:15px}.toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:10px 15px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 6px 18px #00000059;flex-shrink:0;z-index:100}button{padding:10px 20px;border-radius:4px;font-weight:700;border:none;cursor:pointer;transition:.2s;background:var(--panel-dark);color:var(--text);outline:none;border:1px solid var(--base-border)}button:hover{filter:brightness(1.1);background:#ffffff14;border-color:#ffffff40}.btn-play{background:var(--active);color:#fff;filter:brightness(.9);font-size:15px;box-shadow:0 4px #00000080;border:none}.btn-play.playing{background:var(--drums);box-shadow:0 4px #00000080}.auto-clip svg{pointer-events:none}input[type=number],select{background:#ffffff80;color:var(--text);border:1px solid var(--base-border);padding:6px;border-radius:4px;font-weight:700;outline:none}.tabs{display:flex}#pattern-tabs{flex-shrink:0;padding:8px 15px;background:var(--panel-dark);border-bottom:1px solid var(--grid-line);align-items:center;flex-wrap:nowrap;overflow-x:auto;gap:10px}.tabs#dynamic-tabs{flex-direction:column;width:85px;background:var(--panel-dark);border-right:1px solid var(--grid-line);overflow-y:auto;overflow-x:hidden;gap:0;padding:0;align-items:stretch;flex-shrink:0}.workspace-wrapper{flex:1;overflow:hidden;position:relative;background:var(--bg);display:flex;flex-direction:column}.tab{padding:12px 5px;background:var(--panel-dark);border-bottom:1px solid var(--grid-line);cursor:pointer;font-weight:700;color:var(--text-muted);transition:.3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-start;gap:8px;position:relative;font-size:11px;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-indicator{display:none;width:8px;height:8px;border-radius:50%;background:var(--active);box-shadow:0 0 8px var(--active)}.tab.active{background:var(--panel);color:var(--text);z-index:5;border-right:none}.tab.active .tab-indicator{display:block}.tab.locked{opacity:.6;padding:8px 15px;font-size:.85em}.top-tab{background:var(--panel-dark);color:var(--text-muted);padding:6px 20px;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--grid-line)}.top-tab:hover{color:var(--text);background:var(--panel)}.top-tab.active{color:var(--text);border-color:var(--text-muted);box-shadow:0 4px 15px #00000080}.top-tab[data-target=pattern].active{background:var(--patA)}.top-tab[data-target=master].active{background:var(--patC);color:#fff;border-color:transparent}.top-tab[data-target=arrange].active{background:var(--active);color:#fff;border-color:transparent}.tab[data-target=drums].active{background:var(--drums)}.tab[data-target=bass].active{background:var(--bass)}.tab[data-target=lead].active{background:var(--lead)}.tab[data-target=pad].active{background:var(--pad)}.tab[data-target=sampler].active{background:var(--sampler)}.tab[data-target=quirky].active{background:var(--quirky)}.tab[data-target=arrange]{margin-top:auto;background:#27ae60cc;color:#fff;border-radius:0;border-right:3px solid #2ecc71}#dynamic-workspaces{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.workspace{background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--base-border);border-radius:0 8px 8px;padding:0;display:none;overflow-y:hidden;overflow-x:hidden;flex-direction:column;box-shadow:0 6px 18px #00000059}.workspace.active{display:flex;flex-direction:column;width:100%;height:100%}.lane-controls{padding:10px 15px;background:var(--panel-dark);border-bottom:1px solid var(--grid-line);display:flex;gap:10px;align-items:center;color:var(--text);font-size:13px;font-weight:700;position:sticky;left:0;z-index:20}.hint{font-weight:400;font-size:12px;color:var(--text-muted);font-style:italic;margin-left:auto}.pr-container{display:flex;overflow:auto;flex:0 1 auto;min-height:0;position:relative;scroll-behavior:smooth;width:100%}.pr-container::-webkit-scrollbar{width:14px;height:14px}.pr-container::-webkit-scrollbar-track{background:var(--panel-dark)}.pr-container::-webkit-scrollbar-thumb{background:var(--grid-line);border-radius:2px;border:3px solid var(--panel-dark)}.pr-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.pr-container.locked{opacity:.4;pointer-events:none}.lane-controls.locked{opacity:.5}.grid-col{display:flex;flex-direction:column}#velocity-controls{border-left:1px solid var(--grid-line);padding-left:10px}.grid-btn.active{background:var(--active)!important;border-color:var(--active)!important;color:var(--panel-dark)!important;font-weight:700!important}.piano-key{width:80px;font-size:11px;font-weight:700;text-align:right;padding-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;height:100%;border-right:1px solid var(--grid-line);box-sizing:border-box;color:var(--text)}.key-white{background:var(--white-key);color:var(--black-key)}.key-black{background:var(--black-key);color:var(--white-key);border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line)}.key-drum{background:#0000001a;color:var(--text)}.pr-container{background:var(--panel-dark);overflow-x:auto;overflow-y:hidden}.playhead-col{background:#ffffff40!important;box-shadow:inset 0 0 15px #ffffff80;z-index:5;border-color:#fff!important}#arrange{padding:20px}.brush-tools{display:flex;gap:10px;margin-bottom:20px;background:var(--panel-dark);padding:10px;border-radius:6px;border:1px solid var(--grid-line);align-items:center}.brush{padding:8px 16px;border-radius:4px;font-weight:700;font-size:13px;cursor:pointer;color:var(--text);border:2px solid transparent;transition:.1s}.brush.active{border-color:#fff9;box-shadow:0 0 10px #ffffff4d;transform:scale(1.05)}.track-header{width:50px!important;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2px!important}.track-header .btn{padding:4px;font-size:9px;margin:1px 0}.arr-grid{display:flex;flex-direction:column;gap:4px;background:var(--panel-dark);padding:15px;border-radius:8px;border:1px solid var(--grid-line);overflow-x:auto;position:relative}.arr-timeline{display:flex;height:30px;margin-bottom:5px;cursor:pointer}.timeline-cell{width:60px;height:100%;border-right:1px solid var(--grid-line);box-sizing:border-box;font-size:10px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-cell:hover{background:#fff3;color:var(--text)}.timeline-cell.section-line{border-left:2px solid rgba(0,0,0,.3)}.arr-track{display:flex;align-items:stretch;height:50px;border-bottom:1px solid var(--grid-line)}.arr-track.automation-track{height:35px;background:#0000001a}.arr-label{width:120px;font-weight:700;font-size:13px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding-right:10px;color:var(--text)}.playlist-clip{position:absolute;height:80%;top:10%;background:#fff3;border:1px solid rgba(0,0,0,.5);border-radius:4px;cursor:move;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;box-sizing:border-box}.auto-cell{background:transparent;border-right:1px solid rgba(255,255,255,.1);position:absolute;overflow:hidden;cursor:row-resize;box-sizing:border-box}.auto-cell:before{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--active);height:var(--val, 0%);opacity:.5;pointer-events:none}.notation-drawer{position:absolute;bottom:0;left:0;right:0;z-index:50;background:var(--panel-dark);padding:10px;border-top:2px solid var(--grid-line);box-shadow:0 -5px 15px #0006;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);min-height:180px;box-sizing:border-box}.notation-drawer.is-open{transform:translateY(0)}.auto-cell:hover:after{content:attr(data-val-display);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px}.auto-cell.section-line{margin-left:8px;border-left:2px solid var(--text-muted)}.cell-A{background:linear-gradient(to bottom,var(--patA),var(--panel-dark));color:#fff;border-color:var(--grid-line)}.cell-B{background:linear-gradient(to bottom,var(--patB),var(--panel-dark));color:#fff;border-color:var(--grid-line)}.cell-C{background:linear-gradient(to bottom,var(--patC),var(--panel-dark));color:#fff;border-color:var(--grid-line)}.cell-D{background:linear-gradient(to bottom,var(--patD),var(--panel-dark));color:#fff;border-color:var(--grid-line)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.action-btn{background:linear-gradient(to bottom,var(--panel),var(--panel-dark));border:1px solid var(--grid-line);border-top:1px solid var(--base-border);border-radius:5px;color:var(--text-muted);font-size:16px;padding:8px 12px;cursor:pointer;box-shadow:0 4px 6px #0000004d,inset 0 1px 1px #ffffff1a;transition:all .1s;display:flex;align-items:center;justify-content:center}.action-btn:active,.action-btn.active{background:linear-gradient(to bottom,var(--bg),var(--panel));box-shadow:inset 0 4px 6px #0009;border-top:1px solid var(--grid-line);color:var(--text);transform:translateY(2px)}.action-btn.active{color:var(--active);border-color:var(--active)}.action-btn[disabled]{opacity:.3;cursor:not-allowed;pointer-events:none}.workspace-wrapper{position:relative}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--active);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--grid-line) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--grid-line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.synth-btn{background:var(--panel-dark);border:1px solid #666;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer}.smp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--grid-line);width:100%}.smp-toggle{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text);font-size:13px;cursor:pointer}select.smp-routing-sel{background:var(--bg);color:var(--text);border:1px solid var(--base-border);border-radius:4px;padding:3px 6px;font-size:11px}.smp-slots{display:flex;flex-direction:column;gap:8px;width:100%}.smp-slot{display:flex;flex-direction:column;gap:4px;background:#00000026;padding:8px;border-radius:4px;border:1px solid var(--grid-line)}.smp-slot-row1{display:flex;align-items:center;gap:10px}.smp-slot-label{width:25px;font-size:11px;font-weight:700;color:var(--text-muted);text-align:center}.smp-slot-file{flex-grow:1;font-size:11px;color:var(--active);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smp-slot-row2{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-muted);margin-top:4px;padding-left:35px}.smp-slot-row3{display:flex;align-items:center;gap:10px;min-height:28px;margin-top:3px;padding:5px 6px 4px 35px;border-top:1px solid rgba(26,188,156,.16);background:linear-gradient(90deg,rgba(26,188,156,.055),transparent 72%)}.smp-grain-badge{color:#55d6bc;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.8px}.smp-grain-mode{border:1px solid #28534f;border-radius:3px;background:#101817;color:#bceee4;padding:2px 5px;font-size:9px;outline:none}.smp-grain-mode:focus-visible{border-color:#1abc9c}.smp-grain-control{display:grid;grid-template-columns:auto minmax(55px,90px) 30px;align-items:center;gap:5px;color:#82938f;font-size:8px;text-transform:uppercase;letter-spacing:.35px}.smp-grain-control input[type=range]{width:100%;min-width:55px;height:3px;margin:0;accent-color:#1abc9c;cursor:ew-resize}.smp-grain-control output{color:#63dec5;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right;font-variant-numeric:tabular-nums}.smp-one-shot-hint{color:#65736f;font-size:8px;letter-spacing:.45px;text-transform:uppercase}.smp-mini-btn{font-size:9px;padding:2px 6px;cursor:pointer}input.smp-mini-num{width:40px;font-size:9px;padding:1px 2px;background:var(--panel-dark);color:var(--text);border:1px solid var(--grid-line);text-align:center}.synth-dock{background:linear-gradient(180deg,#1d2129,#171a20);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid var(--grid-line);width:100%;max-height:340px;overflow-y:auto;transition:max-height .25s ease,padding .25s ease}.synth-dock.collapsed{max-height:0;overflow:hidden;border-top:none;border-bottom:none}.synth-dock-inner{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;padding:10px 14px 6px}.synth-sec{display:flex;flex-direction:column;gap:6px;padding:2px 14px 8px;border-right:1px solid rgba(255,255,255,.07);min-width:0}.synth-sec:last-of-type{border-right:none}.synth-sec-title{font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#aeb7c2;border-bottom:2px solid var(--acc, var(--active));padding-bottom:3px;margin-bottom:2px;white-space:nowrap}.synth-sec-row{display:flex;align-items:flex-end;gap:10px}.knob-ctrl{display:flex;flex-direction:column;align-items:center;width:46px;-webkit-user-select:none;user-select:none}.knob-ctrl svg{cursor:ns-resize;display:block}.knob-track{stroke:#313743}.knob-arc{stroke:var(--acc, var(--active));filter:drop-shadow(0 0 2px var(--acc, var(--active)))}.knob-ptr{stroke:#e8edf3}.knob-val{font-size:9px;color:var(--acc, var(--active));font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.knob-label{font-size:8.5px;color:#98a1ad;text-transform:uppercase;letter-spacing:.4px;text-align:center;line-height:1.15;white-space:nowrap;display:flex;align-items:center;gap:3px}.knob-lock{width:7px;height:7px;border-radius:50%;background:#2f9e44;cursor:pointer;flex-shrink:0;opacity:.55}.knob-lock.locked{background:#e03131;opacity:1}.synth-dock-footer{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:6px 14px 10px;border-top:1px dashed rgba(255,255,255,.08)}.synth-dock-footer .synth-btn{padding:3px 8px;font-size:10px;font-weight:400}.synth-smp-area{padding:6px 14px 10px;border-top:1px dashed rgba(255,255,255,.08)}.btn-freak-view{margin-left:6px;border:1px solid rgba(255,68,112,.58);border-radius:3px;background:linear-gradient(180deg,#ff3d6c21,#ff3d6c0a);color:#ff6c90;padding:3px 8px;font:700 9px/1.4 Bahnschrift,DIN Alternate,sans-serif;letter-spacing:1.1px;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.btn-freak-view:hover,.btn-freak-view.active{border-color:#ff3d6c;background:#ff3d6c;color:#fff}.freak-focus-header{display:none}body.freak-focus-open{overflow:hidden}body.freak-split-open{--freak-split-width: clamp(900px, 40vw, 1040px);align-items:flex-start!important;justify-content:flex-start!important}body.freak-split-open #viewport-locker{flex:none;width:calc(100vw - var(--freak-split-width) - 18px)!important;height:100vh!important;transform:none!important}.synth-dock.freak-focus{--freak-bg: #08090b;--freak-surface: #111317;--freak-surface-raised: #171a20;--freak-control: #07090c;--freak-ink: #f5f4f1;--freak-muted: #858a92;--freak-line: rgba(255, 255, 255, .105);--freak-line-strong: rgba(255, 255, 255, .2);--freak-accent: #ff3d6c;--freak-accent-soft: rgba(255, 61, 108, .13);--freak-shadow: 0 34px 90px rgba(0, 0, 0, .72);position:fixed;inset:10px;z-index:1200;width:auto;max-height:none;overflow:auto;color:var(--freak-ink);background:linear-gradient(115deg,transparent 0 72%,rgba(255,61,108,.035) 72% 72.15%,transparent 72.15%),radial-gradient(circle at 84% 4%,rgba(255,61,108,.09),transparent 28%),var(--freak-bg);border:1px solid var(--freak-line-strong);border-radius:8px;box-shadow:var(--freak-shadow);animation:freak-panel-in .18s cubic-bezier(.2,.8,.2,1) both;font-family:Bahnschrift,DIN Alternate,Arial Narrow,sans-serif}.synth-dock.freak-focus[data-freak-theme=white]{--freak-bg: #edece7;--freak-surface: #f8f7f2;--freak-surface-raised: #ffffff;--freak-control: #e5e3dc;--freak-ink: #171717;--freak-muted: #686863;--freak-line: rgba(18, 18, 18, .12);--freak-line-strong: rgba(18, 18, 18, .24);--freak-accent: #e62f56;--freak-accent-soft: rgba(230, 47, 86, .1);--freak-shadow: 0 34px 90px rgba(29, 25, 20, .32);background:linear-gradient(115deg,transparent 0 72%,rgba(230,47,86,.06) 72% 72.15%,transparent 72.15%),radial-gradient(circle at 84% 4%,rgba(230,47,86,.09),transparent 27%),var(--freak-bg)}@keyframes freak-panel-in{0%{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.synth-dock.freak-focus{animation:none}}.freak-focus .freak-focus-header{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:minmax(210px,1fr) minmax(320px,1.35fr) auto auto;align-items:center;gap:22px;min-height:74px;padding:0 20px;color:var(--freak-ink);background:var(--freak-bg);background:color-mix(in srgb,var(--freak-bg) 91%,transparent);border-bottom:1px solid var(--freak-line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.freak-focus-identity,.freak-focus-actions,.freak-theme-switch,.freak-focus-meta,.freak-signal-map{display:flex;align-items:center}.freak-focus-identity{gap:12px}.freak-focus-mark{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--freak-accent);border-radius:2px 12px 2px 2px;font:800 10px/1 Bahnschrift,sans-serif;letter-spacing:.6px;transform:skew(-5deg)}.freak-focus-identity>div,.freak-focus-meta{display:flex;flex-direction:column}.freak-focus-eyebrow,.freak-focus-meta span{color:var(--freak-muted);font-size:7px;letter-spacing:1.35px;text-transform:uppercase}.freak-focus-name{margin-top:2px;color:var(--freak-ink);font-size:18px;font-weight:750;letter-spacing:2.4px}.freak-signal-map{justify-content:center;gap:8px;color:var(--freak-muted);font-size:7px;font-weight:700;letter-spacing:.8px;white-space:nowrap}.freak-signal-map i{position:relative;width:clamp(12px,2vw,32px);height:1px;background:var(--freak-line-strong)}.freak-signal-map i:after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-top:1px solid var(--freak-accent);border-right:1px solid var(--freak-accent);transform:rotate(45deg)}.freak-focus-meta{align-items:flex-end;min-width:94px;text-transform:uppercase}.freak-focus-meta strong{max-width:150px;overflow:hidden;color:var(--freak-ink);font-size:10px;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap}.freak-focus-actions{justify-content:flex-end;gap:10px}.freak-theme-switch{gap:2px;padding:2px;border:1px solid var(--freak-line);border-radius:4px;background:var(--freak-control)}.freak-theme-choice,.freak-focus-close{border:0;color:var(--freak-muted);background:transparent;font:700 8px/1 Bahnschrift,sans-serif;letter-spacing:.65px;text-transform:uppercase;cursor:pointer}.freak-theme-choice{min-width:58px;padding:7px 8px;border-radius:2px}.freak-theme-choice.active{color:#fff;background:var(--freak-accent)}.freak-focus-close{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--freak-line);border-radius:3px}.freak-focus-close:hover{color:var(--freak-ink);border-color:var(--freak-accent)}.freak-focus-close b{padding:3px 4px;color:var(--freak-ink);background:var(--freak-surface-raised);border:1px solid var(--freak-line);border-radius:2px;font-size:7px}.freak-focus .synth-dock-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;align-items:stretch;gap:10px;padding:18px 20px 12px}.freak-focus .synth-sec{position:relative;min-width:0;padding:12px 13px 13px;gap:10px;overflow:hidden;background:linear-gradient(145deg,var(--freak-surface-raised),var(--freak-surface));border:1px solid var(--freak-line);border-radius:4px;box-shadow:0 1px color-mix(in srgb,var(--freak-ink) 5%,transparent) inset}.freak-focus .synth-sec:after{content:"";position:absolute;left:12px;top:0;width:32px;height:2px;background:var(--acc, var(--freak-accent))}.freak-focus .synth-sec-title{color:var(--freak-ink);border:0;margin:0 0 2px;padding:0;font-size:8px;letter-spacing:1.7px}.freak-focus .synth-sec-row{flex-wrap:wrap;gap:12px}.freak-focus [data-freak-section=oscillators]{grid-column:span 5}.freak-focus [data-freak-section=voice]{grid-column:span 3}.freak-focus [data-freak-section=filter]{grid-column:span 4}.freak-focus [data-freak-section=amp-env],.freak-focus [data-freak-section=mod-env],.freak-focus [data-freak-section=lfo],.freak-focus [data-freak-section=tape-and-formant]{grid-column:span 3}.freak-focus [data-freak-section^=mod-matrix]{grid-column:span 7}.freak-focus [data-freak-section=fx-and-mix]{grid-column:span 5}.freak-focus [data-freak-section=strip-fx]{grid-column:1 / -1}.freak-focus .knob-ctrl{width:48px}.freak-focus .knob-track{stroke:color-mix(in srgb,var(--freak-ink) 14%,transparent)}.freak-focus .knob-ptr{stroke:var(--freak-ink)}.freak-focus .knob-val{color:var(--freak-ink)}.freak-focus .knob-label{color:var(--freak-muted)}.freak-focus .knob-arc{filter:none}.freak-focus select.smp-routing-sel,.freak-focus .smp-grain-mode{color:var(--freak-ink);background:var(--freak-control);border-color:var(--freak-line-strong)}.freak-focus .synth-dock-footer,.freak-focus .synth-smp-area{margin:0 20px;border-color:var(--freak-line)}.freak-focus .synth-dock-footer{padding:10px 0 14px}.freak-focus .synth-btn{color:var(--freak-ink);background:var(--freak-surface);border-color:var(--freak-line-strong)}.freak-focus .smp-slot{background:var(--freak-surface);border-color:var(--freak-line)}.freak-focus .smp-slot-row3{background:linear-gradient(90deg,var(--freak-accent-soft),transparent 72%)}.freak-focus[data-freak-theme=white] .smp-grain-control output{color:#c9294b}.freak-focus[data-freak-theme=white] .synth-dock-footer .synth-btn{color:var(--freak-ink)!important}@media(max-width:1120px){.freak-focus .freak-focus-header{grid-template-columns:minmax(190px,1fr) auto auto}.freak-focus .freak-signal-map{display:none}.freak-focus [data-freak-section=oscillators]{grid-column:span 7}.freak-focus [data-freak-section=voice]{grid-column:span 5}.freak-focus [data-freak-section=filter],.freak-focus [data-freak-section=amp-env],.freak-focus [data-freak-section=mod-env],.freak-focus [data-freak-section=lfo],.freak-focus [data-freak-section=tape-and-formant]{grid-column:span 6}.freak-focus [data-freak-section^=mod-matrix],.freak-focus [data-freak-section=fx-and-mix]{grid-column:1 / -1}}@media(max-width:760px){.synth-dock.freak-focus{inset:5px}.freak-focus .freak-focus-header{grid-template-columns:1fr auto;gap:8px;min-height:64px;padding:0 10px;background:var(--freak-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.freak-focus .freak-focus-meta,.freak-focus-close span{display:none}.freak-focus .synth-dock-inner{grid-template-columns:repeat(6,minmax(0,1fr));padding:10px}.freak-focus [data-freak-section=oscillators],.freak-focus [data-freak-section^=mod-matrix],.freak-focus [data-freak-section=fx-and-mix]{grid-column:1 / -1}.freak-focus [data-freak-section=voice],.freak-focus [data-freak-section=filter],.freak-focus [data-freak-section=amp-env],.freak-focus [data-freak-section=mod-env],.freak-focus [data-freak-section=lfo],.freak-focus [data-freak-section=tape-and-formant]{grid-column:span 3}.freak-focus .synth-dock-footer,.freak-focus .synth-smp-area{margin-inline:10px}}@media(max-width:520px){.freak-focus [data-freak-section=voice],.freak-focus [data-freak-section=filter],.freak-focus [data-freak-section=amp-env],.freak-focus [data-freak-section=mod-env],.freak-focus [data-freak-section=lfo],.freak-focus [data-freak-section=tape-and-formant]{grid-column:1 / -1}.freak-focus-name{font-size:15px}.freak-theme-choice{min-width:48px;padding-inline:5px}}.synth-dock.freak-v2-host:not(.freak-focus){display:none}.freak-v2-surface{display:none}.freak-focus>.synth-dock-inner,.freak-focus>.synth-dock-footer,.freak-focus>.synth-smp-area{display:none}.freak-focus .freak-v2-surface{--acc: var(--freak-accent);display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:14px;padding:16px 18px 18px}.freak-focus-render{min-height:30px;padding:0 12px;border:1px solid var(--freak-line-strong);border-radius:3px;color:var(--freak-ink);background:var(--freak-surface);font:750 9px/1 Bahnschrift,sans-serif;letter-spacing:1.15px;text-transform:uppercase}.freak-focus-render:hover{color:#fff;border-color:var(--freak-accent);background:var(--freak-accent)}.freak-v2-control-deck,.freak-character{min-width:0;border:1px solid var(--freak-line);border-radius:6px;background:color-mix(in srgb,var(--freak-surface) 93%,transparent);box-shadow:0 16px 36px #0000001f}.freak-v2-control-deck{overflow:hidden}.freak-v2-readout{display:grid;grid-template-columns:minmax(100px,auto) minmax(160px,1fr) auto;align-items:baseline;gap:16px;min-height:56px;padding:10px 16px;border-bottom:1px solid var(--freak-line);background:linear-gradient(90deg,var(--freak-accent-soft),transparent 52%),var(--freak-control)}.freak-v2-param-label,.freak-v2-readout small{color:var(--freak-muted);font-size:9px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase}.freak-v2-param-value{overflow:hidden;color:var(--freak-ink);font-size:clamp(18px,2vw,28px);font-weight:720;letter-spacing:1px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.freak-v2-readout small{max-width:220px;font-size:8px;letter-spacing:.75px;text-align:right}.freak-v2-drawer-button{min-width:64px;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:3px;color:var(--freak-muted);background:transparent;font:760 9px/1 Bahnschrift,sans-serif;letter-spacing:1px}.freak-v2-drawer-button:hover{color:var(--freak-ink);border-color:var(--freak-line-strong)}.freak-v2-drawer-button{border-color:var(--freak-line)}.freak-v2-drawer-button.active{color:var(--freak-accent);border-color:var(--freak-accent);background:var(--freak-accent-soft)}.freak-v2-matrix{display:grid;grid-template-columns:auto minmax(280px,1fr) minmax(220px,.65fr) auto;align-items:center;gap:16px;min-height:126px;padding:16px;background:var(--freak-surface)}.freak-v2-route-rail{display:grid;grid-template-columns:repeat(4,30px);gap:5px}.freak-v2-route-rail button,.freak-v2-route-clear{min-height:30px;border:1px solid var(--freak-line);border-radius:3px;color:var(--freak-muted);background:var(--freak-control);font:720 9px/1 Bahnschrift,sans-serif}.freak-v2-route-rail button.active{color:#fff;border-color:var(--freak-accent);background:var(--freak-accent)}.freak-v2-route-patch{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(130px,1fr);align-items:center;gap:9px}.freak-v2-route-patch span,.freak-v2-route-amount-wrap{color:var(--freak-muted);font-size:9px;font-weight:720;letter-spacing:1px}.freak-v2-route-select{min-height:40px;padding:0 10px;color:var(--freak-ink);background:var(--freak-control);border:1px solid var(--freak-line-strong);border-radius:3px;font:720 11px/1 Bahnschrift,sans-serif}.freak-v2-route-amount-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.freak-v2-route-amount-wrap>span{grid-column:1}.freak-v2-route-amount{grid-column:1 / -1;width:100%;accent-color:var(--freak-accent)}.freak-v2-route-value{color:var(--freak-ink);font-size:13px}.freak-v2-route-clear{min-width:92px;padding:0 10px}.freak-character{position:relative;display:flex;flex-direction:column;min-height:100%;padding:16px;overflow:hidden}.freak-character:after{content:"";position:absolute;inset:auto -50% -42% 15%;height:65%;background:radial-gradient(circle,var(--freak-accent-soft),transparent 68%);pointer-events:none}.freak-character-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.freak-character-head span{color:var(--freak-muted);font-size:9px;font-weight:720;letter-spacing:1.1px}.freak-character-head strong{color:var(--freak-ink);font-size:12px;letter-spacing:1px}.freak-character svg{width:100%;max-height:280px;margin:12px auto 8px;overflow:visible}.freak-character svg line,.freak-character-grid{fill:none;stroke:var(--freak-line-strong);stroke-width:1}.freak-character-grid.inner{stroke-dasharray:2 4}.freak-character-shape{fill:var(--freak-accent-soft);stroke:var(--freak-accent);stroke-width:2;filter:drop-shadow(0 0 12px var(--freak-accent-soft));transition:points .16s ease-out}.freak-character svg text{fill:var(--freak-muted);font:720 8px/1 Bahnschrift,sans-serif;letter-spacing:.8px}.freak-character-metrics{position:relative;z-index:1;display:grid;gap:8px;margin-top:auto}.freak-character-metrics>div{display:grid;grid-template-columns:42px 1fr 76px;align-items:center;gap:8px;min-height:22px}.freak-character-metrics span,.freak-character-metrics strong{font-size:8px;letter-spacing:.75px}.freak-character-metrics span{color:var(--freak-muted)}.freak-character-metrics strong{color:var(--freak-ink);text-align:right}.freak-character-metrics i{height:4px;overflow:hidden;background:var(--freak-line);border-radius:999px}.freak-character-metrics b{display:block;width:0;height:100%;background:var(--freak-accent);transition:width .16s ease-out}.freak-focus.freak-drawer-sampler>.synth-smp-area{display:block!important;margin:0 18px 18px;padding:14px;border:1px solid var(--freak-line);border-radius:6px;background:var(--freak-surface)}.freak-focus.freak-drawer-presets>.synth-dock-footer{display:flex;flex-wrap:wrap;gap:7px;margin:0 18px 18px;padding:14px;border:1px solid var(--freak-line);border-radius:6px;background:var(--freak-surface)}.freak-focus.freak-drawer-presets>.synth-dock-footer>.synth-btn:first-child{display:none}.freak-v3-topology{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:12px 14px 14px;border-bottom:1px solid var(--freak-line);background:var(--freak-control)}.freak-v3-path{grid-column:1 / -1;display:flex;align-items:center;gap:8px;min-width:0;color:var(--freak-muted);font-size:8px;font-weight:760;letter-spacing:1px;white-space:nowrap}.freak-v3-path strong{color:var(--freak-accent)}.freak-v3-path i{position:relative;flex:1;min-width:10px;height:1px;background:var(--freak-line-strong)}.freak-v3-path i:after{content:"";position:absolute;top:-2px;right:0;width:5px;height:5px;border-top:1px solid var(--freak-accent);border-right:1px solid var(--freak-accent);transform:rotate(45deg)}.freak-v3-switches{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:6px;min-width:0}.freak-v3-select{display:grid;gap:5px;min-width:0;color:var(--freak-muted);font-size:8px;font-weight:760;letter-spacing:.8px;text-transform:uppercase}.freak-v3-select select{width:100%;min-width:0;min-height:36px;padding:0 8px;color:var(--freak-ink);background:var(--freak-surface);border:1px solid var(--freak-line-strong);border-radius:3px;font:720 10px/1 Bahnschrift,sans-serif;letter-spacing:.25px;text-transform:uppercase}.freak-v3-select select:focus-visible,.freak-v2-drawer-button:focus-visible{outline:2px solid var(--freak-accent);outline-offset:2px}.freak-v3-select.is-disabled{opacity:.48}.freak-v3-select.is-disabled select{cursor:not-allowed}.freak-v3-primary{display:grid;gap:1px;background:var(--freak-line)}.freak-v3-primary-row{display:grid;gap:1px;min-width:0;background:var(--freak-line)}.freak-v3-engine-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.freak-v3-voice-row{grid-template-columns:minmax(390px,5fr) minmax(310px,4fr) minmax(150px,2fr)}.freak-v3-control-group{min-width:0;background:var(--freak-surface)}.freak-v3-control-group>header,.freak-matrix-drawer>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:36px;padding:10px 12px 7px;border-bottom:1px solid var(--freak-line)}.freak-v3-control-group>header span,.freak-matrix-drawer>header span{color:var(--freak-muted);font-size:8px;font-weight:720;letter-spacing:1.1px}.freak-v3-control-group>header strong,.freak-matrix-drawer>header strong{color:var(--freak-ink);font-size:10px;letter-spacing:1.25px}.freak-v3-engine-group>header strong{color:var(--freak-accent)}.freak-v3-engine-2,.freak-v3-engine-2 .knob-ctrl,.freak-v3-engine-2 .knob-ctrl svg{transition:opacity .15s ease,filter .15s ease}.freak-v3-engine-2.is-bypassed .freak-v3-knobs{opacity:.38;filter:saturate(.25);pointer-events:none}.freak-v3-path small{margin-left:auto;color:var(--freak-muted);font:inherit;letter-spacing:inherit}.freak-engine2-off .freak-v3-path small{color:var(--freak-accent)}.freak-v3-knobs{display:grid;align-items:stretch;min-width:0}.freak-v3-engine-group .freak-v3-knobs,.freak-v3-filter-group .freak-v3-knobs{grid-template-columns:repeat(5,minmax(64px,1fr))}.freak-v3-amp-group .freak-v3-knobs{grid-template-columns:repeat(4,minmax(64px,1fr))}.freak-v3-voice-group .freak-v3-knobs{grid-template-columns:repeat(2,minmax(64px,1fr))}.freak-v3-knobs>.knob-ctrl{display:flex;width:auto;min-width:0;min-height:112px;margin:0;padding:10px 5px 9px;align-items:center;justify-content:flex-start;border-right:1px solid var(--freak-line);background:var(--freak-surface)}.freak-v3-knobs>.knob-ctrl:last-child{border-right:0}.freak-v3-knobs .knob-ctrl svg{width:54px;height:54px;cursor:ns-resize;filter:drop-shadow(0 5px 8px rgba(0,0,0,.15))}.freak-v3-knobs .knob-val{margin-top:1px;color:var(--freak-ink);font-size:12px;font-weight:760}.freak-v3-knobs .knob-label{min-height:22px;color:var(--freak-muted);font-size:9px;font-weight:720;letter-spacing:.55px;line-height:1.15;text-align:center;text-transform:uppercase}.freak-v3-utility{display:grid;grid-template-columns:minmax(390px,1.25fr) minmax(280px,.9fr) minmax(520px,1.7fr);gap:1px;min-width:0;border-top:1px solid var(--freak-line);background:var(--freak-line)}.freak-v3-cycle .freak-v3-knobs{grid-template-columns:repeat(4,minmax(64px,1fr))}.freak-v3-motion .freak-v3-knobs{grid-template-columns:repeat(3,minmax(64px,1fr))}.freak-v3-utility .freak-v3-knobs>.knob-ctrl{min-height:94px;padding-block:7px}.freak-v3-utility .freak-v3-knobs .knob-ctrl svg{width:46px;height:46px}.freak-v3-fx-slots{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));min-width:0}.freak-v3-fx-slots article{min-width:0;padding-top:9px;border-right:1px solid var(--freak-line)}.freak-v3-fx-slots article:last-child{border-right:0}.freak-v3-fx-slots article>b{display:block;padding:0 10px 6px;color:var(--freak-accent);font-size:9px;letter-spacing:1px}.freak-v3-fx-slots .freak-v3-select{padding:0 9px 8px}.freak-v3-fx-slots .freak-v3-select span{display:none}.freak-v3-fx-slots .freak-v3-knobs{grid-template-columns:repeat(2,minmax(52px,1fr))}.freak-v3-fx-slots article:last-child .freak-v3-knobs{grid-template-columns:repeat(3,minmax(48px,1fr))}.freak-matrix-drawer{display:none;grid-column:1 / -1;overflow:hidden;border:1px solid var(--freak-line);border-radius:6px;background:var(--freak-surface)}.freak-focus.freak-drawer-matrix .freak-matrix-drawer{display:block}@media(min-width:1760px){body.freak-split-open .synth-dock.freak-focus{inset:8px 8px 8px auto;width:var(--freak-split-width);max-width:calc(100vw - 26px)}body.freak-split-open .freak-focus .freak-focus-header{grid-template-columns:minmax(190px,1fr) auto;gap:12px;min-height:66px;padding-inline:14px}body.freak-split-open .freak-focus .freak-signal-map,body.freak-split-open .freak-focus .freak-focus-meta{display:none}body.freak-split-open .freak-focus .freak-v2-surface{grid-template-columns:1fr;gap:10px;padding:10px}body.freak-split-open .freak-v3-topology{grid-template-columns:1fr;padding:10px 12px 12px}body.freak-split-open .freak-v3-knobs>.knob-ctrl{min-height:98px;padding-block:7px}body.freak-split-open .freak-v3-knobs .knob-ctrl svg{width:48px;height:48px}body.freak-split-open .freak-v3-utility{grid-template-columns:1fr 1fr}body.freak-split-open .freak-v3-fx-rack{grid-column:1 / -1}body.freak-split-open .freak-character{display:grid;grid-template-columns:auto minmax(170px,220px) minmax(360px,1fr);align-items:center;gap:16px;min-height:0;padding:12px 14px}body.freak-split-open .freak-character svg{max-height:172px;margin:0}body.freak-split-open .freak-character-metrics{width:100%}}@media(max-width:1540px){.freak-focus .freak-v2-surface{grid-template-columns:1fr}.freak-character{display:grid;grid-template-columns:auto minmax(180px,260px) minmax(420px,1fr);align-items:center;gap:18px;min-height:0}.freak-character svg{max-height:190px;margin:0}.freak-character-metrics{width:100%}}@media(max-width:1120px){.freak-v3-topology{grid-template-columns:1fr}.freak-v3-switches{grid-template-columns:repeat(3,minmax(110px,1fr))}.freak-v3-utility{grid-template-columns:1fr 1fr}.freak-v3-fx-rack{grid-column:1 / -1}.freak-character{grid-template-columns:minmax(160px,220px) 1fr}.freak-character-head{display:none}}@media(max-width:900px){.freak-v3-engine-pair,.freak-v3-voice-row,.freak-v3-utility{grid-template-columns:1fr}.freak-v3-fx-rack{grid-column:auto}.freak-v3-path{overflow:hidden}.freak-character,.freak-character-head{display:flex}}@media(max-width:620px){.freak-v3-switches{grid-template-columns:repeat(2,minmax(110px,1fr))}.freak-v3-path{gap:5px;font-size:7px}.freak-v3-engine-group .freak-v3-knobs,.freak-v3-filter-group .freak-v3-knobs,.freak-v3-cycle .freak-v3-knobs,.freak-v3-motion .freak-v3-knobs,.freak-v3-amp-group .freak-v3-knobs{grid-template-columns:repeat(2,minmax(98px,1fr))}.freak-v3-fx-slots{grid-template-columns:1fr}.freak-v3-fx-slots article{border-right:0;border-bottom:1px solid var(--freak-line)}.freak-v3-fx-slots article:last-child{border-bottom:0}}.btn-render-audio{min-width:92px;min-height:34px;padding:0 14px;color:#111;background:#f3f1eb;border:1px solid #fff;border-radius:4px;box-shadow:0 8px 22px #0000002e;font:780 11px/1 Bahnschrift,sans-serif;letter-spacing:1.25px}.btn-render-audio:hover{color:#fff;background:#e9345d;border-color:#ff5d7e}body.audio-export-open{overflow:hidden}.audio-export-overlay{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;padding:20px;background:#020305c2;-webkit-backdrop-filter:blur(18px) saturate(.8);backdrop-filter:blur(18px) saturate(.8)}.audio-export-overlay[hidden]{display:none}.audio-export-sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,100%);max-height:min(880px,calc(100vh - 40px));overflow:hidden;color:#f6f4ee;background:linear-gradient(125deg,transparent 0 72%,rgba(233,52,93,.055) 72% 72.2%,transparent 72.2%),#0b0d10;border:1px solid rgba(255,255,255,.18);border-radius:10px;box-shadow:0 42px 110px #000000b8;font-family:Bahnschrift,DIN Alternate,sans-serif}.audio-export-header,.audio-export-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-color:#ffffff1f}.audio-export-header{border-bottom:1px solid rgba(255,255,255,.12)}.audio-export-footer{border-top:1px solid rgba(255,255,255,.12)}.audio-export-kicker,.audio-export-label{display:block;color:#858a92;font-size:9px;font-weight:740;letter-spacing:1.3px;text-transform:uppercase}.audio-export-header h2{margin:4px 0 0;font-size:28px;font-weight:720;letter-spacing:1px}.audio-export-close,.audio-export-cancel{min-height:34px;padding:0 12px;color:#a7abb2;background:#12151a;border:1px solid rgba(255,255,255,.16);border-radius:4px;font:720 10px/1 Bahnschrift,sans-serif}.audio-export-body{display:grid;gap:16px;padding:20px 22px 22px;overflow-y:auto}.audio-export-scopes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.audio-export-scope{display:flex;flex-direction:column;align-items:flex-start;min-height:112px;padding:15px;color:#858a92;background:#111419;border:1px solid rgba(255,255,255,.1);border-radius:6px;text-align:left}.audio-export-scope span,.audio-export-scope small{font-size:9px;font-weight:720;letter-spacing:1px;text-transform:uppercase}.audio-export-scope strong{margin:auto 0 5px;color:#f6f4ee;font-size:16px}.audio-export-scope.active{color:#ff7692;border-color:#e9345d;background:linear-gradient(135deg,#e9345d24,#111419 58%)}.audio-export-row,.audio-export-format-block,.audio-export-summary,.audio-export-progress{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#111419e0}.audio-export-loop-row,.audio-export-format-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.audio-export-loop-row[hidden]{display:none}.audio-export-loop-row strong,.audio-export-format-heading strong{display:block;margin-top:3px;font-size:13px}.audio-export-loop-presets,.audio-export-formats{display:flex;align-items:stretch;gap:5px}.audio-export-loop-presets button,.audio-export-loop-presets label{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:0 9px;color:#92979f;background:#080a0d;border:1px solid rgba(255,255,255,.12);border-radius:4px;font:730 10px/1 Bahnschrift,sans-serif}.audio-export-loop-presets button.active{color:#fff;border-color:#e9345d;background:#e9345d}.audio-export-loop-presets label{gap:7px}.audio-export-loop-input{width:44px;min-height:26px;color:#fff;background:#171a20;border:1px solid rgba(255,255,255,.18);border-radius:3px;text-align:center}.audio-export-format-note{color:#777c84;font-size:10px}.audio-export-formats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px}.audio-export-formats button{display:flex;flex-direction:column;align-items:flex-start;min-height:64px;padding:10px 12px;color:#8f949c;background:#080a0d;border:1px solid rgba(255,255,255,.12);border-radius:4px}.audio-export-formats strong{color:#f6f4ee;font-size:13px;letter-spacing:1px}.audio-export-formats small{margin-top:4px;font-size:9px}.audio-export-formats button.active{color:#ff8aa1;border-color:#e9345d;box-shadow:0 0 0 1px #e9345d38 inset}.audio-export-summary{display:grid;grid-template-columns:1fr auto auto;gap:28px}.audio-export-summary strong{display:block;margin-top:4px;font-size:12px}.audio-export-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;min-height:46px}.audio-export-progress-track{height:5px;overflow:hidden;background:#ffffff1a;border-radius:999px}.audio-export-progress-track i{display:block;width:0;height:100%;background:#e9345d;transition:width .12s linear}.audio-export-progress span,.audio-export-footer span{color:#858a92;font-size:10px}.audio-export-run{min-width:180px;min-height:42px;padding:0 18px;color:#fff;background:#e9345d;border:1px solid #ff6685;border-radius:4px;box-shadow:0 10px 28px #e9345d3d;font:780 11px/1 Bahnschrift,sans-serif;letter-spacing:.8px;text-transform:uppercase}.audio-export-run:disabled{opacity:.5;cursor:wait}#app-body{font-size:12px}.toolbar button:not(#btn-save),.toolbar input[type=number],.lane-controls button,.lane-controls select{min-height:32px}.lane-controls{font-size:12px}.lane-controls select{font-size:11px}@media(max-width:1080px){.freak-focus .freak-v2-surface{grid-template-columns:1fr}.freak-character{min-height:300px}.freak-character svg{max-height:190px}.freak-character-metrics{grid-template-columns:repeat(5,1fr)}.freak-character-metrics>div{grid-template-columns:1fr;gap:4px}.freak-character-metrics strong{text-align:left}}@media(max-width:820px){.freak-v2-readout{grid-template-columns:1fr auto}.freak-v2-readout small{display:none}.freak-v2-matrix{grid-template-columns:1fr}.freak-v2-route-rail{grid-template-columns:repeat(7,1fr)}.audio-export-scopes{grid-template-columns:1fr}.audio-export-scope{min-height:84px}.audio-export-loop-row,.audio-export-format-heading{align-items:flex-start;flex-direction:column}.audio-export-summary{grid-template-columns:1fr 1fr}}@media(max-width:560px){.freak-focus .freak-v2-surface{padding:8px}.freak-character-metrics{grid-template-columns:1fr 1fr}.freak-v2-drawer-button{min-width:54px;padding-inline:6px}.audio-export-overlay{padding:6px}.audio-export-sheet{max-height:calc(100vh - 12px)}.audio-export-header,.audio-export-footer,.audio-export-body{padding-inline:14px}.audio-export-formats{grid-template-columns:1fr 1fr}.audio-export-loop-presets{flex-wrap:wrap}.audio-export-footer{align-items:stretch;flex-direction:column}.audio-export-run{width:100%}}.freak-v3-quick-preset{min-width:108px;color:#fff;border-color:var(--freak-accent);background:var(--freak-accent);box-shadow:0 7px 18px color-mix(in srgb,var(--freak-accent) 22%,transparent)}.freak-v3-quick-preset:hover{color:#fff;border-color:color-mix(in srgb,var(--freak-accent) 76%,white);background:color-mix(in srgb,var(--freak-accent) 88%,white)}.freak-quick-preset-dialog{--quick-surface: #111317;--quick-raised: #181b20;--quick-control: #080a0d;--quick-ink: #f5f4f1;--quick-muted: #8f949c;--quick-line: rgba(255, 255, 255, .13);--quick-accent: #ff3d6c;width:min(520px,calc(100vw - 24px));max-width:none;margin:auto;padding:0;overflow:hidden;color:var(--quick-ink);background:var(--quick-surface);border:1px solid color-mix(in srgb,var(--quick-accent) 52%,var(--quick-line));border-radius:8px;box-shadow:0 28px 90px #00000094}.freak-quick-preset-dialog[data-freak-theme=white]{--quick-surface: #f8f7f2;--quick-raised: #fff;--quick-control: #e8e6df;--quick-ink: #171717;--quick-muted: #686863;--quick-line: rgba(18, 18, 18, .16);--quick-accent: #e62f56;box-shadow:0 28px 90px #1e181447}.freak-quick-preset-dialog::backdrop{background:#030508b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.freak-quick-preset-form{display:grid;gap:16px;padding:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--quick-accent) 11%,transparent),transparent 42%),var(--quick-surface)}.freak-quick-preset-form>header{display:grid;gap:5px;padding-bottom:15px;border-bottom:1px solid var(--quick-line)}.freak-quick-preset-eyebrow{color:var(--quick-accent);font:760 9px/1 Bahnschrift,sans-serif;letter-spacing:1.4px}.freak-quick-preset-form h2{margin:0;color:var(--quick-ink);font:760 28px/1 Bahnschrift,sans-serif;letter-spacing:-.4px}.freak-quick-preset-form header p{max-width:46ch;margin:2px 0 0;color:var(--quick-muted);font-size:11px;line-height:1.55}.freak-quick-preset-field{display:grid;gap:7px;color:var(--quick-ink);font:720 10px/1 Bahnschrift,sans-serif;letter-spacing:.8px;text-transform:uppercase}.freak-quick-preset-field input,.freak-quick-preset-field textarea{width:100%;min-height:42px;padding:10px 12px;resize:vertical;color:var(--quick-ink);background:var(--quick-control);border:1px solid var(--quick-line);border-radius:4px;outline:none;font:600 13px/1.35 Bahnschrift,sans-serif;letter-spacing:0;text-transform:none}.freak-quick-preset-field textarea{min-height:76px}.freak-quick-preset-field input:focus,.freak-quick-preset-field textarea:focus{border-color:var(--quick-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--quick-accent) 18%,transparent)}.freak-quick-preset-field small{color:var(--quick-muted);font-size:9px;font-weight:560;letter-spacing:.2px;line-height:1.4;text-transform:none}.freak-quick-preset-feedback{min-height:15px;margin:-5px 0 0;color:var(--quick-muted);font-size:10px}.freak-quick-preset-feedback.is-error{color:#ff6f8d}.freak-quick-preset-feedback.is-note{color:#f0bd63}.freak-quick-preset-form>footer{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.freak-quick-preset-form>footer button{min-height:40px;padding:0 16px;border:1px solid var(--quick-line);border-radius:4px;font:760 10px/1 Bahnschrift,sans-serif;letter-spacing:.8px;text-transform:uppercase}.freak-quick-preset-cancel{color:var(--quick-muted);background:transparent}.freak-quick-preset-save{min-width:126px;color:#fff;background:var(--quick-accent);border-color:var(--quick-accent)!important}.freak-quick-preset-form button:disabled{opacity:.48;cursor:not-allowed}@media(max-width:560px){.freak-quick-preset-form{gap:13px;padding:17px}.freak-quick-preset-form h2{font-size:24px}.freak-quick-preset-form>footer{align-items:stretch;flex-direction:column-reverse}.freak-quick-preset-form>footer button{width:100%}}:root{--project-accent: var(--active, #50d7e8);--pattern-gradient: linear-gradient(90deg, var(--patA), var(--patB), var(--patC), var(--patD));--instrument-gradient: linear-gradient(90deg, var(--drums), var(--bass), var(--lead), var(--pad), var(--sampler));--ui-bevel: 3px;--ui-cyan: var(--random-lock, #55dceb)}html[data-surface=anthracite]{color-scheme:dark;--ui-surface-glint: rgba(255, 255, 255, .045);--ui-surface-shade: rgba(0, 0, 0, .24);--ui-control-bg: color-mix(in srgb, var(--panel-dark) 78%, #22272b);--ui-control-line: color-mix(in srgb, var(--base-border) 80%, white 8%)}html[data-surface=porcelain]{color-scheme:light;--ui-surface-glint: rgba(255, 255, 255, .72);--ui-surface-shade: rgba(43, 39, 34, .08);--ui-control-bg: color-mix(in srgb, var(--panel-dark) 74%, white);--ui-control-line: color-mix(in srgb, var(--base-border) 88%, #6d6860)}html[data-surface] body{background:radial-gradient(circle at 82% -12%,color-mix(in srgb,var(--project-accent) 12%,transparent),transparent 34%),var(--bg)}html[data-surface] #banner,html[data-surface] .tabs,html[data-surface] .toolbar,html[data-surface] .lane-controls,html[data-surface] .track-header{background:linear-gradient(180deg,var(--ui-surface-glint),transparent 46%),var(--panel);border-color:var(--ui-control-line);box-shadow:inset 0 1px var(--ui-surface-glint),0 8px 22px var(--ui-surface-shade)}html[data-surface] button,html[data-surface] select,html[data-surface] input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),html[data-surface] .tab,html[data-surface] .brush{border-radius:var(--ui-bevel)!important}html[data-surface] .top-tab,html[data-surface] .tab,html[data-surface] .brush,html[data-surface] .btn-freak-view,html[data-surface] .freak-v2-drawer-button,html[data-surface] .freak-theme-choice{clip-path:polygon(var(--ui-bevel) 0,calc(100% - var(--ui-bevel)) 0,100% var(--ui-bevel),100% 100%,0 100%,0 var(--ui-bevel))}#theme-modal-overlay>div{max-width:720px!important;padding:20px!important;border-radius:7px!important;background:linear-gradient(145deg,var(--ui-surface-glint),transparent 38%),var(--panel)!important;box-shadow:0 28px 90px #0000006b!important}#theme-preset-select,#theme-mode-select,#theme-color-pickers input{background:var(--ui-control-bg)!important;border-color:var(--ui-control-line)!important}.synth-dock.freak-focus{--freak-accent: var(--project-accent);--freak-accent-soft: color-mix(in srgb, var(--project-accent) 13%, transparent);--freak-bg: #17191c;--freak-surface: #202328;--freak-surface-raised: #272b30;--freak-control: #131518;--freak-ink: #f3f4f4;--freak-muted: #92999f;--freak-line: rgba(255, 255, 255, .09);--freak-line-strong: rgba(255, 255, 255, .16);background:linear-gradient(122deg,transparent 0 68%,color-mix(in srgb,var(--freak-accent) 4%,transparent) 68% 68.15%,transparent 68.15%),radial-gradient(circle at 84% 0,color-mix(in srgb,var(--freak-accent) 9%,transparent),transparent 30%),var(--freak-bg);border-radius:6px}.synth-dock.freak-focus[data-freak-theme=white]{--freak-accent: var(--project-accent);--freak-accent-soft: color-mix(in srgb, var(--project-accent) 11%, transparent);--freak-bg: #e9e7e1;--freak-surface: #f7f5ef;--freak-surface-raised: #fffefa;--freak-control: #dfddd6;--freak-ink: #20201e;--freak-muted: #6d6d68;--freak-line: rgba(24, 23, 20, .105);--freak-line-strong: rgba(24, 23, 20, .2);background:linear-gradient(122deg,transparent 0 68%,color-mix(in srgb,var(--freak-accent) 5%,transparent) 68% 68.15%,transparent 68.15%),radial-gradient(circle at 84% 0,color-mix(in srgb,var(--freak-accent) 8%,transparent),transparent 30%),var(--freak-bg)}.freak-focus .freak-focus-header{min-height:56px;padding-inline:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--freak-surface-raised) 40%,transparent),transparent),color-mix(in srgb,var(--freak-bg) 94%,transparent)}.freak-focus-name{font-size:17px}.freak-focus-mark{width:38px;height:28px;border-radius:3px}.freak-focus-actions{gap:6px}.freak-focus .freak-v2-surface{gap:9px;padding:9px}.freak-v2-control-deck,.freak-character,.freak-matrix-drawer{border-radius:4px;box-shadow:inset 0 1px var(--ui-surface-glint),0 10px 26px #0000001c}.freak-v2-readout{min-height:42px;padding:6px 12px}.freak-v2-param-value{font-size:clamp(17px,1.5vw,22px)}.freak-v2-readout small{max-width:250px;font-size:7px}.freak-v3-topology{grid-template-columns:1fr;gap:6px;padding:7px 10px 9px}.freak-v3-path{min-height:13px}.freak-v3-switches{gap:5px}.freak-v3-select{gap:3px;font-size:7px}.freak-v3-select select{min-height:31px;padding-inline:7px;border-radius:3px;font-size:9px}.freak-v3-control-group>header,.freak-matrix-drawer>header{min-height:27px;padding:7px 9px 5px}.freak-v3-control-group>header span,.freak-matrix-drawer>header span{font-size:7px}.freak-v3-control-group>header strong,.freak-matrix-drawer>header strong{font-size:9px}.freak-v3-knobs>.knob-ctrl{min-height:79px;padding:5px 3px}.freak-v3-knobs .knob-ctrl svg{width:42px;height:42px}.freak-v3-knobs .knob-val{font-size:10px}.freak-v3-knobs .knob-label{min-height:16px;font-size:7.5px;letter-spacing:.4px}.freak-v3-utility{grid-template-columns:minmax(330px,1fr) minmax(245px,.72fr) minmax(460px,1.35fr)}.freak-v3-utility .freak-v3-knobs>.knob-ctrl{min-height:68px;padding-block:4px}.freak-v3-utility .freak-v3-knobs .knob-ctrl svg{width:36px;height:36px}.freak-v3-fx-slots article{padding-top:5px}.freak-v3-fx-slots article>b{padding-bottom:3px;font-size:8px}.freak-v3-fx-slots .freak-v3-select{padding:0 6px 5px}.freak-character{padding:11px}.freak-character svg{max-height:190px;margin-block:5px}.freak-character-metrics{gap:5px}.freak-character-metrics>div{min-height:17px}.freak-v3-surface-actions{position:sticky;bottom:0;z-index:6;grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:38px;padding:5px 8px;background:color-mix(in srgb,var(--freak-control) 94%,transparent);border-top:1px solid var(--freak-line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.freak-v3-surface-actions .freak-v2-drawer-button{min-width:72px;min-height:27px;padding-inline:8px;font-size:8px}.freak-v3-surface-actions .freak-v3-nudge{margin-right:auto;color:var(--ui-cyan);border-color:color-mix(in srgb,var(--ui-cyan) 55%,var(--freak-line))}.freak-v3-surface-actions .freak-v3-randomize{color:#071012;border-color:var(--ui-cyan);background:var(--ui-cyan);box-shadow:0 0 16px color-mix(in srgb,var(--ui-cyan) 24%,transparent)}.freak-v3-surface-actions .freak-v3-quick-preset{min-width:92px;color:#fff;border-color:var(--freak-accent);background:var(--freak-accent);box-shadow:none}.knob-lock{width:8px;height:8px;min-width:8px;min-height:8px;padding:0!important;border:1px solid color-mix(in srgb,var(--freak-muted, #7f8790) 55%,transparent)!important;border-radius:50%!important;background:color-mix(in srgb,var(--freak-muted, #7f8790) 42%,transparent);box-shadow:inset 0 1px 2px #0000004d;opacity:.76}.knob-lock.locked{border-color:#8ef4ff!important;background:var(--ui-cyan);box-shadow:0 0 7px color-mix(in srgb,var(--ui-cyan) 72%,transparent),inset 0 0 2px #fff;opacity:1}.knob-lock:focus-visible{outline:2px solid var(--ui-cyan);outline-offset:2px}body.freak-stack-open{align-items:flex-start!important;justify-content:flex-start!important}body.freak-stack-open .synth-dock.freak-focus{inset:7px 7px auto;width:auto;height:calc(100vh - clamp(238px,34vh,330px) - 14px);max-height:650px;overflow:auto;box-shadow:0 24px 70px #00000075,0 5px color-mix(in srgb,var(--freak-accent) 28%,transparent)}body.freak-stack-open .freak-focus .freak-focus-header{min-height:50px}body.freak-stack-open .freak-focus .freak-v2-surface{grid-template-columns:minmax(0,1fr) minmax(220px,255px)}body.freak-stack-open .freak-character-head{display:none}body.freak-stack-open .freak-character svg{max-height:138px}body.freak-stack-open .freak-character-metrics>div{grid-template-columns:36px 1fr 64px;gap:5px}body.freak-stack-open .freak-v3-utility{grid-template-columns:minmax(320px,1fr) minmax(230px,.72fr) minmax(430px,1.34fr)}@media(max-width:1420px)and (min-width:1280px){body.freak-stack-open .freak-focus .freak-v2-surface{grid-template-columns:minmax(0,1fr) 220px}body.freak-stack-open .freak-v3-utility{grid-template-columns:minmax(300px,1fr) minmax(220px,.72fr) minmax(400px,1.3fr)}body.freak-stack-open .freak-focus-meta{display:none}}@media(max-height:790px)and (min-width:1280px){body.freak-stack-open .synth-dock.freak-focus{height:calc(100vh - 224px)}body.freak-stack-open .freak-character svg{max-height:112px}}.synth-dock.freak-focus,body.freak-stack-open .synth-dock.freak-focus{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.freak-focus .freak-focus-header{position:relative;top:auto;width:100%;min-width:0;box-sizing:border-box}.freak-focus .freak-v2-surface{width:100%;min-height:0;min-width:0;box-sizing:border-box;overflow:auto;align-content:start;scrollbar-gutter:stable}.freak-focus .freak-v2-control-deck{align-self:start;overflow:visible}.freak-focus>.freak-v3-surface-actions{position:relative;bottom:auto;grid-column:auto;width:auto;min-width:0;max-width:100%;box-sizing:border-box}.freak-focus .freak-v2-surface>.synth-smp-area,.freak-focus .freak-v2-surface>.synth-dock-footer{display:none;grid-column:1 / -1;margin:0}.freak-focus.freak-drawer-sampler .freak-v2-surface>.synth-smp-area{display:block!important;padding:14px;border:1px solid var(--freak-line);border-radius:4px;background:var(--freak-surface)}.freak-focus.freak-drawer-presets .freak-v2-surface>.synth-dock-footer{display:flex!important;flex-wrap:wrap;gap:7px;padding:14px;border:1px solid var(--freak-line);border-radius:4px;background:var(--freak-surface)}.freak-focus.freak-drawer-presets .freak-v2-surface>.synth-dock-footer>.synth-btn:first-child{display:none}#pattern-tabs,#dynamic-tabs{position:relative}#pattern-tabs:after,#dynamic-tabs:after{content:"";position:absolute;z-index:8;top:0;right:0;left:0;height:3px;pointer-events:none}#pattern-tabs:after{background:var(--pattern-gradient)}#dynamic-tabs:after{background:var(--instrument-gradient)}.track-tab{border-left:3px solid var(--track-color, var(--active))!important;background:linear-gradient(90deg,color-mix(in srgb,var(--track-color, var(--active)) 13%,transparent),transparent 72%),var(--panel-dark)}.track-tab.active{background:linear-gradient(90deg,color-mix(in srgb,var(--track-color, var(--active)) 23%,transparent),transparent 78%),var(--panel)}.track-tab .tab-indicator{background:var(--track-color, var(--active));box-shadow:0 0 8px color-mix(in srgb,var(--track-color, var(--active)) 68%,transparent)}html[data-surface] .top-tab,html[data-surface] .tab,html[data-surface] .brush,html[data-surface] .btn-freak-view,html[data-surface] .freak-v2-drawer-button,html[data-surface] .freak-theme-choice{clip-path:none;border-radius:var(--ui-bevel)!important}html[data-surface] button:focus-visible,html[data-surface] select:focus-visible,html[data-surface] input:focus-visible,html[data-surface] .tab:focus-visible,html[data-surface] .brush:focus-visible{outline:2px solid var(--active);outline-offset:2px}.knob-lock{position:relative;width:18px;height:18px;min-width:18px;min-height:18px;margin:-5px;border:0!important;background:transparent;box-shadow:none;opacity:1}.knob-lock:before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--random-lock-idle, #7f8790) 66%,transparent);border-radius:50%;background:var(--random-lock-idle, #7f8790);box-shadow:inset 0 1px 2px #00000047}.knob-lock.locked{border:0!important;background:transparent;box-shadow:none}.knob-lock.locked:before{border-color:color-mix(in srgb,var(--random-lock, #55dceb) 68%,white);background:var(--random-lock, #55dceb);box-shadow:0 0 7px color-mix(in srgb,var(--random-lock, #55dceb) 72%,transparent),inset 0 0 2px #fff}#btn-record-audio{background:var(--recording-color, #e74c3c)!important}html[data-surface] #settings-sidebar,html[data-surface] #right-toolbar,html[data-surface] #mobile-modifier-toolbar{color:var(--text)!important;background:var(--panel-dark)!important;border-color:var(--base-border)!important}html[data-surface] #zoom-controls button,html[data-surface] #pattern-length-controls button,html[data-surface] #right-toolbar .action-btn,html[data-surface] #right-toolbar .pr-tool-btn:not(.active),html[data-surface] #mobile-modifier-toolbar button,html[data-surface] .lane-controls :is(select,input[type=number],.sheet-music-btn,.guitar-tabs-btn){color:var(--text)!important;background:var(--surface-raised, var(--panel))!important;border-color:var(--base-border)!important;box-shadow:inset 0 1px var(--bevel-light, transparent)}html[data-surface] #right-toolbar .pr-tool-btn.active,html[data-surface] #grid-controls .active,html[data-surface] #velocity-controls .active,html[data-surface] .lane-controls :is(.sheet-music-btn,.guitar-tabs-btn).active{color:var(--panel-dark)!important;background:var(--active)!important;border-color:var(--active)!important}html[data-surface] #settings-sidebar span,html[data-surface] #right-toolbar span{color:var(--text-muted)!important}html[data-surface] #settings-sidebar>div:not([id]),html[data-surface] #right-toolbar>div:not([id]){background:var(--base-border)!important}html[data-surface] .notation-drawer{color:var(--text);background:var(--panel);border-color:var(--base-border);box-shadow:0 -18px 48px color-mix(in srgb,var(--bevel-dark, #000) 28%,transparent)}@media(max-width:1120px){.freak-v3-utility{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.freak-v3-fx-rack{grid-column:1 / -1}.freak-character-metrics,.freak-character-metrics>div{min-width:0}.freak-character-metrics>div{grid-template-columns:42px minmax(0,1fr) 70px}}@media(max-width:900px){.freak-v3-engine-pair,.freak-v3-voice-row,.freak-v3-utility{grid-template-columns:minmax(0,1fr)}.freak-v3-fx-rack{grid-column:auto}.freak-character{display:flex;min-width:0}}@media(max-width:620px){.freak-focus-identity{gap:6px;min-width:0}.freak-focus-mark{width:30px}.freak-focus-eyebrow{display:none}.freak-focus-name{font-size:14px;letter-spacing:1.4px}.freak-focus-actions{gap:3px;min-width:0}.freak-theme-choice{min-width:40px;padding-inline:3px}.freak-focus-render{padding-inline:7px}.freak-v3-switches,.freak-v3-engine-group .freak-v3-knobs,.freak-v3-filter-group .freak-v3-knobs,.freak-v3-cycle .freak-v3-knobs,.freak-v3-motion .freak-v3-knobs,.freak-v3-amp-group .freak-v3-knobs{grid-template-columns:repeat(2,minmax(0,1fr))}.freak-v3-surface-actions{gap:3px;padding-inline:4px}.freak-v3-surface-actions .freak-v2-drawer-button,.freak-v3-surface-actions .freak-v3-quick-preset{flex:1 1 0;min-width:0;padding-inline:3px;font-size:7px}.freak-v3-surface-actions .freak-v3-nudge{margin-right:0}}html[data-surface] :is(#start-modal-overlay,#theme-modal-overlay,#slicer-modal-overlay){color:var(--text)!important;background:color-mix(in srgb,var(--bg) 82%,transparent)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-surface] #start-modal-overlay .glass-panel,html[data-surface] #theme-modal-overlay>div,html[data-surface] #slicer-modal-overlay>div{color:var(--text)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--bevel-light, white) 18%,transparent),transparent 42%),var(--panel)!important;border:1px solid var(--base-border)!important;border-radius:7px!important;box-shadow:0 26px 82px color-mix(in srgb,var(--bevel-dark, #000) 42%,transparent)!important}html[data-surface] #start-modal-overlay .glass-panel>div>div{color:var(--text)!important;background:var(--surface-raised, var(--panel))!important;border-color:var(--base-border)!important;border-radius:5px!important;box-shadow:inset 0 1px var(--bevel-light, transparent)}html[data-surface] #start-modal-overlay :is(h1,h2,p,strong,span){color:inherit!important}html[data-surface] #start-modal-overlay #btn-start-solo-free{color:var(--text)!important;background:var(--surface-inset, var(--panel-dark))!important;border-color:var(--base-border)!important}html[data-surface] #start-modal-overlay :is(#btn-create-lobby,#btn-join-lobby){color:var(--panel-dark)!important;background:var(--active)!important;border-color:var(--active)!important}html[data-surface] #start-modal-overlay #btn-scan-qr{color:var(--patC-ink, #fff)!important;background:var(--patC)!important}html[data-surface] :is(#join-room-code,#lobby-chat-input){color:var(--text)!important;background:var(--surface-inset, var(--panel-dark))!important;border-color:var(--base-border)!important}html[data-surface] #lobby-modal-overlay{color:var(--text)!important;background:var(--bg)!important}html[data-surface] #lobby-modal-overlay>div:first-child{color:var(--text)!important;background:var(--panel)!important;border-color:var(--base-border)!important}html[data-surface] #lobby-modal-overlay>div:last-child{color:var(--text)!important;background:radial-gradient(circle at 66% 28%,color-mix(in srgb,var(--active) 15%,transparent),transparent 38%),var(--surface-inset, var(--bg))!important}html[data-surface] #lobby-modal-overlay [style*=border]{border-color:var(--base-border)!important}html[data-surface] #lobby-modal-overlay :is(h2,h3,p,span,#lobby-chat-log){color:var(--text-muted)!important}html[data-surface] #lobby-room-code-display{color:var(--text)!important;background:var(--surface-inset, var(--panel-dark))!important}html[data-surface] #lobby-modal-overlay>div:last-child>div{background:color-mix(in srgb,var(--panel) 88%,transparent)!important;border-color:var(--active)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-surface] #btn-record-audio{background:var(--recording-color, #e74c3c)!important}#audio-tracking-layer{display:flex;flex-direction:column;flex-shrink:0;max-height:70%;border-bottom:1px solid var(--base-border);background:var(--panel-dark);min-width:0;color:var(--text);font-size:11px}.audio-track-header{display:flex;flex-shrink:0;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 10px}.audio-track-header strong{margin-right:6px;font-size:11px}#audio-tracking-layer button{color:var(--text);background:var(--panel);border:1px solid var(--base-border);border-radius:3px;padding:6px 9px;min-height:30px;font:inherit;cursor:pointer}#audio-tracking-layer button:hover{border-color:var(--active)}#audio-tracking-layer button:disabled{opacity:.5;cursor:default}#btn-record-audio{border-color:var(--recording-color, #e74c3c)!important}#btn-record-audio.is-recording{color:#fff;background:var(--recording-color, #e74c3c)}#audio-tracking-layer :is(button,input,select):focus-visible{outline:2px solid var(--active);outline-offset:2px}.recorder-panel{min-height:0;max-height:min(55vh,490px);overflow:auto;padding:0 12px 12px;border-top:1px solid var(--base-border)}.recorder-panel[hidden]{display:none}.recorder-feedback{display:flex;align-items:center;gap:14px;padding:10px 0}.recorder-count{display:grid;place-items:center;min-width:65px;height:48px;font-size:24px;font-variant-numeric:tabular-nums;color:var(--active);background:var(--panel);border:1px solid var(--base-border);border-radius:3px}body[data-recording-state=countin] .recorder-count{border-color:var(--active);box-shadow:inset 0 -3px var(--active)}body[data-recording-state=recording] .recorder-count{color:var(--recording-color, #e74c3c);font-size:18px}.recorder-status{flex:1;line-height:1.5;color:var(--text-muted)}#recorder-input-meter{width:100px;height:20px}#recorder-input-meter.is-clipping{outline:2px solid var(--recording-color, #e74c3c)}.recorder-settings,.guide-controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:0 0 10px}.guide-controls:empty{display:none}.guide-controls{padding:8px 0;border-top:1px solid var(--base-border)}#audio-tracking-layer :is(input,select){box-sizing:border-box;min-height:30px;padding:5px 7px;font:inherit;color:var(--text);background:var(--panel-dark);border:1px solid var(--base-border);border-radius:3px;min-width:0;max-width:100%}#audio-tracking-layer input[type=checkbox]{min-height:16px;height:16px;width:16px;accent-color:var(--active)}#recorder-device{max-width:230px}.audio-timeline{overflow-x:auto;background:var(--bg);border:1px solid var(--base-border);margin:10px 0}.audio-timeline canvas{display:block}.audio-timeline canvas[hidden]{display:none}#guide-canvas{border-bottom:1px solid var(--base-border)}.audio-take-list{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.audio-take-list .is-selected{border-color:var(--active)!important;box-shadow:inset 0 -2px var(--active)}.take-edit-fields{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px}.audio-take-editor small{color:var(--text-muted);line-height:1.5}@media(max-width:700px){.recorder-feedback{flex-wrap:wrap;gap:8px}.recorder-feedback>.studio-field{flex-direction:row;align-items:center}.take-edit-fields{grid-template-columns:repeat(2,minmax(80px,1fr))}.recorder-panel{padding:0 8px 8px;max-height:50vh}#recorder-device{max-width:180px}}.pr-container.pr-roll{--key-w: 80px;--ruler-h: 24px;--lane-h: 96px;--pr-width: calc(var(--ppt, 3) * var(--pr-len) * 1px);--pr-row-line: color-mix(in srgb, var(--grid-line) 75%, transparent);--pr-step-line: color-mix(in srgb, var(--text-muted) 13%, transparent);--pr-beat-line: color-mix(in srgb, var(--text-muted) 30%, transparent);--pr-bar-line: color-mix(in srgb, var(--text-muted) 62%, transparent);--pr-note: var(--track-color, var(--active));display:grid;grid-template-columns:var(--key-w) max-content;grid-template-rows:var(--ruler-h) max-content var(--lane-h);flex:1;min-height:0;min-width:0;overflow:auto;position:relative;background:var(--panel-dark);overscroll-behavior:contain;scroll-behavior:auto}.pr-container.pr-roll.has-clip-tabs{--ruler-h: 40px}.pr-corner,.pr-lane-head{position:sticky;left:0;z-index:40;background:var(--panel);border-right:1px solid var(--grid-line)}.pr-corner{top:0;border-bottom:1px solid var(--grid-line)}.pr-lane-head{bottom:0;border-top:2px solid var(--grid-line);display:flex;align-items:center;justify-content:center}.pr-lane-head .param-select{width:72px;font-size:10px;background:var(--panel-dark);color:var(--text);border:1px solid var(--base-border);border-radius:4px;padding:2px}.pr-ruler{position:sticky;top:0;z-index:20;width:var(--pr-width);height:var(--ruler-h);background:linear-gradient(to bottom,var(--panel),var(--panel-dark));border-bottom:1px solid var(--grid-line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.pr-bar-label{position:absolute;top:0;height:24px;display:flex;align-items:center;padding-left:4px;font-size:11px;font-weight:700;color:var(--text-muted);border-left:1px solid var(--pr-bar-line);pointer-events:none}.pr-loop{position:absolute;top:0;height:100%;background:color-mix(in srgb,#00ff64 18%,transparent);border-top:3px solid #00c853;pointer-events:none}.pr-keys{position:sticky;left:0;z-index:30;display:flex;flex-direction:column;background:var(--panel);box-shadow:2px 0 10px #00000073}.pr-keys .piano-key{height:var(--row-height);border-bottom:1px solid var(--grid-line);cursor:pointer;-webkit-user-select:none;user-select:none}.pr-body{position:relative;width:var(--pr-width);height:calc(var(--row-height) * var(--pr-rows));background-color:var(--bg);background-image:linear-gradient(to right,var(--pr-bar-line) 0 1px,transparent 1px),linear-gradient(to right,var(--pr-beat-line) 0 1px,transparent 1px),linear-gradient(to right,var(--pr-step-line) 0 1px,transparent 1px),linear-gradient(to bottom,transparent calc(var(--row-height) - 1px),var(--pr-row-line) 0);background-size:calc(var(--ppt, 3) * var(--pr-bar) * 1px) 100%,calc(var(--ppt, 3) * var(--pr-beat) * 1px) 100%,calc(var(--ppt, 3) * var(--pr-step) * 1px) 100%,100% var(--row-height);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.pr-rows,.pr-notes,.pr-clips{position:absolute;inset:0;pointer-events:none}.pr-row-black,.pr-row-octave{position:absolute;left:0;right:0;height:var(--row-height)}.pr-row-black{background:color-mix(in srgb,var(--black-key, #000) 26%,transparent)}.pr-row-octave{box-shadow:inset 0 -1px 0 var(--pr-bar-line)}.pr-note{position:absolute;left:calc(var(--ppt, 3) * var(--s) * 1px);width:max(5px,calc(var(--ppt, 3) * var(--l) * 1px - 1px));top:calc(var(--row-height) * var(--r) + 1px);height:calc(var(--row-height) - 2px);box-sizing:border-box;border-radius:3px;background:color-mix(in srgb,var(--pr-note) calc(55% + 45% * var(--v)),var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 35%,transparent);z-index:1}.pr-note.is-hit{background:linear-gradient(to right,color-mix(in srgb,var(--pr-note) calc(60% + 40% * var(--v)),var(--bg)) 0 6px,transparent 6px),color-mix(in srgb,var(--pr-note) 30%,var(--bg))}.pr-note.is-clip{box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 45%,transparent)}.pr-note.is-selected{background:color-mix(in srgb,var(--pr-note) 70%,#fff);box-shadow:0 0 0 2px var(--text),inset 0 0 0 1px color-mix(in srgb,#000 40%,transparent);z-index:2}.pr-marquee{position:absolute;border:1px dashed var(--active);background:color-mix(in srgb,var(--active) 14%,transparent);pointer-events:none;z-index:6}.pr-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--text);opacity:.75;transform:translate(calc(var(--ppt, 3) * var(--t, 0) * 1px));pointer-events:none;z-index:5}.pr-lane{position:sticky;bottom:0;z-index:20;width:var(--pr-width);height:var(--lane-h);border-top:2px solid var(--grid-line);background-color:var(--surface-inset, var(--panel-dark));background-image:linear-gradient(to right,var(--pr-bar-line) 0 1px,transparent 1px),linear-gradient(to right,var(--pr-beat-line) 0 1px,transparent 1px);background-size:calc(var(--ppt, 3) * var(--pr-bar) * 1px) 100%,calc(var(--ppt, 3) * var(--pr-beat) * 1px) 100%;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.pr-lane-bar{position:absolute;bottom:0;left:calc(var(--ppt, 3) * var(--s) * 1px);width:max(3px,min(calc(var(--ppt, 3) * var(--pr-step) * 1px - 2px),10px));height:calc(var(--h) * 100%);border-radius:2px 2px 0 0;background:var(--pr-note);pointer-events:none}.pr-lane-bar.is-selected{background:var(--text)}.pr-lane-bar.is-unset{opacity:.35}.pr-roll.locked .pr-body{cursor:not-allowed}.pr-roll.locked .pr-note{opacity:.55}.pr-clip{position:absolute;left:calc(var(--ppt, 3) * var(--s) * 1px);width:calc(var(--ppt, 3) * var(--l) * 1px);top:calc(var(--row-height) * var(--r0));height:calc(var(--row-height) * (var(--r1) - var(--r0)));box-sizing:border-box;border:1px solid color-mix(in srgb,var(--pr-note) 70%,transparent);border-radius:6px;background:color-mix(in srgb,var(--pr-note) 10%,transparent);z-index:0}.pr-clip.is-selected{border:2px solid var(--text);background:color-mix(in srgb,var(--pr-note) 18%,transparent)}.pr-clip-tabs{position:absolute;left:0;right:0;bottom:2px;height:15px}.pr-clip-tab{position:absolute;left:calc(var(--ppt, 3) * var(--s) * 1px + 1px);width:calc(var(--ppt, 3) * var(--l) * 1px - 2px);height:15px;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font:700 10px/15px system-ui,sans-serif;color:var(--text);background:color-mix(in srgb,var(--pr-note) 35%,var(--panel-dark));border:1px solid color-mix(in srgb,var(--pr-note) 70%,transparent);border-radius:4px;cursor:pointer}.pr-clip-tab.is-selected{background:var(--pr-note);color:var(--panel-dark)}.pr-clip-handle{position:absolute;top:50%;width:6px;height:min(34px,70%);transform:translateY(-50%);border-radius:3px;background:color-mix(in srgb,var(--text) 70%,transparent)}.pr-clip-handle.is-left{left:2px}.pr-clip-handle.is-right{right:2px}.pr-clip-loop{position:absolute;top:0;bottom:0;left:calc(var(--ppt, 3) * var(--o) * 1px);border-left:1px dashed color-mix(in srgb,var(--text) 55%,transparent)}.pr-clips .pr-note.is-clip{opacity:.9}.pr-clips .pr-note.in-selected-clip{box-shadow:inset 0 0 0 1px var(--text)}.pr-clip-fill{position:absolute;top:0;bottom:0;left:calc(var(--ppt, 3) * var(--o) * 1px);width:calc(var(--ppt, 3) * var(--w) * 1px);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--pr-note) 22%,transparent) 0 4px,transparent 4px 8px);border-left:1px solid color-mix(in srgb,var(--pr-note) 70%,transparent)}.pr-clip-crash{position:absolute;top:2px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--pr-note);box-shadow:0 0 0 2px color-mix(in srgb,var(--pr-note) 35%,transparent)}.pr-clip-split{position:absolute;top:0;bottom:0;left:calc(var(--ppt, 3) * var(--o) * 1px);border-left:2px dotted var(--text)}.freak-v3-voice-row{grid-template-columns:minmax(360px,6fr) minmax(250px,4fr) minmax(250px,4fr)}.freak-v3-filter-group .freak-v3-knobs{grid-template-columns:repeat(6,minmax(58px,1fr))}.freak-v3-voice-group .freak-v3-knobs{grid-template-columns:repeat(3,minmax(58px,1fr))}.freak-v3-cycle .freak-v3-knobs{grid-template-columns:repeat(5,minmax(56px,1fr))}.freak-v3-motion .freak-v3-knobs{grid-template-columns:repeat(2,minmax(64px,1fr))}.freak-v2-surface .freak-v3-utility.freak-v3-utility-fx{grid-template-columns:minmax(0,1fr);border-top:0}.freak-v2-surface .freak-v3-utility-fx .freak-v3-fx-rack{grid-column:1 / -1}.freak-v3-fx-slots .freak-v3-knobs,.freak-v3-fx-slots article:last-child .freak-v3-knobs{grid-template-columns:repeat(4,minmax(48px,1fr))}.freak-v3-fenv-group>header strong{color:var(--freak-muted)}.freak-v3-knobs>.knob-ctrl.is-unused{opacity:.3;pointer-events:none}.freak-v3-knobs>.knob-ctrl.is-unused .knob-val{visibility:hidden}.freak-v3-fx-slots article.is-off .freak-v3-knobs{opacity:.45}.freak-v3-group-selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;padding:8px 10px;border-bottom:1px solid var(--freak-line)}.freak-v3-group-selects .freak-v3-select select{min-height:30px}.freak-v3-fx-slots .freak-v3-fx-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,92px);gap:4px;padding:0 9px 8px}.freak-v3-fx-slots .freak-v3-fx-head .freak-v3-select{padding:0}.freak-v3-fx-slots .freak-v3-fx-head .freak-v3-select.is-hidden{visibility:hidden}.freak-v2-route-rail button.in-use:not(.active){color:var(--freak-ink);border-color:var(--freak-accent)}@media(max-width:1120px){.freak-v3-voice-row{grid-template-columns:1fr 1fr}.freak-v3-voice-row .freak-v3-filter-group{grid-column:1 / -1}}@media(max-width:900px){.freak-v3-voice-row{grid-template-columns:1fr}}@media(max-width:820px){.freak-v2-route-rail{grid-template-columns:repeat(8,1fr)}}@media(max-width:620px){.freak-v3-filter-group .freak-v3-knobs,.freak-v3-voice-group .freak-v3-knobs,.freak-v3-cycle .freak-v3-knobs,.freak-v3-motion .freak-v3-knobs,.freak-v3-fx-slots .freak-v3-knobs,.freak-v3-fx-slots article:last-child .freak-v3-knobs{grid-template-columns:repeat(2,minmax(98px,1fr))}}.session-studio{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:inherit}.session-studio[hidden]{display:none!important}body.session-view-open #main-content>:not(#dynamic-tabs):not(.session-studio){display:none!important}body.freeform-session :is(#next-phase-btn,#btn-pass-stem,#phase-progress,#stage-session-panel){display:none!important}body.session-view-open :is(#pattern-tabs,#relay-game-board){display:none!important}body.session-view-open .toolbar,body:is(.session-view-open,:has(.lyrics-workspace.active)) :is(#settings-sidebar,#right-toolbar,#mobile-modifier-toolbar){display:none!important}.studio-header,.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;flex-shrink:0;background:var(--panel-dark);border-bottom:1px solid var(--base-border)}.studio-header h1{font:inherit;font-size:14px;font-weight:700;margin:0}.studio-footer{border-top:1px solid var(--base-border);border-bottom:0;font-size:11px;color:var(--text-muted);padding-block:8px}.studio-nav{display:flex;flex-direction:column;border-top:1px solid var(--base-border);margin-top:8px}.studio-nav .studio-launch{width:100%;padding:10px 15px;border:0;border-left:3px solid transparent;border-radius:0;text-align:left;text-transform:uppercase;color:var(--text-muted);background:transparent;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.studio-nav .studio-launch:hover,.studio-nav .studio-launch.is-active{color:var(--text);background:var(--panel);border-left-color:var(--active)}body.session-view-open #dynamic-tabs :is(.top-tab.active,.track-tab.active){background:var(--panel-dark)!important;color:var(--text-muted)!important;box-shadow:none}.session-studio button,.relay-board button,.lyrics-controls button{color:var(--text);border:1px solid var(--base-border);background:var(--panel);border-radius:4px;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer;min-height:32px}.session-studio button:hover,.relay-board button:hover,.lyrics-controls button:hover{border-color:var(--active)}:is(.session-studio,.relay-board,.lyrics-workspace,.studio-nav,.track-add-menu) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--active);outline-offset:2px}.session-studio button:disabled,.relay-board button:disabled{opacity:.5;cursor:default}.session-studio .studio-primary,.relay-board .studio-primary{border-color:var(--active);box-shadow:inset 0 -2px var(--active);font-weight:700}.studio-content{flex:1;overflow:auto;min-height:0;padding:20px}.studio-content>div,.studio-content>section{max-width:1120px}.studio-content h2{font:inherit;font-size:16px;font-weight:650;line-height:1.4;margin:0 0 12px}.studio-content p{color:var(--text-muted);line-height:1.5;max-width:850px;font-size:12px}.studio-kicker{font-size:10px;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase}.studio-hero{margin-bottom:16px}.studio-hero .studio-actions{margin-top:0}.studio-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:12px 0}.studio-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-muted);min-width:0}.studio-field span{font-size:11px}.session-studio input[type=checkbox]{min-height:16px;height:16px;width:16px;padding:0;margin:0;accent-color:var(--active)}.studio-field:has(input[type=checkbox]){flex-direction:row-reverse;align-items:center;gap:6px}.session-studio :is(input,select,textarea),.relay-board :is(input,select,textarea),.lyrics-controls input{box-sizing:border-box;background:var(--panel-dark);color:var(--text);border:1px solid var(--base-border);border-radius:4px;padding:7px 9px;min-height:32px;font:inherit;font-size:12px;max-width:100%}.studio-save-form{display:grid;grid-template-columns:1.5fr 1fr auto;gap:10px;align-items:end;margin:16px 0 12px}.studio-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.studio-search{flex:1;min-width:140px}.studio-recovery{border:1px solid var(--base-border);border-left:3px solid var(--active);padding:10px 12px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.studio-project-list{margin-top:16px}.studio-project{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--base-border)}.studio-project h3{font-size:13px;font-weight:650;margin:0 0 4px}.studio-project p{font-size:11px;margin:0}.studio-project-copy{flex:1;min-width:80px;overflow-wrap:anywhere}.studio-project .studio-star{font-size:20px;background:transparent;border:0;color:var(--active);padding:4px}.studio-empty{border:1px dashed var(--base-border);border-radius:4px;padding:24px;text-align:center;font-size:12px;color:var(--text-muted)}.studio-game-setup{margin-top:16px}.studio-practice-sheet{font:12px/1.9 Consolas,Courier New,monospace;background:var(--panel-dark);padding:16px;border:1px solid var(--base-border);border-radius:4px;overflow:auto;max-height:45vh;tab-size:4;white-space:pre-wrap}.relay-board{flex-shrink:0;margin:6px 12px;border:1px solid var(--base-border);background:var(--panel-dark);border-radius:4px;padding:12px 16px;max-height:42vh;overflow:auto;font-size:12px}.relay-board[hidden]{display:none!important}.relay-board-top{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.relay-roster-status{margin-left:auto;color:var(--text-muted);font-size:11px}.relay-stage-path{display:flex;gap:16px;padding:10px 0;color:var(--text-muted);font-size:10px;overflow-x:auto;white-space:nowrap}.relay-stage-path .is-current{color:var(--active)}.relay-instruction{margin:2px 0 10px;color:var(--text-muted)}.relay-board p,.relay-board small{line-height:1.5}.relay-board summary{color:var(--text-muted);cursor:pointer;margin:10px 0}.studio-wordbank{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.studio-wordgroup{display:flex;gap:5px;flex-wrap:wrap;align-content:start}.studio-wordgroup .studio-kicker{width:100%;margin-bottom:3px}.studio-word{display:inline-block;overflow-wrap:anywhere;font-size:12px;border:1px solid var(--base-border);border-radius:3px;padding:5px 8px;background:var(--panel)}.relay-lyrics{width:100%;resize:vertical;font-size:15px!important;line-height:1.6}.relay-lyric-readback{margin:10px 0;padding:10px 16px;border-left:3px solid var(--active);white-space:pre-wrap;font-size:15px;line-height:1.6}.relay-player{color:var(--text-muted);font-size:11px;padding:5px}.relay-board.is-collapsed :is(.relay-board-content,.relay-stage-path){display:none}.relay-collapse{padding:3px 8px!important;min-height:26px!important;font-size:10px!important}.studio-feedback{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--base-border);font-size:12px;color:var(--text);background:var(--panel)}.studio-feedback[hidden]{display:none}.studio-feedback span{flex:1}.studio-feedback button{color:inherit;background:transparent;border:1px solid var(--base-border);border-radius:4px;padding:4px 8px}.freak-performance{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--base-border);padding:14px}.freak-performance>strong{font-size:10px;letter-spacing:1px}.freak-performance small{max-width:220px;font-size:10px;color:var(--text-muted);line-height:1.5}.knob-ctrl svg:focus-visible{outline:2px solid var(--active);border-radius:50%;outline-offset:3px}#btn-add-track{background:var(--panel-dark);color:var(--text);border:0;border-bottom:1px solid var(--base-border);border-radius:0;font:inherit;font-size:22px;padding:6px 15px;box-shadow:none;min-height:36px}#btn-add-track:hover,#btn-add-track[aria-expanded=true]{color:var(--active);background:var(--panel)}.track-add-menu{position:fixed;z-index:2000;width:224px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;background:var(--panel-dark);border:1px solid var(--base-border);border-radius:4px;padding:4px;box-sizing:border-box;box-shadow:0 8px 28px #0006}.track-add-menu button{display:block;width:100%;min-height:34px;padding:8px 12px;background:transparent;color:var(--text);border:0;border-radius:2px;text-align:left;font:inherit;font-size:12px;cursor:pointer}.track-add-menu button:hover,.track-add-menu button:focus-visible{background:var(--panel);color:var(--active);outline-offset:-2px}.track-add-menu button[data-track-type=lyrics]{border-top:1px solid var(--base-border);margin-top:4px;padding-top:12px}.lyrics-controls{flex-shrink:0;gap:10px;flex-wrap:wrap}.lyrics-controls input{flex:1;min-width:100px;max-width:280px}.lyrics-controls .btn-delete{margin-left:auto}.lyrics-track-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px;gap:10px}.lyrics-track-body>.studio-field{flex:1;min-height:0}.lyrics-track-editor{flex:1;min-height:160px;width:100%;box-sizing:border-box;resize:none;padding:18px;border:1px solid var(--base-border);border-left:3px solid var(--track-color);border-radius:4px;color:var(--text);background:var(--panel-dark);font:inherit;font-size:16px;line-height:1.8;-webkit-user-select:text;user-select:text}.lyrics-track-status{font-size:11px;color:var(--text-muted)}.lyrics-track-body:has(.free-wordbank){display:grid;grid-template-columns:minmax(240px,1fr) minmax(270px,1fr);grid-template-rows:1fr auto;gap:12px 20px;overflow:auto}.lyrics-track-body>.studio-field{grid-column:1;grid-row:1}.lyrics-track-status{grid-column:1;grid-row:2}.free-wordbank{grid-column:2;grid-row:1 / span 2;overflow:auto;min-height:0;font-size:12px;border-left:1px solid var(--base-border);padding-left:18px}.wordbank-heading{display:flex;gap:8px;flex-wrap:wrap;line-height:1.5;margin-bottom:8px}.free-wordbank small,.word-rules small{color:var(--text-muted);line-height:1.5}.free-wordbank summary,.word-rules summary{cursor:pointer;padding:7px 0;color:var(--text-muted)}.free-wordbank button{border:1px solid var(--base-border);border-radius:3px;background:var(--panel);color:var(--text);padding:6px 8px;font:inherit;font-size:11px;min-height:30px;cursor:pointer}.free-wordbank button:hover{border-color:var(--active)}.free-wordbank :is(input,select,textarea){background:var(--panel-dark);border:1px solid var(--base-border);border-radius:3px;color:var(--text);font:inherit;font-size:12px;padding:6px 8px;box-sizing:border-box;max-width:100%;min-width:0;min-height:30px}.free-wordbank input[type=number]{width:85px}.free-wordbank .studio-actions{gap:6px}.free-wordbank .studio-wordbank{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card{display:inline-flex;align-items:stretch;border:1px solid var(--base-border);border-radius:3px;max-width:100%}.word-card.is-held{border-color:var(--active)}.word-card .studio-word{border:0;text-align:left;border-radius:0}.word-card input{width:100px}.word-card .word-hold,.word-card .word-remove{flex-shrink:0;padding:4px;min-height:28px;border:0;border-left:1px solid var(--base-border);border-radius:0;font-size:9px;color:var(--text-muted)}.word-card.is-held .word-hold{color:var(--active)}.word-theme-options{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--base-border);padding:10px;margin:12px 0}.word-rules{border-top:1px solid var(--base-border);border-bottom:1px solid var(--base-border);padding:8px 0 12px;margin:16px 0}@media(max-width:950px){.lyrics-track-body:has(.free-wordbank){display:flex;flex-direction:column;overflow:auto}.lyrics-track-body>.studio-field{flex:none;min-height:240px}.free-wordbank{flex-shrink:0;overflow:visible;border-left:0;border-top:1px solid var(--base-border);padding:12px 0 0}}@media(max-width:650px){body.session-view-open #main-content{flex-direction:column}body.session-view-open #dynamic-tabs{width:100%!important;min-width:0!important;max-width:none!important;flex-direction:row!important;height:auto;border-right:0!important;border-bottom:1px solid var(--base-border)}body.session-view-open #dynamic-tabs>:not(#view-mode-tabs){display:none!important}body.session-view-open #view-mode-tabs{width:100%;padding:0!important;border:0!important}body.session-view-open #view-mode-tabs>.top-tab{display:none}body.session-view-open .studio-nav{flex-direction:row;margin:0;border:0}body.session-view-open .studio-nav .studio-launch{flex:1;padding:12px;text-align:center;border-left:0;border-bottom:2px solid transparent}body.session-view-open .studio-nav .studio-launch.is-active{border-bottom-color:var(--active)}body:has(.lyrics-workspace.active):not(.session-view-open) #dynamic-tabs{width:96px!important;min-width:96px!important;max-width:96px!important}.studio-header,.studio-footer{padding:10px 12px;flex-wrap:wrap}.studio-header h1{font-size:13px}.studio-content{padding:12px}.studio-save-form,.studio-form-grid{grid-template-columns:1fr}.studio-project{flex-wrap:wrap}.studio-project-copy{flex-basis:70%}.studio-recovery{align-items:start;flex-direction:column}.studio-wordbank{grid-template-columns:repeat(2,1fr);gap:8px}.relay-board{margin:4px;padding:10px;max-height:38vh}.relay-roster-status{margin-left:0}.studio-footer .studio-device-status{display:none}.lyrics-track-body{padding:10px}.lyrics-track-editor{padding:12px;font-size:15px}}.chord-stage{--cs-accent: var(--track-color, var(--active));display:flex;flex-direction:column;gap:6px;padding:6px 10px 8px;background:var(--panel);border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);font-size:11px;color:var(--text);flex-shrink:0}.chord-stage button,.chord-stage select,.chord-stage input{font:inherit;color:var(--text)}.cs-head{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.cs-title{background:none;border:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-accent)!important;cursor:pointer;padding:0 4px}.cs-pads{display:grid;grid-template-columns:repeat(9,minmax(52px,1fr));gap:4px;flex:1 1 520px}.cs-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px;padding:4px 2px;border-radius:6px;background:var(--surface-raised, var(--panel-dark));border:1px solid var(--base-border);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .05s,background .1s}.cs-pad kbd{position:absolute;top:2px;left:4px;font-size:9px;color:var(--text-muted);font-family:inherit}.cs-pad-name{font-weight:700;font-size:12px;white-space:nowrap}.cs-pad.is-empty{opacity:.55;cursor:default}.cs-pad.is-active{background:color-mix(in srgb,var(--cs-accent) 45%,var(--panel-dark));border-color:var(--cs-accent);transform:scale(.97)}.cs-pad-set,.cs-pad-clear{position:absolute;top:1px;width:16px;height:16px;padding:0;line-height:14px;border-radius:4px;border:1px solid var(--base-border);background:var(--panel);font-size:10px!important;cursor:pointer}.cs-pad-set{right:2px}.cs-pad-clear{right:20px}.cs-perf,.cs-send,.cs-voicing,.cs-clip{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.cs-toggle,.cs-chip,.cs-action,.cs-lock{padding:3px 8px;border-radius:5px;border:1px solid var(--base-border);background:var(--panel-dark);cursor:pointer;white-space:nowrap}.cs-toggle.is-on,.cs-chip.is-on,.cs-lock.is-on{background:var(--cs-accent);border-color:var(--cs-accent);color:var(--panel-dark)!important;font-weight:700}.cs-rec.is-on{background:#e74c3c;border-color:#e74c3c}.cs-action{background:var(--surface-raised, var(--panel));font-weight:700}.cs-danger{border-color:#e74c3c;color:#e74c3c!important}.cs-meter,.cs-meta,.cs-hint{color:var(--text-muted)}.cs-hint{margin-left:auto;font-style:italic}.cs-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;letter-spacing:.06em}.cs-clip-name{color:var(--cs-accent);font-weight:700}.cs-val{min-width:12px;text-align:center}.cs-preview{color:var(--text-muted);margin-left:6px}.cs-picker{display:flex;flex-direction:column;gap:4px}.cs-roots,.cs-qrow{display:flex;gap:3px;flex-wrap:wrap}.cs-roots .cs-chip{min-width:34px}.cs-select,.cs-num,.cs-groups{background:var(--panel-dark);border:1px solid var(--base-border);border-radius:5px;padding:2px 4px}.cs-num{width:48px}.cs-groups{width:90px}.cs-vary{display:flex;gap:8px;flex-wrap:wrap}.cs-slider{display:flex;flex-direction:column;font-size:9px;color:var(--text-muted)}.cs-slider input{width:78px}.cs-clip{padding:5px 6px;border-radius:6px;background:color-mix(in srgb,var(--cs-accent) 12%,var(--panel-dark));border:1px solid color-mix(in srgb,var(--cs-accent) 45%,transparent)}.chord-stage.is-locked .cs-pad{border-style:solid;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cs-accent) 35%,transparent)}.chord-stage.is-collapsed .cs-perf .cs-toggle:not(.is-on){display:none}.cs-drag-ghost{position:fixed;top:0;left:0;z-index:2000;padding:4px 10px;border-radius:6px;background:var(--panel);border:1px dashed var(--active);color:var(--text);font-weight:700;pointer-events:none;opacity:.8}.cs-drag-ghost.is-over{background:var(--active);color:var(--panel-dark);opacity:1}@media(pointer:coarse){.cs-pad{min-height:52px}.cs-toggle,.cs-chip,.cs-action,.cs-lock{padding:8px 10px}.cs-pad-set,.cs-pad-clear{width:22px;height:22px}.cs-pad-clear{right:26px}}@media(max-width:760px){.cs-pads{grid-template-columns:repeat(5,minmax(52px,1fr));flex-basis:100%}.cs-hint{display:none}}.chord-stage.is-collapsed :is(.cs-pad-set,.cs-pad-clear){display:none}.cs-strum-row{display:flex;gap:6px;align-items:stretch}.cs-strum{flex:1;display:flex;height:38px;border-radius:8px;overflow:hidden;border:1px solid var(--base-border);background:var(--panel-dark);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.cs-strum.is-empty{align-items:center;justify-content:center;color:var(--text-muted);font-style:italic;cursor:default}.cs-seg{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font-size:9px;color:var(--text-muted);border-right:1px solid color-mix(in srgb,var(--base-border) 60%,transparent);background:linear-gradient(to top,color-mix(in srgb,var(--cs-accent) 10%,transparent),transparent)}.cs-seg.is-chord{color:var(--text);background:linear-gradient(to top,color-mix(in srgb,var(--cs-accent) 32%,transparent),transparent)}.cs-seg.is-hit{animation:cs-hit .35s ease-out}@keyframes cs-hit{0%{background:var(--cs-accent)}}@media(pointer:coarse){.cs-strum{height:52px}}.groove-builder{--gb-accent: var(--track-color, var(--active));display:flex;flex-direction:column;gap:6px;padding:6px 10px 8px;background:var(--panel);border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);font-size:11px;color:var(--text);flex-shrink:0}.groove-builder :is(button,select,input){font:inherit;color:var(--text)}.gb-head,.gb-row,.gb-stitch{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.gb-title{background:none!important;border:none!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gb-accent)!important;padding:0 4px!important}.gb-btn{padding:3px 8px;border-radius:5px;border:1px solid var(--base-border);background:var(--panel-dark);cursor:pointer;white-space:nowrap}.gb-btn[hidden]{display:none}.gb-action{background:var(--surface-raised, var(--panel));font-weight:700}.gb-toggle.is-on,.gb-lock.is-on{background:var(--gb-accent);border-color:var(--gb-accent);color:var(--panel-dark)!important;font-weight:700}.gb-danger{border-color:#e74c3c;color:#e74c3c!important}.gb-meta-btn{border-color:var(--gb-accent)}.gb-lock{padding:1px 4px;font-size:10px;line-height:1.2;opacity:.75}.gb-lock.is-on{opacity:1}.gb-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;letter-spacing:.06em}.gb-meta,.gb-hint{color:var(--text-muted)}.gb-hint{font-style:italic;padding:2px 2px 0}.gb-val{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.gb-select,.gb-search{background:var(--panel-dark);border:1px solid var(--base-border);border-radius:5px;padding:2px 4px}.gb-search{flex:1 1 160px;min-width:120px;padding:3px 6px}.gb-slider{display:inline-flex;flex-direction:column;font-size:9px;color:var(--text-muted)}.gb-slider input{width:78px}.gb-browser{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;max-height:132px;overflow-y:auto;padding-right:2px;overscroll-behavior:contain}.gb-empty{color:var(--text-muted);font-style:italic;padding:6px}.groove-builder.has-clip .gb-browser{max-height:62px}.gb-sep{width:1px;align-self:stretch;margin:0 4px;background:var(--base-border)}.gb-card{position:relative;display:grid;grid-template-rows:auto auto 15px;gap:1px;padding:4px 6px;border-radius:6px;border:1px solid var(--base-border);background:var(--surface-raised, var(--panel-dark));cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;min-width:0}.gb-card:hover{border-color:color-mix(in srgb,var(--gb-accent) 60%,var(--base-border))}.gb-card.is-current{border-color:var(--gb-accent);box-shadow:inset 0 0 0 1px var(--gb-accent)}.gb-card.is-playing{background:color-mix(in srgb,var(--gb-accent) 22%,var(--panel-dark))}.gb-card.is-playing .gb-card-name:before{content:"▶ ";color:var(--gb-accent)}.gb-card-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:36px}.gb-card-meta{color:var(--text-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.gb-thumb svg{display:block;width:100%;height:15px}.gb-thumb .gb-l0{fill:var(--text-muted)}.gb-thumb .gb-l1{fill:var(--gb-accent)}.gb-thumb .gb-l2{fill:var(--text)}.gb-thumb .gb-bar{fill:var(--base-border)}.gb-card-btn{position:absolute;top:3px;width:18px;height:18px;padding:0;line-height:16px;border-radius:4px;border:1px solid var(--base-border);background:var(--panel);font-size:11px!important;cursor:pointer}.gb-card-btn:first-of-type{right:3px}.gb-card-btn.gb-swap{right:24px}.gb-card-btn[hidden]{display:none}.gb-clip{display:flex;flex-direction:column;gap:5px;padding:5px 6px;border-radius:6px;background:color-mix(in srgb,var(--gb-accent) 12%,var(--panel-dark));border:1px solid color-mix(in srgb,var(--gb-accent) 45%,transparent)}.gb-clip-name{color:var(--gb-accent);font-weight:700}.gb-knobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:4px 10px}.gb-knobs.is-closed{display:none}.gb-group{display:flex;flex-direction:column;gap:2px}.gb-group-name{color:var(--gb-accent);text-transform:uppercase;font-size:9px;letter-spacing:.08em;font-weight:700}.gb-knob{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:4px}.gb-knob-name{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-knob input[type=range]{width:100%;min-width:60px}.gb-knob.is-locked .gb-knob-name{color:var(--text)}.gb-knob.is-locked :is(input,select){opacity:.6}.gb-stitch{padding:4px 6px;border-radius:6px;border:1px dashed color-mix(in srgb,var(--gb-accent) 55%,transparent)}.gb-go{border-color:var(--gb-accent)}.groove-builder.is-collapsed{padding-bottom:6px}@media(pointer:coarse){.gb-btn{padding:8px 10px}.gb-lock{padding:6px 8px}.gb-card-btn{width:28px;height:28px;line-height:26px}.gb-card-btn.gb-swap{right:34px}.gb-card-name{padding-right:64px}.gb-browser{max-height:150px}}@media(max-width:760px){.gb-browser{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:112px}.gb-knob{grid-template-columns:74px 1fr auto}}#compact-dock{display:none}body.layout-compact #banner,body.layout-compact #mobile-modifier-toolbar,body.layout-compact #app-version{display:none!important}body.layout-compact .toolbar{padding:4px 6px!important;gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}body.layout-compact .toolbar>*{flex-shrink:0}body.layout-compact #play-btn{width:auto!important;min-width:0;padding:6px 10px!important;font-size:12px!important;line-height:1.1}body.layout-compact .toolbar button,body.layout-compact .toolbar input{min-height:34px}body.layout-compact #master-vol{width:56px!important}body.layout-compact #pattern-tabs{padding:2px 4px!important;min-height:0}body.layout-compact #pattern-tabs .tab{padding:4px 10px!important}body.layout-compact #dynamic-tabs{width:68px!important;min-width:68px!important;max-width:68px!important;overflow-y:auto}body.layout-compact #dynamic-tabs .tab{font-size:10px!important;padding:6px 4px!important;line-height:1.2;white-space:normal;word-break:break-word;min-height:40px}body.layout-compact #view-mode-tabs{padding-top:6px!important}body.layout-compact #view-mode-tabs .top-tab,body.layout-compact .studio-nav button{font-size:9px!important;padding:8px 4px!important;text-align:center!important;letter-spacing:0}body.layout-compact .lane-controls{flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;padding:4px 6px!important;gap:6px;scrollbar-width:none}body.layout-compact .lane-controls>*{flex-shrink:0}body.layout-compact .audio-track-header{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}body.layout-compact .audio-track-header>*{flex-shrink:0}body.layout-compact .chord-stage{max-height:42vh;overflow-y:auto;padding:4px 6px;gap:4px}body.layout-compact .cs-head{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}body.layout-compact .cs-pads{display:flex;flex:0 0 auto;overflow-x:auto;scrollbar-width:none}body.layout-compact .cs-pad{min-width:60px;min-height:48px}body.layout-compact .cs-perf,body.layout-compact .cs-send,body.layout-compact .cs-clip,body.layout-compact .cs-voicing{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}body.layout-compact .cs-perf>*,body.layout-compact .cs-send>*,body.layout-compact .cs-clip>*,body.layout-compact .cs-voicing>*{flex-shrink:0}body.layout-compact .cs-hint{display:none}body.layout-compact .groove-builder{max-height:42vh;overflow-y:auto;padding:4px 6px;gap:4px}body.layout-compact :is(.gb-head,.gb-row,.gb-stitch){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}body.layout-compact :is(.gb-head,.gb-row,.gb-stitch)>*{flex-shrink:0}body.layout-compact .gb-search{flex:0 0 140px}body.layout-compact .gb-hint{display:none}body.layout-compact .pr-container.pr-roll{--key-w: 46px;--lane-h: 64px}body.layout-compact .pr-keys .piano-key{font-size:9px;padding-right:3px}body.layout-compact .pr-container.pr-roll:has(.pr-body.is-kit){--key-w: 62px}body.layout-compact .pr-keys{width:var(--key-w);min-width:0;overflow:hidden}body.layout-compact .pr-keys .piano-key{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.layout-compact #right-panels{position:fixed;left:0;right:0;bottom:0;z-index:950;max-height:46vh;overflow:auto;flex-direction:column!important;background:var(--panel-dark);border-top:1px solid var(--base-border);box-shadow:0 -12px 32px #00000073;transform:translateY(105%);transition:transform .18s ease-out;padding-bottom:70px}body.layout-compact.show-tool-sheet #right-panels{transform:none}body.layout-compact #settings-sidebar,body.layout-compact #right-toolbar{width:auto!important;min-width:0!important;flex-direction:row!important;flex-wrap:wrap;align-items:flex-start!important;gap:10px!important;border-left:none!important;overflow:visible!important}body.layout-compact #settings-sidebar>div,body.layout-compact #right-toolbar>div{width:auto!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important}body.layout-compact #settings-sidebar>div[style*="height: 1px"],body.layout-compact #right-toolbar>div[style*="height: 1px"]{display:none}body.layout-compact #right-panels button{min-width:40px;min-height:36px}body.layout-compact #right-panels #pr-tool-controls{display:none!important}body.layout-compact #compact-dock{display:flex;position:fixed;right:8px;bottom:8px;z-index:960;gap:4px;padding:5px;border-radius:12px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--base-border);box-shadow:0 8px 26px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100vw - 16px);overflow-x:auto;scrollbar-width:none}body.layout-compact.layout-portrait #compact-dock{left:6px;right:6px;justify-content:space-between;gap:3px}body.layout-compact.layout-portrait .compact-tool{width:33px;height:40px;font-size:15px}.compact-tool{width:42px;height:42px;flex-shrink:0;padding:0;border-radius:9px;border:1px solid var(--base-border);background:var(--panel-dark);color:var(--text);font-size:18px;display:flex;align-items:center;justify-content:center}.compact-tool.is-on{background:var(--active);color:var(--panel-dark)}.compact-sep{width:1px;background:var(--base-border);margin:4px 2px;flex-shrink:0}@media(pointer:coarse){body.layout-compact .pr-container.pr-roll{--row-height: 30px}}@media(max-height:520px){body.layout-compact .toolbar button,body.layout-compact .toolbar input{min-height:30px;padding-top:2px!important;padding-bottom:2px!important}body.layout-compact .audio-track-header,body.layout-compact .lane-controls{padding:2px 6px!important}body.layout-compact .lane-controls :is(select,button,input){min-height:28px;padding-top:1px;padding-bottom:1px}body.layout-compact .cs-pad{min-height:38px}body.layout-compact .pr-container.pr-roll{--lane-h: 44px}body.layout-compact .pr-container.pr-roll.has-clip-tabs{--ruler-h: 36px}body.layout-compact .audio-track-header>:not(:first-child):not(strong){display:none}body.layout-compact #audio-tracking-layer:has(#btn-toggle-audio[aria-expanded=true]) .audio-track-header>*{display:revert}body.layout-compact :is(.chord-stage,.groove-builder){max-height:34vh}}body.layout-compact.roll-focus :is(.toolbar,#pattern-tabs,#audio-tracking-layer,.lane-controls,.synth-dock,.chord-stage,.groove-builder,#dynamic-tabs){display:none!important}body.layout-compact .pr-lane-head .param-select{width:calc(var(--key-w) - 4px);font-size:9px;padding:1px}