*{margin:0;padding:0;box-sizing:border-box}:root{--bg-ink: #080909;--bg-stage: #0f1215;--bg-panel: rgba(14, 18, 21, .78);--line-soft: rgba(118, 81, 88, .2);--line-strong: rgba(240, 162, 167, .32);--accent-cool: #d86b72;--accent-warm: #f0a2a7;--text-main: rgba(245, 248, 250, .94);--text-soft: rgba(203, 214, 220, .74)}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(1200px 560px at 20% 8%,rgba(75,50,60,.16),transparent 60%),radial-gradient(900px 540px at 78% 90%,rgba(102,59,69,.14),transparent 62%),linear-gradient(165deg,var(--bg-stage) 0%,var(--bg-ink) 72%);font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif;color:var(--text-main)}#app{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(900px 480px at 18% 8%,rgba(82,54,65,.18),transparent 60%),radial-gradient(940px 540px at 86% 92%,rgba(100,57,67,.18),transparent 62%)}#main-viewport{width:90vw;height:80vh;position:relative;background:#000;border:1px solid var(--line-soft);border-radius:24px;overflow:hidden;box-shadow:0 26px 56px #00000094,0 0 34px #4f35401f,inset 0 0 0 1px #ffffff0a;transition:all .5s cubic-bezier(.4,0,.2,1)}body.play-mode-active #main-viewport{position:absolute;top:84px;right:16px;bottom:248px;left:16px;width:auto;height:auto;border-radius:24px}#visualizer{width:100%;height:100%;display:block}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10}.start-button{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 18px;background:linear-gradient(165deg,#12181bd1,#1c2428bd);border:1px solid var(--line-strong);border-radius:12px;color:var(--text-main);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}.start-button:hover{background:linear-gradient(165deg,#20292eeb,#2a343ae0);border-color:#d86b72b8;transform:scale(1.02) translateY(-1px);box-shadow:0 10px 24px #00000061}.start-button:active{transform:scale(.98)}.start-button .icon{font-size:16px}.start-button.hidden{display:none}.startup-panel{position:relative;z-index:20;display:grid;justify-items:center;gap:16px;pointer-events:auto}.startup-brand{color:#f5f8faf5;font:800 34px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.02em;text-transform:uppercase;margin-bottom:4px}.startup-brand strong{color:#f0a2a7;font-weight:800;animation:startup-v2-pulse 1.8s ease-in-out infinite}@keyframes startup-v2-pulse{0%,to{text-shadow:0 0 3px rgba(216,107,114,.18)}50%{text-shadow:0 0 10px rgba(216,107,114,.9),0 0 26px rgba(216,107,114,.58)}}@media(prefers-reduced-motion:reduce){.startup-brand strong{animation:none}}.startup-panel.hidden{display:none}.start-source-picker{display:flex;gap:6px;pointer-events:auto}.start-source-picker.hidden{display:none}.start-source-option{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid rgba(121,83,93,.3)!important;border-radius:4px;background:#0a0f11db!important;color:#daebedc2!important;padding:8px 11px;font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation}.start-source-option.active{border-color:#d86b72b8!important;background:#412e3675!important;color:#fff1f2!important}.startup-panel .start-button:hover,.startup-panel .start-source-option:hover{border-color:#f0a2a7eb!important;box-shadow:0 0 0 1px #d86b7257,0 0 22px #d86b728f!important;filter:drop-shadow(0 0 7px rgba(216,107,114,.34))}.status-badge{position:fixed;top:20px;right:20px;padding:8px 16px;background:#f0a2a729;border:1px solid rgba(240,162,167,.46);border-radius:6px;color:#ffe7e9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;pointer-events:none}.status-badge.hidden{display:none}.instrument-ui{position:fixed;top:16px;right:16px;bottom:16px;left:16px;pointer-events:none;z-index:11}.instrument-ui.hidden{display:none}.play-mode-ui{position:fixed;top:16px;right:16px;bottom:16px;left:16px;z-index:11;pointer-events:none;color:#e8f2f4eb;font-family:Avenir Next,Helvetica Neue,sans-serif}.play-mode-ui[hidden]{display:none}.play-mode-header{position:absolute;top:0;left:0;right:216px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.play-mode-brand{color:#f1fafcf5;font-size:14px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.play-mode-brand span{color:var(--accent-warm)}.play-mode-actions{display:flex;align-items:center;gap:5px}.play-mode-studio,.play-mode-midi,.play-mode-toggle{box-sizing:border-box;height:34px;border:1px solid rgba(216,107,114,.62);border-radius:3px;background:#532b3180;color:#e8f2f4e6;padding:0 10px;font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.play-mode-dock{position:absolute;right:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(720px,calc(100vw - 32px));transform:translate(50%);pointer-events:auto}.play-mode-presets,.play-mode-control-row,.play-mode-modes,.play-mode-palettes{display:flex;align-items:center}.play-mode-presets{justify-content:center;flex-wrap:wrap;gap:6px;margin:0 auto 8px}.play-mode-presets button,.play-mode-modes button,.play-mode-arp{min-height:34px;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#091113d6;color:#daebedc7;padding:0 10px;font:650 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.play-mode-presets button.active,.play-mode-modes button.active,.play-mode-arp.active,.play-mode-midi.active{border-color:#d86b72e6;background:#66343d94;color:#fff3f4}.play-mode-control-row{justify-content:space-between;gap:10px;margin-bottom:8px}.play-mode-modes{gap:5px}.play-mode-arp-controls{display:flex;min-width:138px;gap:5px}.play-mode-arp-rate-options{display:none}.play-mode-select{box-sizing:border-box;min-width:0;height:34px;border:1px solid rgba(118,81,88,.45);border-radius:3px;background:#091113e6;color:#e8f2f4eb;padding:0 28px 0 9px;font:650 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.play-mode-control-row>.play-mode-select{flex:1 1 0}.play-mode-arp-rate{width:76px}.play-mode-palette-menu{position:relative;flex:1 1 0;min-width:0}.play-mode-palette-menu summary{box-sizing:border-box;display:flex;align-items:center;gap:8px;height:34px;border:1px solid rgba(118,81,88,.45);border-radius:3px;background:#091113e6;color:#e8f2f4eb;padding:0 9px;font:650 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer;list-style:none}.play-mode-palette-menu summary::-webkit-details-marker{display:none}.play-mode-palette-menu summary:after{content:"⌄";margin-left:auto;font-size:14px}.play-mode-palette-menu[open] summary:after{transform:rotate(180deg)}.play-mode-palette-current,.play-mode-palette-options button span{display:block;width:16px;height:16px;border:1px solid rgba(244,240,234,.48);border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 2px #070b0d70}.play-mode-palette-options{position:absolute;right:0;bottom:calc(100% + 6px);z-index:4;display:flex;gap:6px;padding:7px;border:1px solid rgba(118,81,88,.55);border-radius:3px;background:#070b0dfa;box-shadow:0 12px 24px #0000006b}.play-mode-palette-options button{display:grid;width:28px;height:28px;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.play-mode-palette-options button.active{border-color:#ffefe5f5;box-shadow:0 0 0 1px #d86b72a6}.play-mode-midi-device{box-sizing:border-box;width:124px;height:34px;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#091113d6;color:#daebedc7;padding:0 8px;font:650 11px/1 Avenir Next,Helvetica Neue,sans-serif}.play-mode-keyboard{position:relative;height:min(22vh,176px);min-height:126px;border:1px solid rgba(118,81,88,.5);background:#070b0df0;box-shadow:0 12px 32px #00000061;touch-action:none;-webkit-user-select:none;user-select:none}.play-mode-white-keys{display:grid;height:100%;grid-template-columns:repeat(8,1fr)}.play-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:10px 3px;font-family:inherit;cursor:pointer;touch-action:none}.play-key.white{border:1px solid rgba(27,42,45,.95);background:#dbe5e3;color:#132326}.play-key.black{position:absolute;top:0;z-index:2;width:9%;height:61%;justify-content:flex-end;border:1px solid rgba(4,10,12,.95);border-radius:0 0 3px 3px;background:#102225;color:#dbe5e3}.play-key span{font-size:12px;font-weight:700}.play-key small{font-size:9px;opacity:.6}.play-key.active.white{background:#e8a29d}.play-key.active.black{background:#a75360}.play-mode-ui button:not(:disabled):hover,.play-mode-ui button:not(:disabled):focus-visible,.play-mode-ui select:not(:disabled):hover,.play-mode-ui select:not(:disabled):focus-visible,.play-mode-palette-menu summary:hover,.play-mode-palette-menu summary:focus-visible{border-color:#f0a2a7f0;box-shadow:0 0 0 1px #d86b7257,0 0 22px #d86b728f}.play-mode-ui button:focus-visible{outline:2px solid rgba(240,162,167,.9);outline-offset:2px}@media(max-width:767px),(pointer:coarse)and (max-width:1023px){.play-mode-ui{top:12px;right:12px;bottom:12px;left:12px}.play-mode-header{right:0}body.play-mode-active #main-viewport{top:68px;right:12px;bottom:max(260px,calc(25vh + 116px));left:12px;border-radius:16px}.start-source-picker [data-start-source=external]{display:none}.play-mode-dock{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}.play-mode-actions{display:none}.play-mode-control-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.play-mode-control-row>.play-mode-select{width:100%}.play-mode-palette-menu{width:100%}.play-mode-arp-controls{min-width:0}.play-mode-arp-rate{display:none}.play-mode-arp-rate-options{display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.play-mode-arp-rate-options button{min-width:0;min-height:42px;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#091113d6;color:#daebedc7;padding:0 2px;font:650 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.play-mode-arp-rate-options button.active{border-color:#d86b72e6;background:#66343d94;color:#fff3f4}.play-mode-select,.play-mode-arp-controls .play-mode-arp{min-height:42px}.play-mode-keyboard{height:25vh;min-height:144px}.play-key small{display:none}.play-key{padding-bottom:12px}}.instrument-topbar,.instrument-rack,.instrument-keyboard{pointer-events:auto;display:flex;align-items:center;background:#070b0dd1;border:1px solid rgba(118,81,88,.28);box-shadow:0 12px 28px #00000047}.instrument-topbar{--toolbar-control-height: 34px;--perf-overlay-lane: 220px;width:calc(100vw - 32px);max-width:none;flex-wrap:nowrap;gap:9px;min-height:38px;padding:5px calc(7px + var(--perf-overlay-lane)) 5px 12px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;overscroll-behavior-x:contain}.instrument-topbar::-webkit-scrollbar{display:none}.instrument-topbar>*{flex:0 0 auto}.instrument-brand{color:#f1fafcf5;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.instrument-brand span{color:var(--accent-warm)}.source-switch{display:flex;gap:4px}.transport-controls{display:flex;align-items:center;gap:4px}.transport-controls button,.transport-controls label{border:1px solid rgba(100,70,80,.25);border-radius:3px;background:#101c1fcc;color:#daebedd1;box-sizing:border-box;height:var(--toolbar-control-height);padding:0 7px;font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif}.transport-controls button{cursor:pointer}.transport-controls .transport-icon{display:inline-grid;width:var(--toolbar-control-height);min-width:var(--toolbar-control-height);place-items:center;padding:0;color:#daebede6;line-height:1}.transport-controls .transport-icon svg{display:block;width:15px;height:15px}.transport-controls .transport-icon.metronome-icon svg{width:17px;height:17px}.transport-controls .metronome-level{width:44px;height:var(--toolbar-control-height);margin:0 -1px 0 -3px;accent-color:#f0a2a7;cursor:pointer}.transport-controls .record-icon{color:#f0a2a7}.transport-controls .transport-icon.is-armed-label{width:auto;min-width:50px;padding:0 8px;font-size:10px}.transport-controls button.active{border-color:#d86b72cc;background:#3f2d3457;color:#fff1f2}.transport-controls button.recording{border-color:#ff6969d6;background:#bc323261;color:#ffe5e5}.transport-controls button.armed{border-color:#f0a2a7e0;background:#69373e7a;color:#fff0f2;animation:transport-arm-pulse 1s ease-in-out infinite}.transport-controls label{display:flex;align-items:center;gap:4px}.transport-controls .tempo-control{gap:3px;padding:0 5px 0 7px}.tempo-control>span{margin-right:3px}.count-in-control{width:82px;box-sizing:border-box;height:var(--toolbar-control-height);border:1px solid rgba(100,70,80,.25);border-radius:3px;background:#101c1fcc;color:#daebedd1;padding:0 8px;font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif}@keyframes transport-arm-pulse{50%{box-shadow:0 0 10px #f0a2a766}}.tempo-control button{width:16px;height:16px;padding:0;border:1px solid rgba(216,107,114,.48);border-radius:2px;background:#532b31b8;color:#ffe7e9;font:700 12px/14px Avenir Next,Helvetica Neue,sans-serif}.transport-controls input{width:38px;border:0;background:transparent;color:#f0a2a7;font:inherit;outline:none}.tempo-control input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;text-align:center}.tempo-control input[type=number]::-webkit-inner-spin-button,.tempo-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.midi-controls{display:flex;align-items:center;gap:4px}.midi-controls button,.midi-controls select{border:1px solid rgba(100,70,80,.25);border-radius:3px;background:#101c1fcc;color:#daebedd1;box-sizing:border-box;height:var(--toolbar-control-height);padding:0 8px;font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif}.midi-controls button{cursor:pointer}.midi-controls button.active{border-color:#d86b72cc;color:#fff1f2}.midi-controls select{width:96px;max-width:96px;overflow:hidden;text-overflow:ellipsis}.session-controls,.export-controls{display:flex;align-items:center;gap:4px}.session-controls{position:relative}.toolbar-menu,.export-bars{border:1px solid rgba(100,70,80,.25);border-radius:3px;background:#101c1fcc;color:#daebedd1;box-sizing:border-box;height:var(--toolbar-control-height);padding:0 9px;font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.session-controls .toolbar-menu{width:92px}.export-action{width:118px}.session-status{position:absolute;top:calc(100% + 6px);right:0;z-index:2;width:max-content;max-width:min(220px,calc(100vw - 32px));padding:5px 7px;border:1px solid rgba(118,81,88,.34);background:#0a1113f0;box-shadow:0 8px 18px #0000003d;color:#daebedd6;font-size:9px;line-height:1.1;pointer-events:none}.session-status.error{color:#faa}.stem-export{border:1px solid rgba(240,162,167,.45);border-radius:3px;background:#532b31c2;color:#ffe7e9;padding:4px 6px;font:600 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.export-bars{width:76px;border-color:#f0a2a773;background:#532b31c2;color:#ffe7e9}.export-action{border-color:#f0a2a773;background:#532b31c2;color:#ffe7e9}.source-switch button,.part-button{border:1px solid transparent;border-radius:3px;background:transparent;color:#d0e0e4bd;cursor:pointer;font:inherit}.source-switch button{box-sizing:border-box;display:inline-flex;align-items:center;height:var(--toolbar-control-height);padding:0 10px;font-size:11px}.source-switch button.active{border-color:#f0a2a79e;background:#f0a2a729;color:#ffe7e9}.instrument-rack{position:absolute;top:52px;left:0;width:82px;gap:5px;padding:5px;flex-direction:column}.loop-lane{position:absolute;left:94px;bottom:0;width:min(540px,calc(100vw - 520px));min-width:230px;padding:7px;pointer-events:auto;background:#070b0dd1;border:1px solid rgba(118,81,88,.28);box-shadow:0 12px 28px #00000047}.loop-lane-header{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:#deeff1e6;font-size:10px;font-weight:700;text-transform:uppercase}.loop-lane-actions{display:flex;align-items:center;gap:6px}.loop-lane-actions button{border:1px solid rgba(96,74,79,.24);border-radius:3px;background:#121d20b3;color:#cbdee1b8;padding:3px 5px;font:700 8px/1 Avenir Next,Helvetica Neue,sans-serif;text-transform:uppercase;cursor:pointer}.loop-lane-actions button.active{border-color:#f0a2a7b8;background:#86542380;color:#fff0f2}.loop-lane-header span:last-child{color:#bad4d89e;font-weight:500}.loop-step-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.loop-program-controls{display:flex;align-items:center;gap:10px;margin-bottom:6px}.loop-program-controls label{display:flex;align-items:center;gap:4px;color:#bad4d8b8;font-size:9px;font-weight:700;text-transform:uppercase}.loop-program-controls select{width:58px;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#fff1f2;padding:3px 4px;font:600 10px/1 Avenir Next,Helvetica Neue,sans-serif}.loop-program-controls input[type=range]{width:74px;accent-color:#f0a2a7}.loop-program-controls output{min-width:25px;color:#f0a2a7;font-size:10px;font-variant-numeric:tabular-nums}.loop-lane.manual-steps-disabled .loop-program-controls{display:none}.loop-step:disabled{cursor:not-allowed;opacity:.4}.loop-step{min-width:0;height:27px;display:grid;place-items:center;border:1px solid rgba(96,74,79,.18);background:#202b2f99;color:#d6eceedb;padding:0;font-size:8px;font-variant-numeric:tabular-nums;cursor:pointer}.loop-step.has-note{border-color:#f0a2a7a8;background:#865423a8;color:#fff0f2}.loop-step.selected{outline:2px solid #d86b72;outline-offset:-2px}.loop-step.playing{box-shadow:inset 0 -3px #d86b72}.pattern-lane-header{display:flex;justify-content:space-between;margin-top:7px;margin-bottom:4px;color:#bad4d89e;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pattern-step-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.pattern-step{min-width:0;height:18px;display:grid;place-items:center;border:1px solid rgba(96,74,79,.13);background:#18222585;color:#b8cfd36b;font-size:7px}.pattern-step.active-step{border-color:#d86b7294;background:#3d2b325c;color:#fff0f2}.pattern-step.playing{box-shadow:inset 0 -2px #f0a2a7}.part-strip{display:grid;grid-template-columns:1fr 10px;gap:3px}.synth-editor{position:absolute;top:52px;right:0;width:220px;max-height:calc(100vh - 210px);overflow-x:hidden;overflow-y:auto;padding:10px;pointer-events:auto;background:#070b0ddb;border:1px solid rgba(118,81,88,.28);color:#dceff1db;font-size:10px}body.instrument-ui-active:not(.classic-desk-open) .lil-gui{display:none!important}.visual-desk-toggle{box-sizing:border-box;display:inline-flex;align-items:center;height:var(--toolbar-control-height);border:1px solid rgba(216,107,114,.62);border-radius:3px;background:#532b3180;color:#daebedd1;padding:0 10px;font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.visual-desk-toggle.active{border-color:#d86b72cc;background:#70333b7a;color:#fff1f2}.instrument-ui button:not(:disabled):hover,.instrument-ui select:hover,.instrument-ui input[type=color]:hover{border-color:#f0a2a7eb;box-shadow:0 0 0 1px #d86b7257,0 0 22px #d86b728f;filter:drop-shadow(0 0 7px rgba(216,107,114,.34))}.instrument-ui input[type=range]:hover{filter:drop-shadow(0 0 7px rgba(216,107,114,.56))}.instrument-ui button:not(:disabled):focus-visible,.instrument-ui select:focus-visible,.instrument-ui input[type=color]:focus-visible{outline:2px solid rgba(240,162,167,.9);outline-offset:2px}.detailed-view-close{box-sizing:border-box;align-items:center;height:var(--toolbar-control-height);display:none;border:1px solid rgba(240,162,167,.56);border-radius:3px;background:#3a2a18c2;color:#ffe7e9;padding:0 10px;font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.visual-desk{position:absolute;top:52px;left:94px;z-index:2;width:340px;max-height:calc(100vh - 176px);overflow-x:hidden;overflow-y:auto;padding:10px;pointer-events:auto;background:#070b0de6;border:1px solid rgba(118,81,88,.28);color:#dceff1db;font-size:10px;box-shadow:0 12px 28px #00000047;display:none}.visual-desk.visible{display:block}.visual-desk-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:9px 0 0}.visual-desk-tabs button{min-width:0;border:1px solid rgba(96,74,79,.2);border-radius:3px;background:#121d20b3;color:#cbdee1b8;padding:5px 2px;font:700 8px/1 Avenir Next,Helvetica Neue,sans-serif;text-transform:uppercase;cursor:pointer}.visual-desk-tabs button.active{border-color:#d86b72b8;background:#3d2b324d;color:#fff1f2}.visual-desk .visual-panel-hidden,.visual-desk .visual-mode-hidden{display:none}.visual-basic-dials,.visual-link-dials,.scene-dials,.scene-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.scene-actions{margin-top:8px}.visual-link-dials>*{min-width:0}.visual-link-strobe{margin-top:16px;padding-top:2px;border-top:1px solid rgba(118,81,88,.2)}.visual-link-slider{margin-top:10px}.visual-link-strobe label.has-slider-value .slider-value,.visual-link-slider label.has-slider-value .slider-value{grid-column:2;grid-row:1;justify-self:end}.visual-link-strobe label.has-slider-value input[type=range],.visual-link-slider label.has-slider-value input[type=range]{grid-column:1 / -1;grid-row:2}.visual-mode-panel[data-visual-mode=particles],.visual-mode-panel[data-visual-mode=geometry],.visual-mode-panel[data-visual-mode=ripple]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.visual-mode-panel.visual-mode-hidden{display:none}.visual-mode-panel[data-visual-mode=particles] .visual-section,.visual-mode-panel[data-visual-mode=geometry] .visual-section,.visual-mode-panel[data-visual-mode=particles] .visual-action,.visual-mode-panel[data-visual-mode=geometry]>label:first-child,.ripple-style-actions,.geometry-style-actions{grid-column:1 / -1}.ripple-style-actions,.geometry-style-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.geometry-style-actions>:first-child{grid-column:1 / -1}.visual-desk-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff1f2;font-size:11px;font-weight:700;text-transform:uppercase}.visual-desk-header button{border:0;background:transparent;color:#bad4d8a3;padding:2px;font:600 9px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.visual-channel-label{margin:8px -10px 0;padding:7px 10px;border-top:1px solid rgba(118,81,88,.2);border-bottom:1px solid rgba(118,81,88,.2);color:#f0a2a7;font-size:10px;font-weight:700}.visual-link-monitor{display:none;align-items:center;justify-content:space-between;margin:7px 0 0;padding:5px 7px;border:1px solid rgba(96,74,79,.22);color:#cbdee1b3;font-size:9px;text-transform:uppercase}.instrument-ui.internal-active .visual-link-monitor{display:flex}.visual-link-monitor output{color:#f0a2a7;font-variant-numeric:tabular-nums}.visual-link-monitor.active{border-color:#d86b72d1;color:#fff1f2}.visual-desk label{display:grid;grid-template-columns:1fr auto;gap:3px 7px;margin-top:8px;align-items:center}.visual-desk select,.visual-desk input[type=range]{grid-column:1 / -1;width:100%;accent-color:#d86b72}.visual-desk select{border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#fff1f2;padding:3px 4px;font:inherit}.visual-desk input[type=color]{width:34px;height:20px;padding:0;border:1px solid rgba(118,81,88,.34);background:#142125}.visual-desk output{color:#f0a2a7;font-variant-numeric:tabular-nums}.synth-editor .dial-label,.visual-desk .dial-label{grid-template-columns:1fr;grid-template-rows:auto 48px auto;justify-items:center;gap:2px;text-align:center}.dial-label .dial-title{grid-column:1;grid-row:1;min-width:0}.dial-label .dial-control{grid-column:1;grid-row:2}.dial-label .dial-value{grid-column:1;grid-row:3;position:relative;z-index:1;pointer-events:auto;width:48px;min-height:20px;box-sizing:border-box;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#f0a2a7;padding:3px 4px;font-size:9px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.instrument-ui.keyboard-editing .dial-label .dial-value:focus{border-color:var(--accent-warm);box-shadow:0 0 0 1px #f0a2a747}.dial-label .dial-value::-webkit-inner-spin-button,.dial-label .dial-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.visual-section{margin:10px -10px 0;padding:8px 10px 0;border-top:1px solid rgba(118,81,88,.2);color:#fff1f2;font-size:10px;font-weight:700;text-transform:uppercase}.visual-detail-note{margin-top:10px;color:#bad4d894;font-size:9px;line-height:1.35}.visual-action,.classic-desk-toggle{width:100%;margin-top:8px;border:1px solid rgba(100,70,80,.25);border-radius:3px;background:#101c1fcc;color:#daebedd1;padding:5px 6px;font:600 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}body.classic-desk-open .lil-gui.root{left:320px!important;right:auto!important;top:70px!important}.visual-action.active,.classic-desk-toggle.active{border-color:#d86b72cc;color:#fff1f2}.classic-desk-toggle{border-color:#f0a2a77a;background:#3a2a18c2;color:#ffe7e9}.synth-editor-title{margin-bottom:9px;color:#fff1f2;font-size:11px;font-weight:700;text-transform:uppercase}.editor-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 -2px 10px}.editor-tabs button{min-width:0;border:1px solid rgba(96,74,79,.2);border-radius:3px;background:#121d20b3;color:#cbdee1b8;padding:5px 2px;font:700 8px/1 Avenir Next,Helvetica Neue,sans-serif;text-transform:uppercase;cursor:pointer}.editor-tabs button.active{border-color:#d86b72b8;background:#3d2b324d;color:#fff1f2}.synth-editor .editor-panel-hidden,.synth-editor .synthesis-hidden,.synth-editor .lfo-rate-hidden{display:none!important}.harmonics-panel{margin:14px -10px 0;padding:8px 10px 10px;border-top:1px solid rgba(118,81,88,.2)}.harmonics-heading{margin-bottom:8px;color:#fff1f2;font-size:11px;font-weight:700;text-transform:uppercase}.synth-editor .harmonic-shape{margin-top:0}.harmonic-tuning-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.harmonic-tuning-controls label{min-width:0;margin-top:0;font-size:9px}.harmonic-global-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.harmonic-global-controls label{min-width:0;margin-top:0}.synth-editor .additive-normalize{display:flex;align-items:center;justify-content:space-between;min-height:27px;margin-top:8px;padding:0 7px;border:1px solid rgba(96,74,79,.22);background:#14212580}.synth-editor .additive-normalize input[type=checkbox]{grid-column:auto;width:22px;height:13px;margin:0;accent-color:#d86b72}.harmonic-partials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.synth-editor .harmonic-partial{display:flex;min-width:0;min-height:122px;flex-direction:column;align-items:center;gap:3px;margin-top:0;padding:6px 3px 5px;border:1px solid rgba(96,74,79,.18);background:#0f191c80;color:#daebedcc;font-size:9px;font-weight:700}.synth-editor .harmonic-partial output{font-size:9px}.synth-editor .harmonic-partial input[type=range]{width:100%;height:76px;margin:1px 0 0;writing-mode:vertical-lr;direction:rtl;accent-color:#d86b72}.pattern-section{margin:14px -10px 0;padding:8px 10px 0;border-top:1px solid rgba(118,81,88,.2);color:#fff1f2;font-size:11px;font-weight:700;text-transform:uppercase}.pattern-quick-arp-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:5px;margin:-2px 0 7px}.pattern-quick-arp{width:100%;min-height:30px;margin:0;border:1px solid rgba(118,81,88,.4);border-radius:3px;background:#0a1214c7;color:#daebedc7;font:650 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.pattern-quick-arp.active{border-color:#d86b72e6;background:#66343d94;color:#fff3f4}.engine-section{margin:14px -10px 0;padding:8px 10px 0;border-top:1px solid rgba(118,81,88,.2);color:#fff1f2;font-size:11px;font-weight:700;text-transform:uppercase}.part-mix-section{margin-top:0}.part-preset-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0 10px}.part-preset-actions button{min-height:28px;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125b8;color:#e1f0f1d4;font:600 10px/1 Avenir Next,Helvetica Neue,sans-serif}.synth-editor .part-preset-visuals{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:0 8px;border:1px solid rgba(118,81,88,.2);background:#14212580}.synth-editor .part-preset-visuals input[type=checkbox]{grid-column:auto;width:22px;height:13px}.part-mute{width:100%;margin-top:8px;border:1px solid rgba(100,70,80,.25);border-radius:3px;background:#101c1fcc;color:#daebedd1;padding:5px 6px;font:600 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.part-mute.active{border-color:#ff6969d6;color:#ffe5e5}.loop-status{margin-top:6px;color:#bad4d89e;font-size:10px}.synth-editor label{min-width:0;display:grid;grid-template-columns:1fr auto;gap:3px 7px;margin-top:8px;align-items:center}.synth-editor input,.synth-editor select{grid-column:1 / -1;width:100%;accent-color:#d86b72}.synth-editor input[type=text]{border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#fff1f2;padding:4px 5px;font:inherit}.synth-editor .lfo-enable{display:flex;align-items:center;justify-content:space-between;min-height:25px;padding:0 6px;border:1px solid rgba(96,74,79,.22);background:#14212580}.synth-editor .lfo-enable input[type=checkbox]{grid-column:auto;width:22px;height:13px;margin:0;accent-color:#d86b72}.lfo-rate-depth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0}.lfo-rate-depth>label{margin-top:0}.synth-editor select{border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#fff1f2;padding:3px 4px;font:inherit}.synth-editor output{color:#f0a2a7;font-variant-numeric:tabular-nums}.instrument-ui .slider-value{width:48px;min-height:20px;box-sizing:border-box;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#f0a2a7;padding:2px 4px;font:700 10px/1 Avenir Next,Helvetica Neue,sans-serif;text-align:center;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.instrument-ui .slider-value::-webkit-inner-spin-button,.instrument-ui .slider-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.synth-editor label.has-slider-value:not(.harmonic-partial) .slider-value{grid-column:2;grid-row:1;justify-self:end}.synth-editor label.has-slider-value:not(.harmonic-partial) input[type=range]{grid-column:1 / -1;grid-row:2}.loop-program-controls label.has-slider-value{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 4px}.loop-program-controls label.has-slider-value .slider-value{grid-column:2;grid-row:1}.loop-program-controls label.has-slider-value input[type=range]{grid-column:1 / -1;grid-row:2;width:100%}.dial-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.visual-desk .visual-dial-control{margin:0 auto}.dial-control{grid-column:1 / -1;width:48px;height:48px;display:grid;place-items:center;justify-self:center;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.dial-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;gap:8px;margin-top:8px}.synth-editor .dial-row .dial-label{min-width:0;margin-top:0}.dial-knob{position:relative;width:40px;height:40px;border:1px solid rgba(118,81,88,.46);border-radius:50%;background:#172428;box-shadow:inset 0 0 0 5px #060a0c6b,0 3px 8px #00000052}.dial-knob:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(187,230,233,.2);border-radius:50%}.dial-marker{position:absolute;left:19px;top:3px;width:2px;height:9px;border-radius:1px;background:#f0a2a7;transform:rotate(var(--dial-angle, -135deg));transform-origin:1px 17px}.dial-control:focus-visible .dial-knob{outline:2px solid #d86b72;outline-offset:3px}.dial-control:hover .dial-knob{border-color:#d86b72bd;box-shadow:inset 0 0 0 5px #060a0c6b,0 0 22px #d86b728f}.part-button{min-width:0;height:24px;padding:0 7px;background:#202b2fb8;border-color:#604a4f2e;font-size:10px}.part-meter{grid-row:1 / span 3;grid-column:2;position:relative;overflow:hidden;background:#d8f1f31a}.part-meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom;transform:scaleY(var(--meter-level, .02));background:#d86b72;transition:transform 70ms linear}.part-strip-control{height:18px;border:1px solid rgba(96,74,79,.18);background:#202b2fb8;color:#d0e0e4bd;font-size:9px;cursor:pointer}.part-strip-control.active{border-color:#f0a2a7bd;color:#ffe7e9}.part-button.active{border-color:#d86b72c7;background:#48313b4d;color:#fff1f2}.instrument-keyboard{position:absolute;right:0;bottom:0;height:106px;padding:5px;gap:3px}.piano-key{position:relative;width:38px;height:94px;padding:0 0 8px;border-radius:2px;cursor:pointer;font-family:inherit}.piano-key.white{display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(206,230,233,.42);background:#e8f0ef;color:#162224}.piano-key.black{width:25px;height:62px;margin-right:-16px;margin-left:-12px;z-index:2;align-self:flex-start;border:1px solid #111c1e;background:#132124;color:#e8f8f8}.piano-key span{font-size:10px}.piano-key kbd{margin-top:4px;font-size:9px;opacity:.6}.piano-key.active{background:#f0a2a7;color:#16100a}.instrument-ui:not(.internal-active) .instrument-rack,.instrument-ui:not(.internal-active) .instrument-keyboard,.instrument-ui:not(.internal-active) .synth-editor,.instrument-ui:not(.internal-active) .loop-lane{opacity:.45;pointer-events:none}.instrument-ui:not(.internal-active) [data-visual-tab=link],.instrument-ui:not(.internal-active) .detailed-visual-section[data-detailed-section$="/Synth Link"]{display:none}@media(max-width:760px){.instrument-ui{top:10px;right:10px;bottom:10px;left:10px}.instrument-topbar{width:calc(100vw - 20px)}.instrument-rack{max-width:calc(100vw - 20px);flex-wrap:wrap}.instrument-keyboard{transform:scale(.74);transform-origin:bottom right}.loop-lane{left:94px;width:calc(100vw - 114px);bottom:116px}.visual-desk{left:0;width:min(300px,calc(100vw - 20px))}.visual-mode-panel[data-visual-mode=particles]{grid-template-columns:1fr}}.perf-overlay{position:fixed;top:20px;right:18px;left:auto;min-width:250px;padding:10px 12px;background:#080c0ec7;border:1px solid rgba(216,107,114,.34);border-radius:8px;color:#d4eff2f0;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:11px;line-height:1.35;letter-spacing:.01em;pointer-events:auto;z-index:12;backdrop-filter:blur(8px) saturate(135%);-webkit-backdrop-filter:blur(8px) saturate(135%)}.perf-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.perf-overlay-title{font-weight:600;color:#e4f8faf5}.perf-overlay-toggle{width:22px;height:22px;border:1px solid rgba(216,107,114,.34);border-radius:5px;background:#121c1fcc;color:#d4eff2f5;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:12px;line-height:1;cursor:pointer;padding:0}.perf-overlay-toggle:hover{background:#1e2e32e6;border-color:#d86b728f}.perf-overlay-content{margin-top:8px;white-space:pre;pointer-events:none}.perf-overlay.collapsed{min-width:0;padding:8px 10px}.perf-overlay.collapsed .perf-overlay-content,.perf-overlay.hidden{display:none}@media(max-width:760px){.perf-overlay{top:10px;right:10px;left:auto}}body.render-light{background:radial-gradient(1200px 560px at 20% 8%,rgba(255,255,255,.58),transparent 60%),radial-gradient(900px 540px at 78% 90%,rgba(235,241,246,.5),transparent 62%),linear-gradient(165deg,#d5dde4,#bcc8d2 72%);color:#0c1014eb}#app.render-light{background:radial-gradient(900px 480px at 18% 8%,rgba(255,255,255,.52),transparent 60%),radial-gradient(940px 540px at 86% 92%,rgba(230,238,245,.45),transparent 62%)}#app.render-light #main-viewport{border:1px solid rgba(255,255,255,.96);box-shadow:0 22px 48px #00000047,0 0 0 1px #ffffffc7,inset 0 0 0 1px #ffffff9e}#app.render-light .start-button{background:#ffffffe6;border:1px solid rgba(255,255,255,.96);color:#0e1418f5;box-shadow:0 12px 24px #00000029}#app.render-light .start-button:hover{background:#fffffff7;border-color:#fff;box-shadow:0 14px 30px #0003}#app.render-light .status-badge{background:#ffffffe0;border:1px solid rgba(255,255,255,.96);color:#0c1216e0}#app.render-light .perf-overlay{background:#ffffffe0;border:1px solid rgba(255,255,255,.96);color:#0c1216e6;box-shadow:0 12px 24px #00000029}#app.render-light .perf-overlay-title{color:#0a0f14f2}#app.render-light .perf-overlay-toggle{border:1px solid rgba(214,224,232,.9);background:#f8fbfdfa;color:#0c1216eb}#app.render-light .perf-overlay-toggle:hover{background:#fff;border-color:#b8c7d2eb}#app.render-light .tracking-fps-hint{color:#202c32eb;background:#cde0eab3;border-color:#b2cad6e0}.lil-gui{--background-color: var(--bg-panel);--text-color: var(--text-main);--title-background-color: rgba(22, 30, 34, .88);--title-text-color: rgba(242, 247, 249, .96);--widget-color: rgba(42, 58, 64, .76);--hover-color: rgba(216, 107, 114, .2);--focus-color: rgba(216, 107, 114, .34);--number-color: rgba(198, 236, 239, .96);--string-color: rgba(255, 208, 160, .95);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif!important;font-size:11px!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(127,87,98,.22)!important;border-radius:16px!important;box-shadow:0 14px 36px #00000070,0 0 1px #ffffff14,inset 0 1px #ffffff0a;overflow:hidden}.lil-gui.root>.title{background:linear-gradient(180deg,#202c31f0,#172024e6);border-bottom:1px solid rgba(127,87,98,.24);font-weight:700;letter-spacing:.5px;padding:10px 12px}.lil-gui .title{background:#1c262aa8;border-radius:0;transition:all .2s ease;padding:8px 10px;font-weight:500}.lil-gui .title:hover{background:#d86b722e}.lil-gui .lil-gui{border:none!important;border-left:2px solid rgba(216,107,114,.25)!important;margin-left:4px;border-radius:0!important;background:#11181c80}.lil-gui .controller{padding:4px 8px;border-radius:6px;margin:2px 4px;transition:all .15s ease;background:transparent}.lil-gui .controller:hover{background:#d86b721f}.lil-gui .controller .name{color:#ffffffb3;font-weight:400}.lil-gui .controller:hover .name{color:#fffffff2}.tracking-fps-hint{margin:2px 8px 6px;padding:4px 6px;border-radius:4px;font-size:10px;line-height:1.3;color:#dceceee6;background:#d86b721f;border:1px solid rgba(216,107,114,.28)}.lil-gui .controller.number .slider{background:#2e3c4299;border-radius:4px;height:6px;overflow:hidden}.lil-gui .controller.number .slider .fill{background:linear-gradient(90deg,#d86b72e0,#f0a2a7d6);border-radius:4px}.lil-gui .controller.number:hover .slider .fill{background:linear-gradient(90deg,#d86b72,#f0a2a7fa)}.lil-gui .controller input{background:#1d272ca8;border:1px solid rgba(216,107,114,.2);border-radius:4px;color:#d6eef1f5;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;transition:all .15s ease}.lil-gui .controller input:focus{background:#232f35db;border-color:#d86b728f;outline:none;box-shadow:0 0 0 3px #d86b7229}.lil-gui .controller.option select{background:#1d272cb3;border:1px solid rgba(216,107,114,.24);border-radius:6px;color:#e0f1f3f5;padding:4px 8px;cursor:pointer;transition:all .15s ease}.lil-gui .controller.option select:hover{background:#232f35d6;border-color:#d86b726b}.lil-gui .controller.boolean input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;background:#1d272ca8;border:1px solid rgba(216,107,114,.32);border-radius:5px;cursor:pointer;transition:all .15s ease;position:relative}.lil-gui .controller.boolean input[type=checkbox]:checked{background:linear-gradient(135deg,#d86b72eb,#f0a2a7e6);border-color:#f0a2a7ad}.lil-gui .controller.boolean input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.lil-gui .controller.boolean input[type=checkbox]:hover{border-color:#d86b7294;box-shadow:0 0 0 3px #d86b721f}.lil-gui .controller.function button{background:linear-gradient(180deg,#242f35c7,#1a2328bf);border:1px solid rgba(216,107,114,.26);border-radius:6px;color:#e2f1f3f5;padding:6px 12px;font-weight:500;cursor:pointer;transition:all .15s ease}.lil-gui .controller.function button:hover{background:linear-gradient(180deg,#3a4a52e6,#27353cdb);border-color:#f0a2a794;transform:translateY(-1px)}.lil-gui .controller.function button:active{transform:translateY(0);background:#323c5acc}.lil-gui .controller.color .display{border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 2px #0000004d}.lil-gui::-webkit-scrollbar{width:6px}.lil-gui::-webkit-scrollbar-track{background:#14141e4d}.lil-gui::-webkit-scrollbar-thumb{background:#6478b466;border-radius:3px}.lil-gui::-webkit-scrollbar-thumb:hover{background:#788cc899}.lil-gui .closed>.children{display:none}.lil-gui.root>.children>.lil-gui:nth-child(2) .title:hover{background:#ff646433}.lil-gui.root>.children>.lil-gui:nth-child(3) .title:hover{background:#64ff9633}.lil-gui.root>.children>.lil-gui:nth-child(4) .title:hover{background:#64b4ff33}.lil-gui.root>.children>.lil-gui:nth-child(5) .title:hover{background:#ffc86433}.channel-meter{display:flex;align-items:center;gap:8px;padding:6px 10px;margin:4px 6px 8px;background:#161e2394;border-radius:6px;border:1px solid rgba(216,107,114,.18)}.channel-meter .meter-label{font-size:10px;color:#fff9;white-space:nowrap;min-width:50px}.channel-meter .meter-track{flex:1;height:8px;background:#1f2a30d1;border-radius:4px;position:relative;overflow:hidden;min-width:80px}.channel-meter .meter-fill{height:100%;width:0%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;transition:width .05s ease-out}.channel-meter .meter-peak{position:absolute;top:0;left:0;width:2px;height:100%;background:#fffc;border-radius:1px;transition:left .05s ease-out}.channel-meter .meter-value{font-size:10px;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;color:#d6eff2d6;min-width:32px;text-align:right}body.render-light .lil-gui{--background-color: rgba(255, 255, 255, .88);--text-color: rgba(16, 22, 26, .94);--title-background-color: rgba(248, 251, 253, .94);--title-text-color: rgba(10, 16, 20, .96);--widget-color: rgba(229, 238, 244, .95);--hover-color: rgba(172, 196, 210, .34);--focus-color: rgba(132, 169, 192, .46);--number-color: rgba(24, 40, 52, .96);--string-color: rgba(54, 66, 76, .94);border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 12px 24px #00000029,0 0 0 1px #ffffffa8,inset 0 1px #ffffff80}body.render-light .lil-gui.root>.title{background:linear-gradient(180deg,#fafdfffa,#f1f7fbf5);border-bottom:1px solid rgba(212,225,234,.8);color:#0a1014f2}body.render-light .lil-gui .title{background:#f0f7fbb8;color:#10181de6}body.render-light .lil-gui .title:hover{background:#dceaf2d1}body.render-light .lil-gui .lil-gui{border-left:2px solid rgba(172,196,210,.72)!important;background:#f4fafee6}body.render-light .lil-gui .children{background:#f8fcffdb}body.render-light .lil-gui .controller:hover{background:#cee0ea70}body.render-light .lil-gui .controller .name{color:#18232acc}body.render-light .lil-gui .controller:hover .name{color:#0c1419f5}body.render-light .lil-gui .controller input,body.render-light .lil-gui .controller.option select{background:#fffffffa;border-color:#b0c7d6c7;color:#0e161cf2}body.render-light .lil-gui .controller input:focus{box-shadow:0 0 0 3px #8aadc447}body.render-light .lil-gui .controller.number .slider{background:#c7d7e2c7}body.render-light .lil-gui .controller.boolean input[type=checkbox]{background:#fffffffa;border-color:#a6bfcfe0}body.render-light .lil-gui .controller.boolean input[type=checkbox]:checked{background:linear-gradient(135deg,#9bbed3fa,#dae7effa);border-color:#86a3b6e6}body.render-light .lil-gui .controller.boolean input[type=checkbox]:checked:after{color:#0c1216f2}body.render-light .lil-gui .controller.function button{background:linear-gradient(180deg,#f8fcfffa,#ecf4f9f0);border-color:#aec5d2d1;color:#0d151beb}body.classic-desk-open .lil-gui.root{width:300px!important;max-height:calc(100vh - 84px)!important;border:1px solid rgba(118,81,88,.28)!important;border-radius:3px!important;background:#070b0deb!important;box-shadow:0 12px 28px #00000059!important;font-size:10px!important}body.classic-desk-open .lil-gui.root>.title,body.classic-desk-open .lil-gui .title{border-radius:0!important;background:#121d20e6!important;border-bottom:1px solid rgba(118,81,88,.2)!important;color:#fff1f2!important;padding:7px 9px!important;font-size:10px!important}body.classic-desk-open .lil-gui.root.detailed-view-gui{left:auto!important;right:16px!important;top:68px!important}body.classic-desk-open .lil-gui .controller{margin:1px 3px!important;padding:3px 6px!important;border-radius:3px!important}body.classic-desk-open .lil-gui .controller.function button,body.classic-desk-open .lil-gui .controller.option select,body.classic-desk-open .lil-gui .controller input{border-radius:3px!important;font-size:10px!important}body.render-light .lil-gui .controller.function button:hover{background:linear-gradient(180deg,#fff,#f2f8fcfa);border-color:#8ca8baeb}body.render-light .channel-meter{background:#f1f8fcd6;border-color:#adc7d7ad}body.render-light .channel-meter .meter-label,body.render-light .channel-meter .meter-value{color:#121d24d1}body.render-light .channel-meter .meter-track{background:#cddce5c7}.instrument-ui.detailed-view-open .synth-editor{display:none}.instrument-ui.detailed-view-open .detailed-view-close{display:inline-block}.instrument-ui.detailed-view-open .visual-desk-toggle{display:none}.instrument-ui.detailed-view-open .visual-desk{display:none!important}.detailed-visual-editor{position:absolute;z-index:16;top:52px;right:0;bottom:116px;width:min(390px,calc(100vw - 118px));display:none;flex-direction:column;overflow:hidden;pointer-events:auto;border:1px solid rgba(102,72,82,.34);background:#0a1113f5;box-shadow:-18px 18px 42px #00000057}.detailed-visual-editor.visible{display:flex}.detailed-visual-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px 11px;border-bottom:1px solid rgba(96,74,79,.22);background:#142125b3}.detailed-visual-kicker{color:#96cacfad;font-size:9px;font-weight:700;letter-spacing:0;text-transform:uppercase}.detailed-visual-title{margin-top:3px;color:#fff1f2;font-size:16px;font-weight:750;line-height:1.1}.detailed-visual-close{flex:0 0 auto;border:1px solid rgba(240,162,167,.52);border-radius:3px;background:#2c211794;color:#ffe7e9;padding:5px 7px;font:700 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.detailed-visual-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px 10px;border-bottom:1px solid rgba(96,74,79,.16)}.detailed-visual-tabs button{min-width:0;border:1px solid rgba(96,74,79,.22);border-radius:3px;background:#142125bd;color:#d3e5e7b3;padding:6px 7px;font:700 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.detailed-visual-tabs button.active{border-color:#d86b72c2;background:#3d2b324d;color:#fff1f2}.detailed-visual-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 10px 12px;scrollbar-color:rgba(216,107,114,.38) transparent}.detailed-visual-content::-webkit-scrollbar{width:7px}.detailed-visual-content::-webkit-scrollbar-thumb{background:#d86b725c}.detailed-channel-setup{padding:1px 0 10px;border-bottom:1px solid rgba(96,74,79,.2)}.detailed-visual-subheading{margin:0 0 7px;color:#a5cdd1b3;font:750 9px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:0;text-transform:uppercase}.detailed-channel-style .detailed-visual-field{display:grid;grid-template-columns:1fr minmax(148px,1.5fr);align-items:center;gap:8px}.detailed-channel-style .detailed-visual-field select{grid-column:auto;min-height:30px}.detailed-visual-utility-actions,.detailed-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.detailed-visual-utility-actions{margin-top:7px}.detailed-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detailed-dial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;justify-items:center}.detailed-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.detailed-action-grid{margin-top:8px}.detailed-camera-motion-group{margin-top:9px;padding:7px;border:1px solid rgba(96,74,79,.16);background:#0c151852}.detailed-camera-motion-group .detailed-visual-switch{border-color:#604a4f47}.detailed-camera-motion-dials{margin-top:5px}.detailed-control-grid-root{margin-bottom:10px}.detailed-visual-action,.detailed-visual-switch,.detailed-visual-field,.detailed-visual-color,.detailed-visual-range,.detailed-visual-dial{min-width:0;color:#d7e8ead1;font:600 10px/1.2 Avenir Next,Helvetica Neue,sans-serif}.detailed-visual-action{min-height:28px;border:1px solid rgba(96,74,79,.25);border-radius:3px;background:#142125b8;color:#e1f0f1d4;cursor:pointer}.detailed-recording-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.detailed-recording-controls select{min-width:0}.detailed-recording-controls output{grid-column:1 / -1;color:var(--text-soft);font:600 11px/1 Avenir Next,Helvetica Neue,sans-serif}.detailed-recording-controls .detailed-visual-action{align-self:end;min-height:30px;height:30px;padding:0 9px;white-space:nowrap}.detailed-visual-action.compact{min-height:25px;padding:4px 5px;color:#c1dbdec7;font-size:9px}.detailed-visual-action:hover,.detailed-visual-close:hover{border-color:#d86b72b3;background:#3d2b3238}.detailed-visual-action:disabled{opacity:.45;cursor:default}.detailed-visual-switch{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:0 7px;border:1px solid rgba(96,74,79,.2);background:#14212580}.detailed-visual-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:14px;margin:0;border:1px solid rgba(132,181,186,.42);border-radius:10px;background:#070c0ec2;cursor:pointer}.detailed-visual-switch input:after{content:"";display:block;width:10px;height:10px;margin:1px;border-radius:50%;background:#c1d6d88c;transition:transform .12s ease,background .12s ease}.detailed-visual-switch input:checked{border-color:#d86b72cc}.detailed-visual-switch input:checked:after{transform:translate(12px);background:#d86b72}.detailed-visual-field,.detailed-visual-color,.detailed-visual-range{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 7px;align-items:center}.detailed-visual-field select,.detailed-visual-field input,.detailed-visual-range input[type=range]{grid-column:1 / -1;width:100%}.detailed-visual-field select,.detailed-visual-field input{min-width:0;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#fff1f2;padding:4px 5px;font:inherit}.detailed-visual-color input{width:34px;height:22px;padding:0;border:1px solid rgba(118,81,88,.4);border-radius:2px;background:transparent}.detailed-visual-range{grid-column:1 / -1}.detailed-visual-range output{color:#f0a2a7;font-variant-numeric:tabular-nums}.detailed-visual-range input[type=range]{accent-color:#d86b72}.detailed-visual-dial{display:grid;grid-template-columns:1fr;grid-template-rows:auto 44px auto;width:min(100%,104px);justify-self:center;justify-items:center;gap:2px;align-items:center;min-height:82px;padding:5px 0 4px;border-bottom:1px solid rgba(96,74,79,.14)}.detailed-visual-dial>span{grid-column:1;grid-row:1;text-align:center}.detailed-dial-control{grid-column:1;grid-row:2;justify-self:center;width:44px;height:44px}.detailed-dial-control .dial-knob{width:36px;height:36px}.detailed-dial-control .dial-knob:after{top:10px;right:10px;bottom:10px;left:10px}.detailed-dial-control .dial-marker{left:17px;top:2px;transform-origin:1px 16px}.detailed-visual-dial input[type=number]{grid-column:1;grid-row:3;width:50px;border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#f0a2a7;padding:4px;font:700 10px/1 Avenir Next,Helvetica Neue,sans-serif;text-align:center;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.detailed-visual-dial input[type=number]::-webkit-inner-spin-button,.detailed-visual-dial input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.detailed-visual-section{border-top:1px solid rgba(96,74,79,.18)}.detailed-visual-section>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;color:#deeff1e6;font:750 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer;list-style:none}.detailed-visual-section>summary::-webkit-details-marker{display:none}.detailed-visual-section>summary:before{content:"+";color:#d86b72}.detailed-visual-section[open]>summary:before{content:"-"}.detailed-visual-section>summary span:first-of-type{margin-right:auto}.detailed-visual-section-count{color:#a1c5c98c;font-size:9px}.detailed-visual-section-body{padding:6px 0 12px}.detailed-visual-section .detailed-visual-section{margin-left:8px;border-top-color:#604a4f1f}.detailed-visual-empty{margin:4px 0;color:#b9d2d5a3;font-size:11px}body.classic-desk-open .lil-gui.lil-root,body.classic-desk-open .lil-gui.root{display:none!important}@media(max-width:760px){.detailed-visual-editor{top:50px;right:0;bottom:104px;width:min(330px,calc(100vw - 76px))}}body.classic-desk-open .lil-gui,body.classic-desk-open .lil-gui .lil-gui{border-radius:0!important;border-left:0!important;background:#070b0deb!important}body.classic-desk-open .lil-gui .children{background:#0a1012a3!important}body.classic-desk-open .lil-gui.detailed-view-gui .detailed-hidden{display:none!important}body.classic-desk-open .lil-gui.detailed-view-gui .detailed-channel-rack>.title{display:none}body.classic-desk-open .lil-gui.detailed-view-gui .detailed-channel-rack>.children{padding:0}body.classic-desk-open .lil-gui.detailed-view-gui .detailed-channel-rack>.children>.lil-gui{margin:0!important}body.classic-desk-open .lil-gui.detailed-view-gui .detailed-channel-rack>.children>.lil-gui>.title{color:#f0a2a7!important;font-weight:700}body.classic-desk-open .lil-gui .controller{background:transparent!important}body.classic-desk-open .lil-gui .controller:hover{background:#3d2b3224!important}body.classic-desk-open .lil-gui .controller .name{color:#cbd6dcc7!important;font-size:10px!important}body.classic-desk-open .lil-gui .controller.number .slider{height:4px;border-radius:0;background:#202b2fd1}body.classic-desk-open .lil-gui .controller.number .slider .fill{border-radius:0;background:#d86b72}