: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 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}.btn-next{background:var(--panel);color:#fff;font-size:15px;margin-left:auto;box-shadow:0 4px #00000080;border:none}.btn-next:active{transform:translateY(4px);box-shadow:none}.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}.keys-col{display:flex;flex-direction:column;position:sticky;left:0;z-index:30;box-shadow:2px 0 10px #000c;background:var(--panel)}.grid-col{display:flex;flex-direction:column}.grid-row{display:flex;align-items:center;border-bottom:1px solid var(--grid-line);height:var(--row-height);box-sizing:border-box;flex-shrink:0;transition:height .2s ease-out}#velocity-controls{border-left:1px solid var(--grid-line);padding-left:10px}.timeline-header{background:linear-gradient(to bottom,var(--panel),var(--panel-dark));border-top:1px solid var(--base-border);border-bottom:2px solid var(--grid-line);box-shadow:inset 0 -1px 0 var(--base-border)}.timeline-header:hover{background:linear-gradient(to bottom,var(--panel-dark),var(--panel))}.vel-key-row,.vel-grid-row{background:var(--panel);position:sticky;bottom:0;z-index:40;border-top:2px solid var(--grid-line)}.grid-row:hover{background:#ffffff0d}.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)}.steps-container{display:flex;height:100%;background:var(--bg);border-right:1px solid var(--grid-line)}.pr-container{background:var(--panel-dark);overflow-x:auto;overflow-y:hidden}.step{width:var(--step-width);height:100%;cursor:crosshair;box-sizing:border-box;flex-shrink:0}.timeline-step{border-right:1px solid var(--base-border);color:var(--text-muted);-webkit-user-select:none;user-select:none}.timeline-header .timeline-step.beat-start{border-left:1px solid var(--grid-line)}.timeline-header .timeline-step.bar-start{border-left:2px solid var(--text-muted);color:var(--text);background:var(--panel-dark)}.timeline-step:hover{background:var(--panel)}.timeline-step.playhead-col{background:var(--grid-line)!important;box-shadow:inset 0 0 12px var(--active);border-color:var(--text-muted)!important}.step.beat-start{border-left:1px solid var(--grid-line)}.step.bar-start{border-left:2px solid var(--text-muted)}.step.preview-hover{background:var(--panel-dark)}.step.ghost-step{opacity:.5!important;z-index:50}.step[data-state="1"],.step[data-state="2"]{border:1px solid rgba(0,0,0,.2);border-radius:3px}.drums-step[data-state="1"],.drums-step[data-state="2"]{background:var(--drums)!important}.acoustic-step[data-state="1"],.acoustic-step[data-state="2"],.acoustic-step[data-state="3"],.acoustic-step[data-state="4"]{background:var(--drums)!important;filter:brightness(.9)}.acoustic-step.ghost-note{opacity:.4;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.2) 5px,rgba(0,0,0,.2) 10px) var(--drums)!important}.acoustic-step.accent-note{background:var(--drums)!important;filter:brightness(1.2);box-shadow:inset 0 0 8px #fff6;border:1px solid rgba(255,255,255,.6)}.bass-step[data-state="1"],.bass-step[data-state="2"]{background:var(--bass)!important}.lead-step[data-state="1"],.lead-step[data-state="2"]{background:var(--lead)!important}.pad-step[data-state="1"],.pad-step[data-state="2"]{background:var(--pad)!important}.sampler-step[data-state="1"],.sampler-step[data-state="2"]{background:var(--sampler)!important}.ambient-step[data-state="1"],.ambient-step[data-state="2"]{background:var(--ambient, #8e44ad)!important}.soundfont-step[data-state="1"],.soundfont-step[data-state="2"]{background:var(--soundfont)!important}.quirky-step[data-state="1"],.quirky-step[data-state="2"]{background:var(--quirky)!important}.step.tied-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.step.tied-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;width:calc(var(--step-width) + 1px);margin-right:-1px;z-index:2;position:relative}.step[data-state="1"]:not(.accent-note){box-shadow:inset 3px 0 #ffffff8c}.step[data-state="2"]{filter:brightness(.72);border-left:none}.step[data-state="2"].bar-start,.step[data-state="2"].beat-start{border-left:none}.omitted-step{background:#0006!important;opacity:.5;cursor:not-allowed!important}.selected-step{background:#ffffff1a!important;z-index:4}.selected-step:not([data-state="0"]){border:1px solid #fff;box-shadow:inset 0 0 0 1px #fff;filter:brightness(1.5);z-index:5}.selected-step.tied-left:not([data-state="0"]){border-left:none!important;box-shadow:inset 0 1px #fff,inset 0 -1px #fff}.selected-step.tied-right:not([data-state="0"]){border-right:none!important;box-shadow:inset 0 1px #fff,inset 0 -1px #fff}.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)}.mob-mod-btn{transition:transform .1s}.mob-mod-btn:active{transform:scale(.9)}@container viewport ((max-width: 1050px) or (max-height: 600px)) and (orientation: landscape){body{overflow:hidden!important;padding:0!important;margin:0!important;height:100vh!important;box-sizing:border-box}#right-panel,#banner,#zoom-controls,#metro-btn,#master-vol,.toolbar span{display:none!important}#bpm-input{display:inline-block!important;margin:0!important}#app-container{display:flex;flex-direction:column!important;height:100vh!important;overflow:hidden}.toolbar{position:absolute;top:0;left:0;right:0;height:35px!important;background:#000!important;border-bottom:1px solid var(--grid-line)!important;z-index:110;padding:4px 10px!important;margin:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important}.toolbar button,.toolbar input{font-size:11px!important;padding:4px 8px!important;height:24px!important;margin-right:5px!important}#play-btn{width:auto!important;padding:4px 12px!important}.toolbar{height:40px!important;padding:5px 10px!important;overflow:hidden!important;box-sizing:border-box!important}.tabs#dynamic-tabs{position:absolute;left:0;top:75px!important;bottom:0;width:85px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:0!important;background:var(--panel-dark);z-index:100;border-right:1px solid var(--grid-line);gap:0!important;box-sizing:border-box}.tab{border-radius:0!important;width:100%!important;padding:12px 5px!important;justify-content:flex-start!important;border:none!important;border-bottom:1px solid var(--grid-line)!important;font-size:10px!important}#view-mode-tabs{display:flex!important;flex-direction:column!important;margin-top:auto!important;padding-top:5px!important;border-top:1px solid var(--grid-line)!important;flex-shrink:0!important;flex-basis:auto!important;min-height:min-content!important}.tab span{display:inline-block!important;margin:0;font-size:10px}.tab:before{display:none}#mobile-modifier-toolbar{display:flex!important;position:absolute!important;inset:35px 0 0 auto!important;width:65px!important;background:var(--panel-dark)!important;border-left:1px solid var(--grid-line)!important;padding:10px 5px!important;flex-direction:column!important;align-items:center!important;gap:5px!important;z-index:105;box-sizing:border-box;transform:none!important;overflow-y:auto!important;overflow-x:hidden!important}.mob-mod-btn{position:relative!important;width:100%!important;height:40px!important;border-radius:4px!important;margin:0!important;font-size:16px!important;flex-shrink:0}#btn-mobile-fullscreen{display:none!important}#pr-tool-controls,#velocity-controls,#grid-controls{position:static!important;display:flex!important;flex-direction:column!important;width:100%!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;transform:none!important}#pr-tool-controls,#action-toolbar{position:relative!important;top:auto!important;right:auto!important;width:100%!important;background:transparent!important;padding:0!important;border:none!important;z-index:auto!important;margin:0!important}#grid-controls{display:flex!important;margin-right:10px!important}#pr-tool-controls,#action-toolbar{flex-wrap:nowrap!important;justify-content:flex-start;align-content:flex-start}#zoom-controls{flex-wrap:wrap!important;justify-content:flex-end}.pr-tool-btn{margin:0 0 2px!important;width:100%!important;height:26px!important;text-align:center!important;border-radius:4px!important;padding:0!important;font-size:10px!important;line-height:26px!important;display:flex;align-items:center;justify-content:center}#pattern-length-controls{position:relative!important;bottom:auto!important;right:auto!important;transform:none!important;margin:0!important}.top-tab{display:none!important}#view-mode-tabs .top-tab{display:flex!important}.timeline-header,.timeline-header-key,.timeline-steps{display:none!important}#pattern-tabs{width:100%!important;height:35px!important;max-height:35px!important;padding:0 10px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;border-bottom:1px solid var(--grid-line)!important;z-index:10;box-sizing:border-box!important}#pattern-tabs::-webkit-scrollbar{display:none!important}#pattern-tab-container{margin-right:auto}.workspace-wrapper{height:auto!important;margin:0!important;padding:0!important}.workspace{max-height:100%!important;height:100%!important;margin:0!important;border-radius:0!important;border:none!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important}#notation-container{overflow-x:auto!important;touch-action:pan-x!important}body.touch-editing .workspace,body.touch-editing #notation-container{touch-action:none!important;overflow:hidden!important}}.track-header{width:50px!important;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2px!important}.track-header .knob-cont{display:none}.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)}.arr-cells{display:flex;flex-grow:1;gap:0}.arr-cell{width:60px;height:100%;background:linear-gradient(to bottom,var(--panel-dark),var(--bg));border:1px solid var(--grid-line);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:.1s;flex-shrink:0;-webkit-user-select:none;user-select:none;color:var(--text);box-sizing:border-box}.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}.arr-cell:hover{border-color:var(--text);background:linear-gradient(to bottom,var(--panel),var(--panel-dark))}.arr-cell.section-line,.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)}.evo-controls{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #333}.btn-evo{background:var(--grid-line);font-size:12px;padding:5px 10px}@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-lab-box{display:flex;flex-direction:column;width:100%;flex-grow:1}.synth-tab-header{display:flex;gap:4px;border-bottom:1px solid var(--grid-line);margin-bottom:15px}.synth-tab{padding:6px 12px;font-size:11px;font-weight:700;background:transparent;color:var(--text-muted);border:none;border-bottom:2px solid transparent;cursor:pointer;outline:none;border-radius:4px 4px 0 0;transition:all .2s}.synth-tab.active{background:var(--panel-light, rgba(255, 255, 255, .06));color:var(--active);border-bottom-color:var(--active)}.synth-page-cont{position:relative;width:100%;min-height:250px}.synth-page{display:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:15px;background:#0000001a;border-radius:8px;border:1px solid var(--grid-line);box-shadow:inset 0 2px 10px #0000001a}.synth-page.active{display:grid}.synth-mod{display:flex;flex-direction:column;gap:12px;padding:10px 0;border-bottom:1px dashed var(--grid-line)}.synth-mod--first{border-top:none;padding-top:0}.synth-mod--last{border-bottom:none}.synth-mod-title{font-size:11px;font-weight:700;color:var(--text);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;display:flex;align-items:center;gap:8px}.synth-mod-title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--active)}.synth-row{display:flex;gap:15px;align-items:flex-end}.synth-ctrl{display:flex;flex-direction:column;align-items:flex-start;font-size:11px;margin-right:15px;margin-bottom:10px}.synth-ctrl-head{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.synth-ctrl-head span{color:#aaa}input.synth-num{width:50px;background:var(--panel-dark);color:var(--active);border:1px solid var(--grid-line);padding:4px;border-radius:4px;text-align:center;font-weight:700;outline:none;cursor:ns-resize}select.synth-sel{background:var(--panel-dark);color:var(--text);border:1px solid var(--grid-line);padding:2px 5px}.synth-lock{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:8px;padding:2px 4px;border-radius:3px;background:#27ae60;color:#fff;font-weight:700;margin-left:6px}.synth-lock.locked{background:#c0392b}.synth-footer{display:flex;gap:10px;width:100%;justify-content:flex-end;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--grid-line)}.synth-btn{background:var(--panel-dark);border:1px solid #666;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer}.synth-btn--primary{padding:6px 12px;font-size:12px}.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}select.synth-mini-sel{background:#10141a;color:var(--text);border:1px solid #333a45;border-radius:4px;padding:2px 4px;font-size:10px;max-width:92px}.synth-sel-wrap{display:flex;flex-direction:column;gap:2px}.synth-sel-wrap>label{font-size:8.5px;color:#98a1ad;text-transform:uppercase;letter-spacing:.4px}.mod-matrix-sec{min-width:430px;background:linear-gradient(145deg,rgba(255,92,138,.055),transparent 62%)}.mod-matrix-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px;color:#747e8c;font-size:8px;letter-spacing:.55px;text-transform:uppercase}.mod-matrix-clear{border:1px solid #3a414d;border-radius:3px;background:#12161c;color:#929ba7;padding:1px 6px;font:inherit;text-transform:uppercase;cursor:pointer}.mod-matrix-clear:hover,.mod-matrix-clear:focus-visible{color:#ff91b0;border-color:#ff5c8a;outline:none}.mod-matrix-routes{display:grid;gap:3px}.mod-route{display:grid;grid-template-columns:20px 82px 14px 100px minmax(92px,1fr) 38px;align-items:center;gap:5px;min-height:23px;border-left:2px solid #ff5c8a;padding:2px 5px;background:#080b0f9e;transition:opacity .12s ease,border-color .12s ease}.mod-route.disabled{opacity:.45;border-left-color:#343b46}.mod-route-number{color:#ff799f;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.6px}.mod-route-select{width:100%;min-width:0;border:0;border-bottom:1px solid #3a424f;border-radius:0;background:transparent;color:#c6ced8;padding:2px 1px;font-size:9px;outline:none}.mod-route-select:focus-visible{border-bottom-color:#ff5c8a}.mod-route-arrow{color:#56606e;font-size:11px;text-align:center}.mod-route-amount{width:100%;height:4px;margin:0;appearance:none;border-radius:999px;background:linear-gradient(90deg,#27303a 0 49.5%,#7f3951 49.5% 50.5%,#27303a 50.5%);cursor:ew-resize;accent-color:#ff5c8a}.mod-route-amount::-webkit-slider-thumb{width:10px;height:10px;appearance:none;border:2px solid #10141a;border-radius:50%;background:#ff5c8a;box-shadow:0 0 5px #ff5c8a8c}.mod-route-amount.negative::-webkit-slider-thumb{background:#72c7ff;box-shadow:0 0 5px #72c7ff80}.mod-route-value{color:#ff91b0;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:720px){.mod-matrix-sec{min-width:min(430px,100%)}.mod-route{grid-template-columns:18px 70px 10px 88px minmax(70px,1fr) 34px}}.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 .synth-dock-inner.no-tape-formant [data-freak-section=lfo]{grid-column:span 6}.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,.freak-focus .synth-sel-wrap>label{color:var(--freak-muted)}.freak-focus .knob-arc{filter:none}.freak-focus select.synth-mini-sel,.freak-focus .mod-route-select,.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 .mod-matrix-sec{min-width:0;background:linear-gradient(145deg,var(--freak-surface-raised),var(--freak-surface))}.freak-focus .mod-route{background:color-mix(in srgb,var(--freak-control) 82%,transparent)}.freak-focus .mod-matrix-top,.freak-focus .mod-route-arrow{color:var(--freak-muted)}.freak-focus .mod-matrix-clear{color:var(--freak-muted);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] .mod-route-number,.freak-focus[data-freak-theme=white] .mod-route-value,.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-inner.no-tape-formant [data-freak-section=lfo]{grid-column:1 / -1}.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],.freak-focus .synth-dock-inner.no-tape-formant [data-freak-section=lfo]{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-drawer-actions{display:flex;align-items:flex-end;gap:5px}.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-drawer-actions{justify-content:flex-end}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-drawer-actions{align-items:center}.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}.freak-v3-drawer-actions{flex-wrap:wrap}}.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)}.workspace .step[data-state]:not([data-state="0"]){background:var(--track-color, var(--active))!important}.workspace .acoustic-step.ghost-note{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.2) 5px,rgba(0,0,0,.2) 10px),var(--track-color, var(--drums))!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: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}.synth-lock{color:var(--random-lock-idle, #7f8790)!important;border-color:var(--random-lock-idle, #7f8790)!important}.synth-lock.locked,.synth-lock.active{color:var(--random-lock, #55dceb)!important;border-color:var(--random-lock, #55dceb)!important}#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,#vote-modal-overlay,#wait-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] #vote-modal-overlay>div,html[data-surface] #wait-modal-overlay>div,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,html[data-surface] #vote-modal-overlay .vote-card{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),html[data-surface] #vote-modal-overlay :is(h2,p,strong,span),html[data-surface] #wait-modal-overlay :is(h2,p,div){color:inherit!important}html[data-surface] #start-modal-overlay :is(#btn-start-solo-free,#btn-start-solo-template),html[data-surface] #wait-modal-overlay button,html[data-surface] #vote-modal-overlay>div>button:last-child{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] :is(#btn-record-audio,#btn-pond-record){background:var(--recording-color, #e74c3c)!important}html[data-surface] #stage-session-panel{color:var(--text)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--active) 7%,transparent),transparent 45%),var(--panel)!important;border-color:var(--base-border)!important;border-radius:7px!important}html[data-surface] #stage-session-panel :is(h3,div,span){color:var(--text)!important}html[data-surface] #stage-session-panel textarea,html[data-surface] #stage-session-panel [style*="background:rgba"]{color:var(--text)!important;background:var(--surface-inset, var(--panel-dark))!important;border-color:var(--base-border)!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}}.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}}