*{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{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#000}body{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#000;font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif;color:var(--text-main);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center}#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:max(48px,calc(env(safe-area-inset-top) + 40px));bottom:275px;left:0;right:0;width:100vw;height:auto;margin:auto;border-radius:0;border:none;background:#000;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}body.play-mode-active #main-viewport.aspect-16-9{top:max(56px,env(safe-area-inset-top));bottom:max(260px,calc(256px + env(safe-area-inset-bottom)));left:8px;right:8px;width:auto;height:auto;aspect-ratio:16 / 9;max-width:calc((100vh - 330px) * (16 / 9));max-height:calc(100vh - 330px);border-radius:16px;border:1px solid var(--line-soft)}body.play-mode-active #main-viewport.aspect-9-16{top:max(56px,env(safe-area-inset-top));bottom:max(260px,calc(256px + env(safe-area-inset-bottom)));left:8px;right:8px;width:auto;height:auto;aspect-ratio:9 / 16;max-width:calc((100vh - 330px)*.5625);max-height:calc(100vh - 330px);border-radius:16px;border:1px solid var(--line-soft)}body.play-mode-active #main-viewport.aspect-1-1{top:max(56px,env(safe-area-inset-top));bottom:max(260px,calc(256px + env(safe-area-inset-bottom)));left:8px;right:8px;width:auto;height:auto;aspect-ratio:1 / 1;max-width:calc(100vh - 330px);max-height:calc(100vh - 330px);border-radius:16px;border:1px solid var(--line-soft)}body.play-mode-active #main-viewport.aspect-full{top:max(48px,calc(env(safe-area-inset-top) + 40px));bottom:275px;left:0;right:0;width:100vw;height:auto;aspect-ratio:unset;max-width:none;max-height:none;border-radius:0;border:none}#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:0;right:0;bottom:0;left:0;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:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:auto}.play-mode-brand{color:#f1fafcf5;font-size:14px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.play-master-dial{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px;background:#0e121ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:4px;color:#daebedd1;font:700 10px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;box-sizing:border-box}.play-master-dial .dial-title{color:var(--accent-warm, #f0a2a7);font-size:9px;font-weight:800;line-height:1;display:flex;align-items:center}.play-master-dial .dial-source{display:none}.play-master-dial .dial-control{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;flex:0 0 auto}.play-master-dial .dial-knob{width:22px;height:22px;border-radius:50%;background:#172428;border:1px solid rgba(240,162,167,.4);position:relative;box-shadow:inset 0 0 0 3px #060a0c6b,0 2px 6px #0000004d;transition:border-color .15s ease,box-shadow .15s ease}.play-master-dial .dial-control:hover .dial-knob,.play-master-dial .dial-control:focus-visible .dial-knob{border-color:#f0a2a7e6;box-shadow:inset 0 0 0 3px #060a0c6b,0 0 12px #f0a2a780}.play-master-dial .dial-knob:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(187,230,233,.2);border-radius:50%}.play-master-dial .dial-marker{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;pointer-events:none;transform:rotate(var(--dial-angle, -135deg));transform-origin:center center;display:flex;justify-content:center;align-items:flex-start}.play-master-dial .dial-marker:before{content:"";width:2px;height:4.5px;border-radius:1px;background:#f0a2a7;box-shadow:0 0 4px #f0a2a7cc}.play-master-dial .dial-value{font-size:10px;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-align:right;min-width:18px;display:flex;align-items:center;justify-content:flex-end}.play-mode-brand span{color:var(--accent-warm)}.play-mode-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto;overflow-x:auto;scrollbar-width:none}.play-mode-actions::-webkit-scrollbar{display:none}.play-header-input-group{display:inline-flex;align-items:center;gap:3px}.play-header-input-group .play-mode-btn{height:32px;padding:0 8px;font-size:10.5px}.play-header-input-group select.play-mode-select{height:32px;width:88px;max-width:88px;font-size:10px;padding:0 4px;border-radius:4px;background:#0e121ad9;border:1px solid rgba(255,255,255,.14);color:#e8f2f4e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;text-overflow:ellipsis}.play-header-input-group .audio-in-btn.active{border-color:#00e5ff!important;color:#00e5ff!important;background:#00e5ff33!important;box-shadow:0 0 10px #00e5ff66!important}.play-header-input-group .midi-btn.active{border-color:#d86b72cc!important;color:#fff1f2!important;background:#d86b7233!important}.play-mode-btn{box-sizing:border-box;height:32px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#0e121ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e8f2f4e6;padding:0 11px;font:650 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .18s ease}.play-mode-btn[hidden],.custom-shape-upload-btn[hidden],[hidden]{display:none!important}.play-mode-btn.icon-only{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;flex:0 0 auto}.play-mode-btn:hover{border-color:#00e5ff99;background:#141c28f2;color:#fff}.play-mode-btn.studio-btn{border-color:#ffffff2e;background:#ffffff0f}.play-mode-btn.midi-btn.active{border-color:#00e5ff;background:#00e5ff33;color:#00e5ff}.play-mode-btn.rec-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:58px;height:32px;padding:0 10px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#121822d9;color:#e6f0faf2;font:850 11px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.05em;text-align:center;transition:all .15s ease;box-sizing:border-box;flex:0 0 auto}.play-mode-btn.rec-btn .rec-dot{width:7px;height:7px;border-radius:50%;background:#ff3b30b3;display:inline-block;flex-shrink:0;margin:0;box-shadow:0 0 5px #ff3b3080;transition:all .15s ease}.play-mode-btn.rec-btn .rec-label{font-weight:850;line-height:1;letter-spacing:.05em;text-align:center;margin:0;display:inline-block}.play-mode-btn.rec-btn:not(.recording):not(.overdub):not(.armed){border-color:#ffffff29;background:#121822d9;color:#e6f0fae6;animation:none!important}.play-mode-btn.rec-btn.recording{border-color:#ff3b30!important;background:#ff3b3047!important;color:#fff!important;animation:recFlashPulse 1s ease-in-out infinite!important}.play-mode-btn.rec-btn.recording .rec-dot{background:#ff2a4b!important;box-shadow:0 0 8px #ff2a4b}.play-mode-btn.rec-btn.overdub{border-color:#fa0!important;background:#ffaa0047!important;color:#fff!important;animation:dubFlashPulse 1s ease-in-out infinite!important}.play-mode-btn.rec-btn.overdub .rec-dot{background:#fa0!important;box-shadow:0 0 8px #fa0}.play-mode-btn.rec-btn.armed{border-color:#fa0!important;background:#fa03!important;color:#fa0!important;animation:dubFlashPulse .8s ease-in-out infinite!important}.play-mode-btn.rec-btn.armed .rec-dot.armed{background:#fa0!important;box-shadow:0 0 8px #fa0!important}@keyframes recFlashPulse{0%{box-shadow:0 0 4px #ff3b3066,inset 0 0 4px #ff3b3033;border-color:#ff3b3099;background:#ff3b3033}50%{box-shadow:0 0 16px #ff3b30d9,inset 0 0 10px #ff3b3066;border-color:#ff3b30;background:#ff3b3073}to{box-shadow:0 0 4px #ff3b3066,inset 0 0 4px #ff3b3033;border-color:#ff3b3099;background:#ff3b3033}}@keyframes dubFlashPulse{0%{box-shadow:0 0 4px #fa06,inset 0 0 4px #fa03;border-color:#fa09;background:#fa03}50%{box-shadow:0 0 16px #ffaa00d9,inset 0 0 10px #fa06;border-color:#fa0;background:#ffaa0073}to{box-shadow:0 0 4px #fa06,inset 0 0 4px #fa03;border-color:#fa09;background:#fa03}}.play-mode-btn.transport-btn.active{border-color:#00e5ff;background:#00e5ff40;color:#fff;box-shadow:0 0 14px #00e5ff80}.count-in-overlay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:countInFadeIn .2s cubic-bezier(.2,.9,.3,1)}.count-in-overlay[hidden]{display:none!important}.count-in-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 28px;background:#0a0e14e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(0,229,255,.5);border-radius:20px;box-shadow:0 12px 48px #000000b3,0 0 32px #00e5ff40}.count-in-badge{font:800 11px/1 Avenir Next,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#00e5ff;text-shadow:0 0 8px rgba(0,229,255,.6)}.count-in-num{font:900 56px/1 Avenir Next,sans-serif;color:#fff;text-shadow:0 0 20px rgba(0,229,255,.9),0 0 40px rgba(0,229,255,.4);min-width:60px;text-align:center;transform-origin:center center}.count-in-num.pulse{animation:countInBeatPulse .4s cubic-bezier(.15,.85,.35,1.2)}@keyframes countInBeatPulse{0%{transform:scale(1.4);opacity:.8}50%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}@keyframes countInFadeIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.count-in-dots{display:flex;align-items:center;gap:8px;margin-top:4px}.count-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);transition:all .15s ease}.count-dot.active{background:#00e5ff99;border-color:#00e5ff;box-shadow:0 0 8px #00e5ff99}.count-dot.current{background:#00e5ff;border-color:#fff;transform:scale(1.3);box-shadow:0 0 12px #00e5ff}.play-mode-btn.armed,.play-deck-btn.armed{border-color:#fa0!important;color:#fa0!important;animation:armPulse .8s ease-in-out infinite!important}.rec-dot.armed{background:#fa0!important;box-shadow:0 0 8px #fa0!important}@keyframes armPulse{0%{box-shadow:0 0 4px #fa06}50%{box-shadow:0 0 16px #fa0c}to{box-shadow:0 0 4px #fa06}}.play-recording-hud{position:absolute;top:max(54px,calc(env(safe-area-inset-top) + 44px));right:max(12px,env(safe-area-inset-right));z-index:150;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:hudSlideIn .25s cubic-bezier(.16,1,.3,1)}.play-recording-hud[hidden]{display:none!important}@keyframes hudSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hud-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:#0e141ce6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,60,80,.45);border-radius:20px;box-shadow:0 4px 24px #0009,0 0 16px #ff2a4b4d}.hud-rec-dot{width:8px;height:8px;border-radius:50%;background:#ff2a4b;box-shadow:0 0 8px #ff2a4b;animation:recDotPulse 1.2s ease-in-out infinite;flex:0 0 auto}@keyframes recDotPulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 6px #ff2a4b}50%{transform:scale(1.25);opacity:.7;box-shadow:0 0 14px #ff2a4b}to{transform:scale(1);opacity:1;box-shadow:0 0 6px #ff2a4b}}.hud-timer{font:800 12px/1 Avenir Next,monospace,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#fff;min-width:38px}.hud-mode-badge{font:800 8px/1 Avenir Next,sans-serif;padding:2px 4px;border-radius:3px;background:#ffffff1f;color:#daebede6;letter-spacing:.05em}.hud-actions{display:flex;align-items:center;gap:4px;margin-left:2px}.hud-btn{height:24px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#f0f5fae6;font:700 10px/1 Avenir Next,sans-serif;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .15s ease}.hud-btn:hover{background:#fff3;color:#fff;border-color:#ffffff59}.hud-btn-save{background:#ff2a4b;border-color:#f57;color:#fff;box-shadow:0 0 10px #ff2a4b80;padding:0 10px}.hud-btn-save:hover{background:#ff4563;box-shadow:0 0 16px #ff2a4bcc;border-color:#fff}.hud-btn-restart{width:24px;padding:0;font-size:13px}.hud-btn-restart:hover{background:#00e5ff40;border-color:#00e5ff;color:#00e5ff}.hud-btn-cancel{width:24px;padding:0;font-size:11px}.hud-btn-cancel:hover{background:#ff2a4b4d;border-color:#ff2a4b;color:#f89}.play-mode-dock{position:absolute;left:50%;bottom:0;width:min(740px,100vw);transform:translate(-50%);padding:8px 10px 6px;background:linear-gradient(180deg,#0c1119f0,#070a0ffa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;box-shadow:0 -12px 36px #000000b3;box-sizing:border-box;pointer-events:auto;display:flex;flex-direction:column;gap:6px}.play-mode-parts-bar{display:flex;align-items:stretch;justify-content:space-between;gap:8px;height:34px}.play-mode-part-tabs{display:flex;align-items:stretch;gap:6px;flex:1;height:100%}.play-part-tab{flex:1;height:100%;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#0e121ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#daebedc7;font:650 11px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;transition:all .18s ease;box-sizing:border-box}.play-part-tab .part-tab-indicator{width:6px;height:6px;border-radius:50%;background:var(--part-color, #00e5ff);opacity:.6}.play-part-tab.active{border-color:var(--part-color, #00e5ff);background:#141a26f2;color:#fff;box-shadow:0 0 14px color-mix(in srgb,var(--part-color, #00e5ff) 40%,transparent)}.play-part-tab.active .part-tab-indicator{opacity:1;box-shadow:0 0 8px var(--part-color, #00e5ff)}.play-part-tab.part-muted{opacity:.5;border-style:dashed}.part-tab-mute-badge{font-size:8px;font-weight:800;padding:1px 4px;border-radius:3px;background:#ffffff1a;color:#fff9;transition:all .12s ease;line-height:1}.part-tab-mute-badge:hover{background:#ff2a4b66;color:#fff}.btn-text-compact{display:none}.btn-text-full{display:inline}.part-tab-mute-badge.active{background:#ff2a4b;color:#fff;box-shadow:0 0 6px #ff2a4bb3}.sound-top-mix-wrap{display:flex;align-items:center;gap:6px;height:34px;padding:0;background:transparent;border:none;flex:0 0 auto}.play-part-vol-dial{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 7px;background:#0e121ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:4px;color:#daebedd1;font:700 10px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;box-sizing:border-box}.play-part-vol-dial .dial-title{color:#daebedbf;font-size:9px;font-weight:800;line-height:1;display:flex;align-items:center}.play-part-vol-dial .dial-source{display:none}.play-part-vol-dial .dial-control{width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;flex:0 0 22px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;border-radius:50%;box-sizing:border-box}.play-part-vol-dial .dial-knob{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;aspect-ratio:1 / 1!important;border-radius:50%!important;background:#172428;border:1px solid rgba(0,229,255,.4);position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 2px #060a0c6b,0 2px 5px #0000004d;transition:border-color .15s ease,box-shadow .15s ease}.play-part-vol-dial .dial-control:hover .dial-knob,.play-part-vol-dial .dial-control:focus-visible .dial-knob{border-color:#00e5ffe6;box-shadow:inset 0 0 0 2px #060a0c6b,0 0 10px #00e5ff80}.play-part-vol-dial .dial-knob:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(187,230,233,.2);border-radius:50%}.play-part-vol-dial .dial-marker{position:absolute!important;left:2px!important;top:2px!important;right:2px!important;bottom:2px!important;width:auto!important;height:auto!important;border-radius:50%!important;pointer-events:none!important;transform:rotate(var(--dial-angle, 45deg))!important;transform-origin:center center!important;display:flex!important;justify-content:center!important;align-items:flex-start!important}.play-part-vol-dial .dial-marker:before{content:""!important;width:2px!important;height:4px!important;border-radius:1px!important;background:#00e5ff!important;box-shadow:0 0 3px #00e5ffcc!important}.play-part-vol-dial .dial-value{font-size:9.5px;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-align:right;min-width:28px;display:flex;align-items:center;justify-content:flex-end}.play-mix-mute-btn{height:34px;padding:0 9px;border-radius:4px;border:1px solid rgba(255,255,255,.14);background:#0e121ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#daebedcc;font:750 10px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.06em;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.play-mix-mute-btn:hover{background:#ff2a4b4d;color:#fff}.play-mix-mute-btn.active{background:#ff2a4b;color:#fff;border-color:#f57;box-shadow:0 0 8px #ff2a4b99}.play-part-clear-btn{height:34px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#0e121ad9;color:#ff6464d9;padding:0 10px;font:650 10px/1 Avenir Next,sans-serif;cursor:pointer;transition:all .18s ease}.play-part-clear-btn:hover{border-color:#ff6464cc;background:#ff3c3c33}.play-part-clear-btn.confirming-clear{border-color:#ff4646f2!important;background:#ff323259!important;color:#f55!important;box-shadow:0 0 10px #ff323280!important;animation:clear-btn-pulse .9s infinite alternate ease-in-out}@keyframes clear-btn-pulse{0%{transform:scale(1);box-shadow:0 0 6px #ff323259}to{transform:scale(1.02);box-shadow:0 0 14px #ff3232b3}}.play-mode-control-row{display:flex;align-items:flex-end;gap:6px;width:100%;height:46px;min-height:46px;max-height:46px;box-sizing:border-box}.play-control-label{flex:1 1 0;min-width:60px;display:flex;flex-direction:column;gap:3px;font-size:8.5px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:#daebeda6;white-space:nowrap}.play-mode-select{box-sizing:border-box;width:100%;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#0e121ae6;color:#e8f2f4f2;padding:0 6px;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.play-mode-select.compact{height:28px;font-size:10px}.play-mode-wheels-wrap{position:relative;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:2px 12px;background:#0a0e14b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:6px;height:76px;min-height:76px;max-height:76px;box-sizing:border-box}.dials-panel-toggle{position:absolute;top:4px;right:6px;width:18px;height:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#f0f5fa99;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer;z-index:10;transition:all .15s ease;line-height:1}.dials-panel-toggle:hover{background:#00e5ff26;color:#00e5ff;border-color:#00e5ff66}.dials-collapsed-expand-pill{display:none;align-items:center;justify-content:center;gap:4px;height:20px;padding:0 10px;background:#0a0e14d9;border:1px solid rgba(0,229,255,.35);border-radius:10px;color:#00e5ff;font:700 8.5px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;margin:0 auto;align-self:center;transition:all .15s ease;box-shadow:0 2px 8px #0006}.dials-collapsed-expand-pill:hover{background:#00e5ff33;border-color:#00e5ff}.play-sound-deck-wrap.dials-collapsed .dials-collapsed-expand-pill{display:inline-flex}.euclidean-wheel{display:flex;flex-direction:column;align-items:center;gap:1px;-webkit-user-select:none;user-select:none;touch-action:none}.wheel-svg-wrap{position:relative;width:54px;height:54px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none}.wheel-svg-wrap.dragging{cursor:grabbing}.wheel-center-value{position:absolute;font-size:15px;font-weight:750;color:#fff;text-shadow:0 0 8px var(--accent, #00e5ff)}.wheel-label{font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:#daebedb3}.play-mode-surface-container{position:relative;height:120px;min-height:120px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#080c12f0;box-shadow:0 8px 24px #0006;box-sizing:border-box}.play-mode-surface-container[hidden]{display:none!important}.touchpad-wrap{width:100%;height:100%}.touchpad-surface{width:100%;height:100%;display:flex;touch-action:none;-webkit-user-select:none;user-select:none}.touch-pad{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 4px;border-right:1px solid rgba(255,255,255,.08);cursor:pointer;touch-action:none;transition:background .12s ease}.touch-pad:last-child{border-right:none}.drum-pads-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:100%;gap:4px;padding:4px;box-sizing:border-box;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.drum-pads-grid *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.touch-pad.drum-pad{min-width:0;background:#0c121cbf;border:1px solid rgba(255,255,255,.08);border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:6px 8px;position:relative;transition:all .15s ease;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;touch-action:none;cursor:pointer;overflow:hidden}.touch-pad.drum-pad:hover{border-color:#fff3;background:#101826d9}.touch-pad.drum-pad.selected{border-color:var(--pad-color, var(--accent, #00e5ff));box-shadow:0 0 16px color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 35%,transparent),inset 0 0 12px color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 15%,transparent)}.touch-pad.drum-pad.active{background:color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 45%,rgba(14,20,30,.9))!important;box-shadow:inset 0 0 28px color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 80%,transparent),0 0 20px color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 50%,transparent)!important;transform:scale(.985)}.pad-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;pointer-events:none}.pad-top-bar .pad-label{font-size:11px;font-weight:850;letter-spacing:.08em;color:#fafcfff2}.pad-actions{display:flex;align-items:center;gap:4px;pointer-events:auto}.pad-mute-indicator{display:none;background:#ff2a4b40;border:1px solid rgba(255,42,75,.7);border-radius:4px;color:#f89;font:800 8px/1 Avenir Next,Helvetica Neue,sans-serif;width:16px;height:16px;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.pad-mute-indicator.active{display:flex}.drum-pad.pad-muted{opacity:.55;filter:grayscale(.35)}.pad-loop-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#f0f5fab3;font-size:8px;width:20px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;pointer-events:auto}.touch-pad.drum-pad.selected .pad-loop-btn{border-color:color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 65%,transparent);color:var(--pad-color, var(--accent, #00e5ff));background:color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 20%,rgba(255,255,255,.08));box-shadow:0 0 8px color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 30%,transparent)}.pad-loop-btn:hover{background:color-mix(in srgb,var(--pad-color, var(--accent, #00e5ff)) 35%,rgba(255,255,255,.15));border-color:var(--pad-color, var(--accent, #00e5ff));color:#fff;box-shadow:0 0 10px var(--pad-color, var(--accent, #00e5ff))}.pad-loop-btn.active{background:var(--pad-color, var(--accent, #00e5ff))!important;color:#060d14!important;font-weight:800;border-color:var(--pad-color, var(--accent, #00e5ff))!important;box-shadow:0 0 12px var(--pad-color, var(--accent, #00e5ff))!important}.pad-bottom-bar{display:flex;justify-content:space-between;align-items:center;width:100%;pointer-events:none}.pad-pulses-badge{font-size:9px;font-weight:750;color:var(--accent, #00e5ff);letter-spacing:.02em}.pad-status-badge{font-size:7.5px;font-weight:800;letter-spacing:.04em;border-radius:3px;padding:1px 4px;text-transform:uppercase}.pad-status-badge.manual{background:#ffffff0f;color:#daebed66}.pad-status-badge.loop-on{background:color-mix(in srgb,var(--accent, #00e5ff) 25%,transparent);color:var(--accent, #00e5ff);border:1px solid color-mix(in srgb,var(--accent, #00e5ff) 40%,transparent)}@keyframes padPulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.ribbon-surface,.ribbon-surface *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.ribbon-surface{position:relative;width:100%;height:100%;display:flex;overflow:hidden;touch-action:none;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;background:linear-gradient(180deg,#101a2873,#080e16d9)}.ribbon-zones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;pointer-events:none}.ribbon-zone{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 4px;border-right:1px solid rgba(255,255,255,.07);transition:background .1s ease,box-shadow .1s ease}.ribbon-zone:last-child{border-right:none}.ribbon-zone.active{background:color-mix(in srgb,var(--accent, #00e5ff) 28%,rgba(14,22,34,.7));box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent, #00e5ff) 50%,transparent)}.ribbon-zone.active .zone-degree,.ribbon-zone.active .zone-label{color:#fff;text-shadow:0 0 12px var(--accent, #00e5ff)}.ribbon-zone .zone-degree{font-size:12px;font-weight:750;color:#f0f5faf2;margin-bottom:2px}.ribbon-zone .zone-label{font-size:9px;font-weight:600;color:#daebed8c}.ribbon-cursor{position:absolute;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffffff 30%,color-mix(in srgb,var(--accent, #00e5ff) 80%,white) 70%,transparent 100%);box-shadow:0 0 16px var(--accent, #00e5ff),0 0 32px var(--accent, #00e5ff);border:2px solid #ffffff;pointer-events:none;z-index:10}.ribbon-y-axis{position:absolute;top:6px;bottom:6px;right:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;pointer-events:none;font-size:8px;font-weight:700;letter-spacing:.08em;color:#ffffff40;-webkit-user-select:none;user-select:none}.ribbon-y-axis .axis-top{color:color-mix(in srgb,var(--accent, #00e5ff) 60%,rgba(255,255,255,.4))}.ribbon-y-axis .axis-bottom{color:#ffffff4d}.play-mode-keyboard{width:100%;height:100%;position:relative;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:4px;padding:8px 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:11px;font-weight:700}.play-key small{font-size:8px;opacity:.6}.play-key.active.white{background:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)))!important;color:#000!important;box-shadow:0 0 16px var(--accent, var(--active-part-color, var(--part-color, #00e5ff)))}.play-key.active.black{background:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)))!important;color:#fff!important;box-shadow:0 0 16px var(--accent, var(--active-part-color, var(--part-color, #00e5ff)))}.play-mode-bottom-bar{display:flex;align-items:center;gap:6px}.play-global-label{flex:1;display:flex;flex-direction:column;gap:2px;font-size:8.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#daebed99}.play-tempo-control{display:flex;align-items:center;width:100%;height:30px;background:#0e121ae6;border:1px solid rgba(255,255,255,.14);border-radius:4px;overflow:hidden;box-sizing:border-box}.play-tempo-control button{width:26px;height:100%;border:none;background:#ffffff0f;color:#fff;font-weight:700;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.play-tempo-control button:hover{background:#00e5ff40;color:#00e5ff}.play-tempo-control input{flex:1 1 0;min-width:0;width:100%;height:100%;border:none;background:transparent;color:#fff;text-align:center;font:700 11px/1 Avenir Next,sans-serif;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;padding:0;margin:0}.play-tempo-control input::-webkit-outer-spin-button,.play-tempo-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.play-export-btn{height:32px;border:1px solid rgba(0,229,255,.4);border-radius:4px;background:#00e5ff26;color:#00e5ff;font:650 11px/1 Avenir Next,sans-serif;cursor:pointer;padding:0 10px;display:inline-flex;align-items:center;gap:4px;transition:all .18s ease}.play-export-btn.rec-start-btn{height:32px;padding:0 12px;background:#ff2a4b26;border:1px solid rgba(255,42,75,.45);color:#f89;border-radius:4px;font:750 11px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .18s ease}.play-export-btn.rec-start-btn .rec-dot-icon{width:8px;height:8px;border-radius:50%;background:#ff2a4b;box-shadow:0 0 6px #ff2a4b}.play-export-btn.rec-start-btn:hover{background:#ff2a4b59;border-color:#f57;color:#fff;box-shadow:0 0 12px #ff2a4b80}.play-export-btn.rec-start-btn.recording{background:#ff2a4b;border-color:#f57;color:#fff;box-shadow:0 0 14px #ff2a4bb3;animation:recButtonGlow 1.2s ease-in-out infinite alternate}@keyframes recButtonGlow{0%{box-shadow:0 0 10px #ff2a4b80}to{box-shadow:0 0 20px #ff2a4be6}}.wav-export-btn{font-size:10.5px;letter-spacing:.03em;height:32px;padding:0 10px}.play-export-btn:hover{background:#00e5ff4d;box-shadow:0 0 12px #00e5ff66}.play-mode-palette-menu{position:relative;flex:0 0 auto;margin-top:12px}.play-mode-palette-menu summary{box-sizing:border-box;display:flex;align-items:center;gap:6px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#0e121ae6;color:#e8f2f4eb;padding:0 8px;font:650 11px/1 Avenir Next,sans-serif;cursor:pointer;list-style:none}.play-mode-palette-menu summary::-webkit-details-marker{display:none}.play-mode-palette-current,.play-mode-palette-options button span{display:block;width:14px;height:14px;border:1px solid rgba(244,240,234,.48);border-radius:50%;background:var(--swatch)}.play-mode-palette-options{position:absolute;right:0;top:calc(100% + 4px);z-index:100;display:flex;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#0e121afa;box-shadow:0 12px 24px #000000d9}.play-mode-color-picker{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 8px;min-height:26px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);touch-action:manipulation;overflow:hidden}.play-mode-color-picker input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.01;cursor:pointer;padding:0;border:none;background:transparent;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:5}.play-mode-color-picker .color-picker-icon{display:block;width:14px;height:14px;border:1px solid rgba(244,240,234,.48);border-radius:50%;background:var(--current-color, #00e5ff);flex-shrink:0;pointer-events:none}.play-mode-color-picker span{font-size:10px;font-weight:700;color:#ffffffd9;-webkit-user-select:none;user-select:none;pointer-events:none}.play-mode-palette-options button{display:grid;width:24px;height:24px;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.play-mode-palette-options button.active{border-color:#00e5ff;box-shadow:0 0 8px #00e5ff}.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:#00e5ffcc;box-shadow:0 0 12px #00e5ff4d}.play-mode-ui button:focus-visible{outline:2px solid rgba(0,229,255,.9);outline-offset:2px}@media(max-width:767px),(pointer:coarse)and (max-width:1023px){.play-mode-ui{top:0;right:0;bottom:0;left:0}.play-mode-header{top:max(6px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.start-source-picker [data-start-source=external]{display:none}.play-mode-dock{position:absolute;left:0;right:0;bottom:0;width:100vw;max-width:100vw;transform:none;padding:6px 8px;background:linear-gradient(180deg,#0a0e14f0,#06080cfa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.12);border-left:none;border-right:none;border-radius:18px 18px 0 0;box-shadow:0 -8px 32px #000000a6;box-sizing:border-box;gap:5px}.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-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: 30px;--topbar-edge-width: clamp(180px, 16vw, 260px);width:calc(100vw - 32px);max-width:none;display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 12px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;overscroll-behavior-x:contain;box-sizing:border-box;background:#080c0ee6;border:1px solid rgba(118,81,88,.3);border-radius:6px;box-shadow:0 10px 24px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);zoom:min(1,calc((100vw - 32px) / 1440))}.topbar-col-left{display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:0 0 var(--topbar-edge-width)}.topbar-col-center{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1 1 auto}.topbar-col-center::-webkit-scrollbar{display:none}.topbar-col-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto;flex:0 0 var(--topbar-edge-width)}.topbar-divider{width:1px;height:18px;background:#76515847;flex-shrink:0;margin:0 2px}.instrument-topbar button,.instrument-topbar select,.instrument-topbar input{font-size:10.5px;padding-left:7px;padding-right:7px;height:var(--toolbar-control-height);border-radius:4px;border:1px solid rgba(100,70,80,.28);background:#101a1dd9;color:#daebede0;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.instrument-topbar button:hover,.instrument-topbar select:hover{border-color:#d86b7273;background:#18262ae6}.midi-controls,.audio-in-controls,.session-controls,.export-controls{display:flex;align-items:center;gap:4px}.midi-controls select{width:88px;max-width:88px}.audio-in-controls select{width:92px;max-width:92px}.session-controls .toolbar-menu{width:72px}.export-action{width:74px;padding:0 4px}.export-bars{width:48px;padding:0 2px;text-align:center}.visual-desk-toggle,.play-mode-toggle{height:var(--toolbar-control-height);padding:0 10px;border-radius:4px;background:linear-gradient(135deg,#d86b7247,#d86b721a);border:1px solid rgba(216,107,114,.55);color:var(--accent-warm);font:750 10.5px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px;box-shadow:0 0 10px #d86b7233;flex-shrink:0;white-space:nowrap}.visual-desk-toggle:hover,.play-mode-toggle:hover{background:linear-gradient(135deg,#d86b728c,#d86b7240);border-color:var(--accent-warm);box-shadow:0 0 16px #d86b72b3,0 0 28px #d86b7259;color:#fff;text-shadow:0 0 8px rgba(240,162,167,.8)}.visual-desk-toggle:active,.play-mode-toggle:active{background:linear-gradient(135deg,#d86b72a6,#d86b7259);border-color:#fff}.visual-desk-toggle.active{border-color:var(--accent-warm);background:linear-gradient(135deg,#d86b72a6,#d86b7259);box-shadow:0 0 18px #d86b72b3;color:#fff}.focus-mode-btn,.play-mode-actions .focus-mode-btn{width:auto;min-width:64px;height:var(--toolbar-control-height, 32px);padding:0 10px;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#101a1dd9;box-shadow:none;color:#daebede0;font:750 10.5px/1 Avenir Next,Helvetica Neue,sans-serif;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap}.focus-mode-btn:hover,.play-mode-actions .focus-mode-btn:hover{border-color:#d86b7273;background:#18262ae6;color:#fff}.focus-mode-btn[aria-pressed=true],.play-mode-actions .focus-mode-btn[aria-pressed=true]{border-color:#f0a2a7e6;background:#d86b723d;box-shadow:0 0 10px #d86b723d;color:#fff;text-shadow:none}body.browser-focus-mode .instrument-ui>:not(.instrument-topbar){display:none!important}body.browser-focus-mode .instrument-topbar{justify-content:space-between}body.browser-focus-mode .instrument-topbar .topbar-col-center,body.browser-focus-mode .instrument-topbar .visual-desk-toggle,body.browser-focus-mode .instrument-topbar .play-mode-toggle,body.browser-focus-mode .instrument-topbar .detailed-view-close{display:none!important}body.browser-focus-mode .instrument-topbar .topbar-col-right{margin-left:auto}body.browser-focus-mode .play-mode-dock,body.browser-focus-mode .play-mode-ui .count-in-overlay,body.browser-focus-mode .play-mode-ui .play-recording-hud{display:none!important}body.browser-focus-mode .play-mode-actions>:not(.focus-mode-btn),body.browser-focus-mode .perf-overlay,body.browser-focus-mode .status-badge{display:none!important}.instrument-topbar::-webkit-scrollbar{display:none}.instrument-brand{color:#f1fafcf5;font-size:11.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.instrument-brand span{color:var(--accent-warm)}.start-source-picker,.source-switch{display:none!important}.toolbar-level-dial{display:grid;grid-template-columns:auto 26px 26px;align-items:center;gap:4px;height:var(--toolbar-control-height);padding:0 6px;border:1px solid rgba(100,70,80,.28);border-radius:4px;background:#101a1dd9;color:#daebedd9;font:600 10.5px/1 Avenir Next,Helvetica Neue,sans-serif}.toolbar-level-dial .dial-title{grid-column:1;grid-row:1}.toolbar-level-dial .dial-control{grid-column:2;grid-row:1;width:26px;height:26px}.toolbar-level-dial .dial-knob{width:24px;height:24px}.toolbar-level-dial .dial-knob:after{top:7px;right:7px;bottom:7px;left:7px}.instrument-topbar .toolbar-level-dial .dial-marker{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;pointer-events:none;transform:rotate(var(--dial-angle, -135deg));transform-origin:center center;display:flex;justify-content:center;align-items:flex-start}.instrument-topbar .toolbar-level-dial .dial-marker:before{content:"";width:2px;height:4px;border-radius:1px;background:#f0a2a7;box-shadow:0 0 3px #f0a2a7cc}.toolbar-level-dial .dial-value{grid-column:3;grid-row:1;width:26px;min-height:20px;padding:2px 0;border:0;background:transparent;color:#f0a2a7;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.toolbar-level-dial.disabled{opacity:.45}.toolbar-level-dial.disabled .dial-control{cursor:not-allowed;pointer-events:none}.transport-controls{display:flex;align-items:center;gap:4px}.transport-controls button,.transport-controls label{border:1px solid rgba(100,70,80,.28);border-radius:4px;background:#101a1dd9;color:#daebedd9;box-sizing:border-box;height:var(--toolbar-control-height);padding:0 6px;font:600 10.5px/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 .record-icon{color:#f0a2a7;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:var(--toolbar-control-height);padding:0 6px;box-sizing:border-box}.transport-controls .record-icon .rec-dot{width:7px;height:7px;border-radius:50%;background:#ff2a4b;box-shadow:0 0 8px #ff2a4b;flex-shrink:0}.transport-controls .record-icon .rec-dot.armed{background:#fa0;box-shadow:0 0 10px #fa0;animation:recDotPulse .8s ease-in-out infinite}.transport-controls .record-icon .rec-dot.dub{background:#ffb703;box-shadow:0 0 8px #ffb703}.transport-controls .record-icon .rec-label{font-size:10px;font-weight:800;letter-spacing:.04em;color:inherit}.transport-controls button.active{border-color:#d86b72cc;background:#3f2d3457;color:#fff1f2}.transport-controls button.recording{border-color:#ff2a4be0!important;background:#ff2a4b40!important;color:#fff!important;animation:transport-arm-pulse 1.2s ease-in-out infinite}.transport-controls button.overdubbing{border-color:#ffb703e0!important;background:#ffb70340!important;color:#fff!important;animation:transport-arm-pulse 1.2s ease-in-out infinite}.transport-controls button.armed{border-color:#ffaa00e0!important;background:#fa03!important;color:#fc0!important;animation:transport-arm-pulse .8s ease-in-out infinite}.transport-controls label{display:flex;align-items:center;gap:4px}@keyframes transport-arm-pulse{50%{box-shadow:0 0 10px #f0a2a766}}.tempo-control{display:inline-flex!important;align-items:center!important;gap:2px!important;padding:2px 4px!important;background:#101c1fcc!important;border:1px solid rgba(100,70,80,.25)!important;border-radius:4px!important;box-sizing:border-box!important;height:var(--toolbar-control-height)!important}.tempo-control>span{font-size:9.5px!important;font-weight:750!important;color:#daebedb3!important;margin-right:2px!important;letter-spacing:.04em!important}.tempo-control button{width:18px!important;height:22px!important;min-width:18px!important;min-height:22px!important;max-height:22px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(216,107,114,.48)!important;border-radius:3px!important;background:#532b31b8!important;color:#ffe7e9!important;font:700 11px/1 Avenir Next,Helvetica Neue,sans-serif!important;cursor:pointer!important;line-height:1!important}.tempo-control button:hover{background:#70333be6!important;border-color:#f0a2a7cc!important;color:#fff!important}.tempo-control input[type=number]{width:28px!important;height:22px!important;min-height:22px!important;max-height:22px!important;padding:0!important;margin:0 1px!important;border:none!important;background:#080c0f99!important;border-radius:2px!important;color:#f0a2a7!important;font-size:11px!important;font-weight:750!important;text-align:center!important;-webkit-appearance:textfield!important;appearance:textfield!important;-moz-appearance:textfield!important}.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,.audio-in-controls button,.audio-in-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,.audio-in-controls button{cursor:pointer;transition:all .15s ease}.midi-controls button.active,.play-header-input-group .midi-btn.active,button[data-midi-toggle].active,button[data-play-midi].active{border-color:#d86b72f2!important;color:#fff!important;background:#d86b724d!important;box-shadow:0 0 12px #d86b7299!important}.audio-in-controls button.active,.play-header-input-group .audio-in-btn.active,button[data-audio-in-toggle].active,button[data-play-audio-in].active{border-color:#f34!important;color:#fff!important;background:#ff33444d!important;box-shadow:0 0 14px #ff3344b3!important}.midi-controls select{width:92px;max-width:92px;overflow:hidden;text-overflow:ellipsis}.audio-in-controls select{width:96px;max-width:96px;overflow:hidden;text-overflow:ellipsis}.audio-in-surface{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:130px;background:radial-gradient(circle at center,#00e5ff1f,#0a1018cc 70%);border:1px dashed rgba(0,229,255,.35);border-radius:8px;box-sizing:border-box;padding:16px}.audio-in-mic-badge{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.audio-in-mic-badge .mic-icon{font-size:32px;filter:drop-shadow(0 0 14px rgba(0,229,255,.8));animation:mic-pulse 2s ease-in-out infinite alternate}.audio-in-mic-badge .mic-title{font-size:13px;font-weight:800;color:#00e5ff;letter-spacing:.04em}.audio-in-mic-badge .mic-subtitle{font-size:10.5px;color:#daebedb3}@keyframes mic-pulse{0%{transform:scale(.96);opacity:.85}to{transform:scale(1.06);opacity:1}}.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 6px;font:600 10.5px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer}.session-controls .toolbar-menu{width:76px}.export-action{width:78px;padding:0 4px;font-size:10px}.export-bars{width:48px;padding:0 2px;font-size:10px;text-align:center}.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}.instrument-ui .source-switch [data-source=external],.presentation-mode-studio .source-switch [data-source=external]{display:none!important}.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:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)))}.loop-program-controls output{min-width:25px;color:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)));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;align-items:center;justify-content:space-between;margin-top:7px;margin-bottom:4px;color:#bad4d8b3;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pattern-lane-title-group{display:flex;align-items:center;gap:8px}.pattern-toggle-btn{height:18px;padding:0 8px;border-radius:3px;border:1px solid rgba(118,81,88,.4);background:#121a1ed9;color:#c8e1e6b3;font:700 8.5px/1 Avenir Next,Helvetica Neue,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .15s ease}.pattern-toggle-btn:hover{background:#202c34f2;color:#fff;border-color:#d86b7299}.pattern-toggle-btn.active{border-color:#d86b72e6;background:#66343db3;color:#fff3f4;box-shadow:0 0 8px #d86b7266}.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:var(--accent, var(--active-part-color, var(--part-color, rgba(216, 107, 114, .58))));background:color-mix(in srgb,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 20%,transparent);color:#fff0f2}.pattern-step.playing{box-shadow:inset 0 -2px 0 var(--accent, var(--active-part-color, var(--part-color, #00e5ff)))}.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 color-mix(in srgb,var(--active-part-color, var(--part-color, #00e5ff)) 35%,rgba(118,81,88,.28));color:#dceff1db;font-size:10px;box-shadow:0 12px 28px #00000047}body.instrument-ui-active:not(.classic-desk-open) .lil-gui{display:none!important}.instrument-ui button:not(:disabled):hover,.instrument-ui select:hover,.instrument-ui input[type=color]:hover{border-color:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 35%,transparent),0 0 16px color-mix(in srgb,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 45%,transparent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 35%,transparent))}.instrument-ui input[type=range]:hover{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 45%,transparent))}.instrument-ui button:not(:disabled):focus-visible,.instrument-ui select:focus-visible,.instrument-ui input[type=color]:focus-visible{outline:2px solid var(--accent, var(--active-part-color, var(--part-color, #00e5ff)));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 color-mix(in srgb,var(--accent, var(--active-part-color, #00e5ff)) 35%,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(5,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:var(--accent, var(--active-part-color, rgba(216, 107, 114, .72)));background:color-mix(in srgb,var(--accent, var(--active-part-color, #00e5ff)) 20%,transparent);color:#fff1f2}.visual-desk .visual-panel-hidden{display:none}.visual-desk .visual-mode-hidden{display:none!important}.custom-shape-file-status{min-width:0;margin:0 0 10px;padding:7px 9px;border:1px solid rgba(139,166,171,.24);background:#0d181bb8;color:#d8e6e8c7;font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-shape-asset-block{display:grid;gap:6px;padding-bottom:10px}.custom-shape-asset-block .custom-shape-file-status{margin:0}.custom-shape-style-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}.visual-basic-dials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;align-items:start}.visual-basic-dials>label.visual-dial-row-orphan{grid-column:2 / span 2;width:calc(50% - 8px);justify-self:center}.visual-basic-dials .visual-dial-control{width:38px;height:38px}.visual-basic-dials .dial-knob{width:32px;height:32px}.visual-basic-dials label{font-size:8.5px;letter-spacing:-.2px;text-align:center}.visual-basic-dials .dial-label{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-link-dials,.scene-dials,.scene-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.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],.visual-mode-panel[data-visual-mode=radial],.visual-mode-panel[data-visual-mode=customShape]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.visual-mode-panel>label.visual-dial-row-orphan,.visual-link-dials>label.visual-dial-row-orphan,.scene-dials>label.visual-dial-row-orphan{grid-column:1 / -1;width:calc(50% - 8px);justify-self:center}.visual-mode-panel[data-visual-mode=customShape]>label{min-width:0;align-self:start}.custom-shape-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}.custom-shape-three-grid>label{min-width:0}.visual-transform-panel{display:grid;gap:14px}.visual-transform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.visual-transform-grid>label{min-width:0;text-align:center}.visual-transform-reset{width:100%;margin-top:2px}.visual-mode-panel[data-visual-mode=customShape] .visual-section{margin-top:10px;padding-top:12px;border-top:1px solid rgba(118,81,88,.22)}.visual-mode-panel[data-visual-mode=customShape] .custom-shape-asset-block+.visual-section{margin-top:0}.visual-mode-panel.visual-mode-hidden{display:none}.visual-mode-panel .visual-section,.visual-mode-panel[data-visual-mode=particles] .visual-section,.visual-mode-panel[data-visual-mode=geometry] .visual-section,.visual-mode-panel[data-visual-mode=customShape] .visual-section,.visual-mode-panel[data-visual-mode=particles] .visual-action,.visual-mode-panel[data-visual-mode=geometry]>label:first-child,.visual-mode-panel .visual-full-width,.visual-mode-panel label.visual-full-width,.ripple-style-actions,.geometry-style-actions{grid-column:1 / -1}.ripple-style-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.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 color-mix(in srgb,var(--accent, var(--active-part-color, #00e5ff)) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent, var(--active-part-color, #00e5ff)) 25%,transparent);color:var(--accent, var(--active-part-color, #00e5ff));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:var(--accent, var(--active-part-color, #00e5ff));font-variant-numeric:tabular-nums}.visual-link-monitor.active{border-color:var(--accent, var(--active-part-color, rgba(216, 107, 114, .82)));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:var(--accent, var(--active-part-color, #00e5ff))}.visual-desk select{border:1px solid rgba(118,81,88,.34);border-radius:3px;background:#142125;color:#fff1f2;padding:3px 4px;font:inherit}.visual-color-picker-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:4px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px}.visual-color-label{display:flex!important;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#fff1f2;margin:0!important}.visual-desk input[type=color]{width:26px;height:22px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;cursor:pointer}.visual-color-swatches{display:flex;align-items:center;gap:4px;margin-left:auto}.visual-color-swatches button{width:16px;height:16px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:var(--swatch);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.visual-color-swatches button:hover{transform:scale(1.2);border-color:#fff}.visual-color-swatches button.active{border-color:#00e5ff;box-shadow:0 0 6px #00e5ff}.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 color-mix(in srgb,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 30%,rgba(118,81,88,.34));border-radius:3px;background:#142125;color:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)));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, var(--active-part-color, var(--part-color, #00e5ff)));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 35%,transparent)}.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(139,166,171,.2);border-radius:3px;background:#101c1fcc;color:#daebedd1;padding:5px 6px;font:600 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.visual-action:hover,.classic-desk-toggle:hover{border-color:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)));background:#18262ae6;color:#fff1f2}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:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)));background:color-mix(in srgb,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 20%,rgba(16,28,31,.8));color:#fff1f2}.synth-editor-title{margin-bottom:9px;color:var(--active-part-color, var(--part-color, #00e5ff));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:var(--active-part-color, var(--part-color, rgba(216, 107, 114, .72)));background:color-mix(in srgb,var(--active-part-color, var(--part-color, #00e5ff)) 20%,transparent);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:var(--active-part-color, var(--part-color, #00e5ff))}.harmonic-partials-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.synth-editor .harmonic-partial{min-width:0;display:flex;flex-direction:column;align-items:center;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:var(--active-part-color, var(--part-color, #00e5ff))}.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}.drum-voice-selector{display:grid;grid-template-columns:.95fr 1.05fr 1.25fr 1.05fr 1.05fr;gap:3px;margin:6px 0 10px}.drum-voice-selector.editor-panel-hidden,.drum-voice-selector[hidden]{display:none!important}.drum-voice-btn{height:24px;padding:0 1px;border-radius:3px;border:1px solid rgba(118,81,88,.4);background:#0c1216d9;color:#d2e6eba6;font:700 8.5px/1 Avenir Next,Helvetica Neue,sans-serif;text-transform:uppercase;letter-spacing:.2px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.drum-voice-btn:hover{background:#1a242cf2;color:#fff;border-color:var(--voice-color, rgba(216, 107, 114, .6))}.drum-voice-btn.active{border-color:var(--voice-color, #d86b72);background:color-mix(in srgb,var(--voice-color, #d86b72) 24%,#0e161c);color:#fff;box-shadow:0 0 8px color-mix(in srgb,var(--voice-color, #d86b72) 40%,transparent)}.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:var(--active-part-color, var(--part-color, #00e5ff))}.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:var(--active-part-color, var(--part-color, #00e5ff))}.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,.visual-desk output{color:var(--accent, var(--active-part-color, #00e5ff));font-variant-numeric:tabular-nums}.instrument-ui .slider-value{width:48px;min-height:20px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--active-part-color, var(--part-color, #00e5ff)) 30%,rgba(118,81,88,.34));border-radius:3px;background:#142125;color:var(--active-part-color, var(--part-color, #00e5ff));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-sweep: 0deg}.synth-editor .dial-knob:before,.visual-desk .visual-dial-control .dial-knob:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:1;border-radius:50%;background:conic-gradient(from 225deg,var(--accent, var(--active-part-color, var(--part-color, #00e5ff))) 0deg var(--dial-sweep, 0deg),rgba(139,166,171,.28) var(--dial-sweep, 0deg) 270deg,transparent 270deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));pointer-events:none}.visual-desk .visual-dial-control .dial-marker{z-index:2}.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%}.synth-editor .dial-marker,.visual-dial-control .dial-marker{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;pointer-events:none;transform:rotate(var(--dial-angle, -135deg));transform-origin:center center;display:flex;justify-content:center;align-items:flex-start}.synth-editor .dial-marker:before,.visual-dial-control .dial-marker:before{content:"";width:2px;height:7px;border-radius:1px;background:var(--accent, var(--active-part-color, #00e5ff));box-shadow:0 0 5px var(--accent, var(--active-part-color, rgba(0, 229, 255, .8)))}.dial-control:focus-visible .dial-knob{outline:2px solid var(--accent, var(--active-part-color, #00e5ff));outline-offset:3px}.dial-control:hover .dial-knob{border-color:var(--accent, var(--active-part-color, rgba(0, 229, 255, .74)));box-shadow:inset 0 0 0 5px #060a0c6b,0 0 16px var(--accent, var(--active-part-color, rgba(0, 229, 255, .56)))}.instrument-topbar .toolbar-level-dial{grid-template-columns:auto 30px 30px;grid-template-rows:1fr;min-width:0;height:var(--toolbar-control-height);padding:0 7px;gap:4px;white-space:nowrap}.instrument-topbar .toolbar-level-dial .dial-title{grid-column:1;grid-row:1;align-self:center}.instrument-topbar .toolbar-level-dial .dial-control{grid-column:2;grid-row:1;width:30px;height:30px}.instrument-topbar .toolbar-level-dial .dial-value{grid-column:3;grid-row:1;width:30px;min-height:20px;padding:2px 0;border:0;border-radius:0;background:transparent;color:#f0a2a7;font-size:10px;text-align:right}.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:var(--part-color, #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:var(--part-color, rgba(216, 107, 114, .78));background:color-mix(in srgb,var(--part-color, #d86b72) 28%,rgba(32,43,47,.85));box-shadow:0 0 12px color-mix(in srgb,var(--part-color, #d86b72) 35%,transparent);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:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)))!important;color:#0b1416!important;box-shadow:0 0 16px var(--accent, var(--active-part-color, var(--part-color, #00e5ff)));border-color:var(--accent, var(--active-part-color, var(--part-color, #00e5ff)))!important}.instrument-keyboard[hidden],.instrument-drum-pads[hidden]{display:none!important}.instrument-drum-pads{position:absolute;right:0;bottom:0;height:106px;padding:6px 8px;gap:8px;display:flex;align-items:center;pointer-events:auto;background:#070b0dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(118,81,88,.28);box-shadow:0 12px 28px #00000052;box-sizing:border-box;z-index:10}.studio-drum-pad{position:relative;width:90px;height:94px;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 8px 8px;box-sizing:border-box;background:#121923eb;border:1px solid rgba(255,255,255,.12);color:#e8f8f8;font-family:inherit;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .05s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.studio-pad-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2px;box-sizing:border-box}.studio-pad-mute-btn{width:20px;height:20px;padding:0;border-radius:3px;border:1px solid rgba(255,255,255,.15);background:#00000080;color:#daebedb3;font:800 9px/1 Avenir Next,Helvetica Neue,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;pointer-events:auto}.studio-pad-mute-btn:hover{background:#50141ee6;color:#f88;border-color:#f34}.studio-pad-mute-btn.active{background:#ff2a4b;color:#fff;border-color:#f57;box-shadow:0 0 10px #ff2a4b99}.studio-drum-pad.pad-muted{opacity:.55;filter:grayscale(.4)}.studio-pad-loop-btn{width:20px;height:20px;padding:0;border-radius:3px;border:1px solid rgba(255,255,255,.15);background:#00000080;color:#daebedb3;font-size:9px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;pointer-events:auto}.studio-drum-pad.focused .studio-pad-loop-btn{border-color:color-mix(in srgb,var(--pad-color, #00e5ff) 65%,transparent);color:var(--pad-color, #00e5ff);background:color-mix(in srgb,var(--pad-color, #00e5ff) 22%,rgba(0,0,0,.5));box-shadow:0 0 8px color-mix(in srgb,var(--pad-color, #00e5ff) 35%,transparent)}.studio-pad-loop-btn:hover{background:#283241f2;color:#fff;border-color:var(--pad-color, #00e5ff);box-shadow:0 0 8px var(--pad-color, #00e5ff)}.studio-pad-loop-btn.active{background:var(--pad-color, #00e5ff);color:#0b1319;border-color:var(--pad-color, #00e5ff);box-shadow:0 0 10px var(--pad-color, #00e5ff);font-weight:800}.drum-voice-btn.active{background:var(--voice-color, #00e5ff);color:#0b1319;border-color:var(--voice-color, #00e5ff);box-shadow:0 0 10px var(--voice-color, #00e5ff)}.drum-voice-mix-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:6px 0 10px;padding:6px 8px;background:#121d2066;border:1px solid rgba(100,70,80,.2);border-radius:4px}.drum-voice-mute-btn{height:28px;padding:0 10px;border-radius:3px;border:1px solid rgba(255,255,255,.15);background:#141e23b3;color:#daebedcc;font:700 10px/1 Avenir Next,Helvetica Neue,sans-serif;cursor:pointer;transition:all .15s ease}.drum-voice-mute-btn:hover{border-color:#f56;color:#fff}.drum-voice-mute-btn.active{background:#ff2a4b;color:#fff;border-color:#f57;box-shadow:0 0 10px #ff2a4b80}.studio-drum-pad .pad-name{font-size:13px;font-weight:800;letter-spacing:.8px;color:var(--pad-color, #00e5ff);text-shadow:0 0 12px color-mix(in srgb,var(--pad-color, #00e5ff) 35%,transparent)}.studio-drum-pad .pad-shortcut{font-size:11px;font-weight:700;opacity:.85;background:#00000073;padding:3px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.studio-drum-pad .pad-pulse-indicator{width:7px;height:7px;border-radius:50%;background:var(--pad-color, #00e5ff);opacity:.35;transition:opacity .1s ease,transform .1s ease}.studio-drum-pad.focused{border-color:var(--pad-color, #00e5ff);box-shadow:0 0 12px color-mix(in srgb,var(--pad-color, #00e5ff) 40%,transparent),inset 0 0 10px color-mix(in srgb,var(--pad-color, #00e5ff) 15%,transparent)}.studio-drum-pad:hover{background:#1c2634f2;border-color:var(--pad-color, #00e5ff)}.studio-drum-pad.active{transform:translateY(2px) scale(.97);background:color-mix(in srgb,var(--pad-color, #00e5ff) 32%,#121822);border-color:var(--pad-color, #00e5ff);box-shadow:0 0 18px color-mix(in srgb,var(--pad-color, #00e5ff) 60%,transparent)}.studio-drum-pad.active .pad-pulse-indicator{opacity:1;transform:scale(1.3);box-shadow:0 0 10px var(--pad-color, #00e5ff)}.instrument-ui:not(.internal-active) .instrument-rack,.instrument-ui:not(.internal-active) .instrument-keyboard,.instrument-ui:not(.internal-active) .instrument-drum-pads,.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:auto;right:auto;bottom:18px;left:18px;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{width:88px;min-width:88px;padding:4px 5px}.perf-overlay.collapsed .perf-overlay-header{gap:4px}.perf-overlay.collapsed .perf-overlay-title{font-size:9px}.perf-overlay.collapsed .perf-overlay-toggle{width:16px;height:16px;font-size:9px}.perf-overlay.collapsed .perf-overlay-content,.perf-overlay.hidden{display:none}@media(max-width:760px){.perf-overlay{top:auto;right:auto;bottom:10px;left:10px}}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:var(--accent, var(--active-part-color, #00e5ff));font-variant-numeric:tabular-nums}.detailed-visual-range input[type=range]{accent-color:var(--accent, var(--active-part-color, #00e5ff))}.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 color-mix(in srgb,var(--accent, var(--active-part-color, #00e5ff)) 30%,rgba(118,81,88,.34));border-radius:3px;background:#142125;color:var(--accent, var(--active-part-color, #00e5ff));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}.deck-mode-tabs{display:flex;align-items:stretch;gap:3px;background:#0a1018a6;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.08);margin:0;height:100%;box-sizing:border-box}.deck-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;height:100%;border-radius:4px;border:1px solid transparent;background:transparent;color:#daebed99;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.deck-tab-btn:hover{color:#fff;background:#ffffff0f}.deck-tab-btn.active{background:#ffffff1a;color:#fff;border-color:#fff3;box-shadow:0 0 10px #00e5ff33}.direction-toggle-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#00e5ff;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.direction-toggle-btn:hover{background:#00e5ff2e;border-color:#00e5ff66;color:#fff}.direction-toggle-btn[hidden]{display:none!important}.play-sound-deck-wrap,.play-visual-deck-wrap,.play-global-deck-wrap{display:flex;flex-direction:column;gap:6px;width:100%;min-height:216px;box-sizing:border-box}.play-sound-deck-wrap.dials-collapsed .play-mode-wheels-wrap{display:none!important}.play-sound-deck-wrap.dials-collapsed .play-mode-surface-container{height:172px!important;min-height:172px!important}.play-sound-deck-wrap.dials-collapsed .drum-pads-grid{height:100%;padding:4px}.play-sound-deck-wrap.dials-collapsed .touch-pad.drum-pad{padding:14px 10px}.play-sound-deck-wrap.dials-collapsed .touch-pad.drum-pad .drum-pad-name{font-size:13px;font-weight:800}.play-sound-deck-wrap.dials-collapsed .touch-pad.drum-pad .drum-pad-pattern-info{font-size:10.5px}.play-sound-deck-wrap.dials-collapsed .ribbon-surface{height:100%}.dials-toggle-btn{height:28px;padding:0 7px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:4px;color:#daebedcc;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;align-self:flex-end;box-sizing:border-box}.dials-toggle-btn:hover{background:#00e5ff33;border-color:#00e5ff66;color:#00e5ff}.dials-toggle-btn.active{background:#00e5ff40;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 10px #00e5ff59}.sound-top-row,.visual-top-row{display:flex;align-items:center;gap:6px;width:100%;height:34px;min-height:34px;max-height:34px;box-sizing:border-box}.sound-top-select-wrap,.visual-top-select-wrap{flex:1 1 0;min-width:0;height:30px;display:flex;align-items:center}.sound-top-select-wrap[hidden],.visual-top-select-wrap[hidden]{display:none!important}.sound-category-wrap{flex:1 1 0;min-width:0}.sound-preset-wrap{flex:1.2 1 0;min-width:0}.sound-key-wrap{flex:0 0 46px;min-width:46px}.sound-scale-wrap{flex:1.2 1 0;min-width:0}.sound-top-select-wrap .play-mode-select,.visual-top-select-wrap .play-mode-select{height:30px;font-size:11px;font-weight:700;padding:0 8px;width:100%;border-radius:4px;box-sizing:border-box}.sound-top-row .dials-toggle-btn{height:30px;font-size:14px;padding:0 8px;flex-shrink:0;border-radius:4px;align-self:center}.sound-top-row .play-part-clear-btn,.visual-top-row .direction-toggle-btn{height:30px;font-size:10.5px;padding:0 8px;flex-shrink:0;border-radius:4px;align-self:center}.visual-top-row .play-mode-palette-menu{flex-shrink:0;margin:0;height:30px;align-self:center}.visual-top-row .play-mode-palette-menu summary{height:30px;line-height:28px;font-size:11px;font-weight:700;padding:0 8px;border-radius:4px;gap:6px;display:flex;align-items:center;box-sizing:border-box}.play-sound-deck-wrap[hidden],.play-visual-deck-wrap[hidden],.play-global-deck-wrap[hidden]{display:none!important}.global-top-row{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr;align-items:center;gap:8px;width:100%;height:34px;min-height:34px;max-height:34px;box-sizing:border-box}.global-top-tempo-wrap{width:100%;height:32px;display:flex;align-items:center;box-sizing:border-box}.global-top-tempo-wrap .play-tempo-control{width:100%;height:32px;box-sizing:border-box}.global-top-tempo-wrap .play-tempo-control input{width:100%;height:100%;font-size:11.5px;font-weight:700;text-align:center}.global-top-tempo-wrap .play-tempo-control button{width:28px;height:100%;font-size:13px;flex-shrink:0}.global-metronome-btn{width:100%;height:32px;padding:0 8px;font-size:11px;font-weight:750;border-radius:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all .15s ease}.global-metronome-btn:hover{background:#00e5ff26;border-color:#00e5ff59;color:#fff}.global-metronome-btn.active{background:#00e5ff40!important;border-color:#00e5ff!important;color:#00e5ff!important;box-shadow:0 0 12px #00e5ff73!important}.global-bars-select,.global-quantize-select{width:100%;height:32px;font-size:11px;font-weight:700;box-sizing:border-box;text-align-last:center}.global-deck-section{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;background:#0e1620d9;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:9px 12px;box-sizing:border-box}.global-deck-section.audio-export-card{padding:9px 12px;gap:8px}.global-section-header{display:flex;align-items:center;justify-content:space-between;line-height:1}.global-section-title{font-size:9.5px;font-weight:800;letter-spacing:.06em;color:#daebedbf;text-transform:uppercase}.global-video-capture-row{display:flex;flex-direction:column;gap:10px;width:100%}.global-video-options{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;width:100%}.global-video-options .play-mode-select{height:32px;font-size:11px;font-weight:700;padding:0 8px;width:100%;min-width:0;border-radius:4px;box-sizing:border-box}.global-video-capture-row .rec-start-btn,button[data-global-video-rec]{width:100%;height:34px;margin-top:12px!important;padding:0 12px;justify-content:center;font-size:11.5px;font-weight:750;border-radius:4px}.global-audio-export-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%}.global-audio-export-row .play-mode-btn{height:34px;justify-content:center;font-size:11px;font-weight:700;border-radius:4px;padding:0 4px;box-sizing:border-box}.clear-loops-btn{background:#ff3c5014!important;border-color:#ff3c5040!important;color:#f89!important}.clear-loops-btn:hover{background:#ff3c5038!important;border-color:#ff3c5080!important;color:#fff!important}.play-export-btn{height:100%;width:100%;padding:0 10px;background:linear-gradient(135deg,#00e5ff38,#00e5ff14);border:1px solid rgba(0,229,255,.5);border-radius:4px;color:#00e5ff;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .15s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0}.play-export-btn:hover{background:#00e5ff59;color:#fff;box-shadow:0 0 10px #00e5ff66}.global-controls-grid .play-part-clear-btn{height:100%;width:100%;font-size:11px;font-weight:700;padding:0 8px;border-radius:4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:0}.visual-pos-card{display:flex;flex-direction:column;justify-content:space-between;gap:2px;background:#0e1620d9;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 14px;height:78px;min-height:78px;max-height:78px;box-sizing:border-box}.visual-pos-header{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;font-weight:750;letter-spacing:.05em;color:#daebedb3;line-height:1}.pos-center-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:4px;padding:2px 8px;font-size:8.5px;font-weight:750;color:#f0f5fae6;cursor:pointer;transition:all .15s ease}.pos-center-btn:hover{background:#00e5ff33;border-color:#00e5ff66;color:#00e5ff}.visual-pos-body{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}.pos-pad-2d{width:130px;height:46px;background:#060a10f2;border:1px solid rgba(255,255,255,.14);border-radius:6px;position:relative;overflow:hidden;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 12px #0009}.pos-pad-crosshair-x{position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1f;pointer-events:none}.pos-pad-crosshair-y{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff1f;pointer-events:none}.pos-puck{width:12px;height:12px;border-radius:50%;background:var(--accent, #00e5ff);box-shadow:0 0 10px var(--accent, #00e5ff);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.pos-z-control{display:flex;align-items:center;gap:8px;background:#080c1299;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 12px}.pos-z-label{font-size:8.5px;font-weight:750;color:#daebedb3;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.pos-z-slider{width:90px;height:6px;accent-color:var(--accent, #00e5ff);cursor:pointer}.visual-wheels-wrap{display:flex;align-items:center;justify-content:space-around;gap:3px;padding:2px 4px;background:#0a0e14b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:6px;height:78px;min-height:78px;max-height:78px;box-sizing:border-box}.visual-wheels-wrap .euclidean-wheel{gap:0px}.visual-wheels-wrap .wheel-svg-wrap{width:46px;height:46px}.visual-wheels-wrap .wheel-center-value{font-size:13px}.visual-wheels-wrap .wheel-label{font-size:8px;letter-spacing:.02em}body.play-mode-active #perf-overlay,body.play-mode-active .perf-overlay,body.play-mode-active #status-badge,body.play-mode-active .status-badge{display:none!important}@media(max-width:768px){[data-mobile-hide],#status-badge,.status-badge,#perf-overlay,.perf-overlay{display:none!important}body.play-mode-active #main-viewport.aspect-full{top:max(48px,calc(env(safe-area-inset-top) + 40px));bottom:275px;left:0;right:0;width:100vw;height:auto;border-radius:0;border:none}.play-mode-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px;height:38px;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(6px,env(safe-area-inset-top))}.play-mode-actions{display:flex!important;align-items:center;gap:4px}.play-mode-actions .play-mode-btn{height:28px;padding:0 8px;font-size:10px}.play-mode-dock{position:absolute;left:0;right:0;bottom:0;width:100vw;max-width:100vw;transform:none;padding:6px 8px;background:linear-gradient(180deg,#0a0e14f0,#06080cfa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.12);border-left:none;border-right:none;border-radius:18px 18px 0 0;box-shadow:0 -8px 32px #000000a6;box-sizing:border-box;gap:5px}.play-mode-parts-bar{display:flex;align-items:stretch;gap:4px;height:30px}.btn-text-compact{display:inline!important}.btn-text-full{display:none!important}.play-mode-part-tabs{display:flex;align-items:stretch;gap:3px;flex:1;height:100%}.play-part-tab{height:100%;font-size:10px;padding:0 4px;gap:4px;box-sizing:border-box;justify-content:center;flex:1 1 0;min-width:0}.play-part-tab .part-tab-indicator{width:5px;height:5px}.play-part-tab .part-tab-mute-badge{display:none!important}.deck-mode-tabs{display:flex;align-items:stretch;gap:2px;padding:2px;height:100%;box-sizing:border-box;border-radius:5px}.deck-tab-btn{height:100%;font-size:9.5px;padding:0 5px;gap:2px;box-sizing:border-box}.play-mode-control-row{display:flex;align-items:flex-end;gap:3px;width:100%;max-width:100%;height:44px;min-height:44px;max-height:44px;box-sizing:border-box}.play-mode-select{width:100%;min-width:0;height:26px;font-size:9px;padding:0 4px;box-sizing:border-box}.play-mode-select.compact{height:26px;font-size:9px}.sound-top-row,.visual-top-row{height:30px;min-height:30px;max-height:30px;gap:3px;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.sound-top-select-wrap,.visual-top-select-wrap{height:28px;flex:1 1 0;min-width:0}.sound-top-select-wrap[hidden],.visual-top-select-wrap[hidden]{display:none!important}.sound-top-row:has([data-key-scale-group][hidden]){display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box}.sound-top-row:has([data-key-scale-group][hidden]) .sound-category-wrap{flex:1 1 0;max-width:none;min-width:75px}.sound-top-row:has([data-key-scale-group][hidden]) .sound-preset-wrap{flex:1.35 1 0;max-width:none;min-width:105px}.sound-top-row:has([data-key-scale-group][hidden]) .sound-top-mix-wrap{flex:0 0 auto;margin-left:auto;gap:4px}.sound-top-row:has([data-key-scale-group]:not([hidden])){display:flex;align-items:center;gap:3px;width:100%;box-sizing:border-box}.sound-top-row:has([data-key-scale-group]:not([hidden])) .sound-category-wrap{flex:1 1 0;max-width:none;min-width:0}.sound-top-row:has([data-key-scale-group]:not([hidden])) .sound-preset-wrap{flex:1.25 1 0;max-width:none;min-width:0}.sound-key-wrap{flex:0 0 26px;min-width:26px}.sound-scale-wrap{flex:1.1 1 0;min-width:0}.sound-top-select-wrap .play-mode-select,.visual-top-select-wrap .play-mode-select{height:28px;font-size:8.5px;padding:0 2px;box-sizing:border-box;text-align:center;text-align-last:center;-moz-text-align-last:center}.sound-top-mix-wrap{display:flex;align-items:center;gap:3px;flex:0 0 auto}.sound-top-mix-wrap .play-part-vol-dial{padding:0 3px;gap:2px;height:28px;display:flex;align-items:center;box-sizing:border-box;flex-shrink:0}.sound-top-mix-wrap .play-part-vol-dial .dial-title{font-size:7.5px;font-weight:800;color:#daebedd9;letter-spacing:.05em}.sound-top-mix-wrap .play-part-vol-dial .dial-control{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;aspect-ratio:1 / 1!important;border-radius:50%!important;flex:0 0 20px!important}.sound-top-mix-wrap .play-part-vol-dial .dial-knob{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;aspect-ratio:1 / 1!important;border-radius:50%!important}.sound-top-mix-wrap .play-part-vol-dial .dial-value{display:none!important}.play-mix-mute-btn,.sound-top-row .play-part-clear-btn{height:28px;min-width:22px;padding:0 5px;font-size:10px;font-weight:800;border-radius:4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0}.visual-top-row .direction-toggle-btn{flex-shrink:0;height:28px;font-size:9px;padding:0 5px;align-self:center;box-sizing:border-box}.visual-top-row .play-mode-palette-menu{flex-shrink:0;margin-top:0;align-self:center;height:28px}.visual-top-row .play-mode-palette-menu summary{height:28px;line-height:26px;padding:0 6px;font-size:9.5px;gap:4px;box-sizing:border-box;display:flex;align-items:center;margin:0}.play-sound-deck-wrap,.play-visual-deck-wrap,.play-global-deck-wrap{display:flex;flex-direction:column;gap:6px;width:100%;height:204px;min-height:204px;max-height:204px;box-sizing:border-box;overflow:visible}.global-top-row{display:grid;grid-template-columns:1.15fr .85fr .95fr 1.15fr;height:28px;min-height:28px;max-height:28px;gap:4px;align-items:center;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;flex-shrink:0}.global-top-tempo-wrap{width:100%;min-width:0;height:28px;display:flex;align-items:center}.global-top-tempo-wrap .play-tempo-control{width:100%;height:28px;box-sizing:border-box;gap:1px;display:flex;align-items:center}.global-top-tempo-wrap .play-tempo-control input{flex:1 1 0;min-width:0;width:100%;height:26px;font-size:10px;font-weight:700;padding:0;text-align:center}.global-top-tempo-wrap .play-tempo-control button{width:20px;height:26px;font-size:11px;padding:0;flex-shrink:0}.global-metronome-btn,.global-top-row [data-global-metronome]{width:100%;height:28px;padding:0 2px;font-size:9px;font-weight:700;box-sizing:border-box;display:flex;align-items:center;justify-content:center;white-space:nowrap}.global-bars-select,.global-quantize-select{width:100%;height:28px;font-size:9px;font-weight:700;padding:0 2px;box-sizing:border-box;text-align:center;text-align-last:center;-moz-text-align-last:center}.global-deck-section{width:100%;max-width:100%;padding:4px 6px;gap:3px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.global-deck-section.video-capture-card{flex:1.2 1 0;min-height:0}.global-deck-section:not(.video-capture-card){flex:1 1 0;min-height:0}.global-section-header{line-height:1;margin-bottom:1px}.global-video-capture-row{height:auto;display:flex;flex-direction:column;gap:6px;width:100%}.global-video-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;width:100%}.global-video-options .play-mode-select{height:24px;font-size:8.5px;padding:0 2px;width:100%;text-align:center;text-align-last:center;-moz-text-align-last:center}.global-video-capture-row .rec-start-btn,.global-deck-section button[data-global-video-rec]{height:26px;font-size:9px;margin-top:8px!important;padding:0 6px;width:100%;justify-content:center}.global-audio-export-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;width:100%;height:auto}.global-audio-export-row .play-mode-btn{height:24px;font-size:8px;padding:0 2px;width:100%}.play-mode-wheels-wrap,.visual-deck-main-row,.global-deck-main-row{height:80px;min-height:80px;max-height:80px;padding:2px 6px;gap:6px}.wheel-svg-wrap{width:54px;height:54px}.euclidean-wheel .wheel-label{font-size:8px}.visual-pos-card{padding:4px 8px;height:78px;min-height:78px;max-height:78px;box-sizing:border-box}.visual-pos-header{display:flex;justify-content:space-between;align-items:center;font-size:8.5px;font-weight:750;line-height:1;margin:0}.pos-center-btn{height:18px;line-height:16px;padding:0 6px;font-size:8px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.visual-pos-body{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}.pos-pad-2d{width:100px;height:44px}.pos-z-control{padding:4px 8px;gap:6px}.pos-z-slider{width:60px;height:6px}.visual-wheels-wrap{gap:2px;padding:1px 2px}.visual-wheels-wrap .wheel-svg-wrap{width:40px;height:40px}.visual-wheels-wrap .wheel-center-value{font-size:11px}.visual-wheels-wrap .wheel-label{font-size:7px}.global-deck-section{padding:2px 5px;gap:2px}.global-section-title{font-size:7.5px}.global-controls-grid{gap:4px}.play-mode-surface-container{height:84px;min-height:84px;max-height:84px}.play-sound-deck-wrap.dials-collapsed .play-mode-surface-container{height:144px!important;min-height:144px!important;max-height:144px!important}.play-sound-deck-wrap.dials-collapsed .drum-pads-grid{height:100%;padding:3px;gap:3px}.play-sound-deck-wrap.dials-collapsed .touch-pad.drum-pad{padding:6px 5px!important}.play-sound-deck-wrap.dials-collapsed .touch-pad.drum-pad .drum-pad-name{font-size:11px!important}.play-sound-deck-wrap.dials-collapsed .touch-pad.drum-pad .drum-pad-pattern-info{font-size:8px!important}.drum-pads-grid{gap:3px;padding:2px}.touch-pad.drum-pad{padding:4px 5px}.pad-top-bar .pad-label{font-size:10px}.pad-pulses-badge{font-size:7.5px;padding:1px 2px}.pad-loop-btn{width:18px;height:16px;font-size:7.5px}.pad-status-text{font-size:7px}}