@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Outfit:wght@300;400;600&display=swap";:root{--color-bg-h:240;--color-bg-s:10%;--color-bg-l:6%;--color-surface-h:240;--color-surface-s:10%;--color-surface-l:10%;--color-surface-hover-h:240;--color-surface-hover-s:10%;--color-surface-hover-l:13%;--neon-red-h:345;--neon-red-s:100%;--neon-red-l:60%;--neon-green-h:168;--neon-green-s:100%;--neon-green-l:50%;--neon-amber-h:36;--neon-amber-s:100%;--neon-amber-l:50%;--neon-cyan-h:190;--neon-cyan-s:100%;--neon-cyan-l:50%;--neon-magenta-h:300;--neon-magenta-s:100%;--neon-magenta-l:50%;--color-bg:hsl(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l));--color-surface:hsl(var(--color-surface-h), var(--color-surface-s), var(--color-surface-l));--color-surface-hover:hsl(var(--color-surface-hover-h), var(--color-surface-hover-s), var(--color-surface-hover-l));--color-border:#ffffff14;--color-bg-base:var(--color-bg);--color-bg-surface:var(--color-surface);--color-bg-surface-hover:var(--color-surface-hover);--color-accent-neon:var(--neon-cyan);--color-accent-neon-secondary:var(--neon-magenta);--neon-red:hsl(var(--neon-red-h), var(--neon-red-s), var(--neon-red-l));--neon-green:hsl(var(--neon-green-h), var(--neon-green-s), var(--neon-green-l));--neon-amber:hsl(var(--neon-amber-h), var(--neon-amber-s), var(--neon-amber-l));--neon-cyan:hsl(var(--neon-cyan-h), var(--neon-cyan-s), var(--neon-cyan-l));--neon-magenta:hsl(var(--neon-magenta-h), var(--neon-magenta-s), var(--neon-magenta-l));--neon-cyan-gradient:linear-gradient(135deg, var(--neon-cyan), #0fc);--font-display:"Orbitron", system-ui, -apple-system, sans-serif;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1)}.app-shell{--font-scale:1;--fs-xxs:calc(7px * var(--font-scale));--fs-xs:calc(8px * var(--font-scale));--fs-sm:calc(10px * var(--font-scale));--fs-md:calc(12px * var(--font-scale));--fs-lg:calc(14px * var(--font-scale));--fs-xl:calc(16px * var(--font-scale));--fs-2xl:calc(20px * var(--font-scale));--fs-3xl:calc(28px * var(--font-scale))}.app-shell.text-scale-small{--font-scale:.85}.app-shell.text-scale-medium{--font-scale:1}.app-shell.text-scale-large{--font-scale:1.25}.app-shell.text-scale-xlarge{--font-scale:1.5}.app-shell.text-scale-xxlarge{--font-scale:1.75}.app-shell.text-scale-xxxlarge{--font-scale:2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}html,body{touch-action:none;overscroll-behavior:none;width:100%;height:100dvh;position:fixed;overflow:hidden}body{background-color:var(--color-bg);color:#f3f4f6;font-family:var(--font-sans);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}.app-shell{background:var(--color-bg);touch-action:manipulation;flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.drawer-content,.scale-list{touch-action:pan-y;overscroll-behavior:contain}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}input[type=range]{-webkit-appearance:none;background:0 0;width:100%;height:38px;touch-action:pan-x!important}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#ffffff73;border:1px solid #ffffff40;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{background:var(--neon-cyan);cursor:pointer;-webkit-appearance:none;width:26px;height:26px;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out);border:1px solid #fff3;border-radius:50%;margin-top:-10px;box-shadow:0 0 10px #0ff6}input[type=range]:active::-webkit-slider-thumb{background:#fff;transform:scale(1.15)}input[type=range]::-moz-range-track{background:#ffffff73;border:1px solid #ffffff40;border-radius:3px;width:100%;height:6px}input[type=range]::-moz-range-thumb{background:var(--neon-cyan);cursor:pointer;width:26px;height:26px;transition:transform .1s var(--ease-out);border:1px solid #fff3;border-radius:50%;box-shadow:0 0 10px #0ff6}input[type=range]:active::-moz-range-thumb{background:#fff;transform:scale(1.15)}.controls-drawer,.controls-drawer *,.routing-popover,.routing-popover *,.bpm-popover,.bpm-popover *,.scale-popover,.scale-popover *,.hg-actions button,.fullscreen-btn{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M0 0 L14 28 L20 18 L30 18 Z' fill='%2300ffcc' stroke='%23000' stroke-width='2' stroke-linejoin='round'/></svg>") 0 0,pointer!important}@media (orientation:portrait){.controls-drawer{-webkit-backdrop-filter:blur(16px);z-index:100;background:#16161af2;border-top:1px solid #ffffff1a;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100vw;height:75dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -10px 30px #000000b3}}@media (orientation:landscape){.controls-drawer{width:calc(360px * var(--font-scale,1));-webkit-backdrop-filter:blur(16px);z-index:100;background:#16161af2;border-right:1px solid #ffffff1a;flex-direction:column;max-width:80vw;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #000000b3}}.drawer-backdrop{-webkit-backdrop-filter:blur(1.5px);z-index:99;opacity:0;pointer-events:none;background:#00000080;width:100vw;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-title{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:1.5px;color:#fff;font-weight:700}.drawer-close-btn{color:#fff6;font-size:var(--fs-3xl);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-weight:300;line-height:1;transition:color .2s,transform .2s}.drawer-close-btn:hover{color:#fff;transform:scale(1.1)}.drawer-content{flex:1;padding:16px;overflow-y:auto}.status-chip{font-size:var(--fs-sm);color:#9ca3af;font-weight:600;font-family:var(--font-display);-webkit-user-select:none;user-select:none;box-sizing:border-box;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;flex-shrink:0;align-items:center;height:34px;padding:4px 10px;transition:all .2s;display:flex;position:relative}.yfx-chip.dynamic-width{flex-grow:1}.status-chip.interactive{cursor:pointer;background:#ffffff05;border-style:dashed;border-color:#ffffff26}.status-chip.interactive:hover{color:#fff;background:#ffffff0f;border-color:#ffffff4d}.chip-label{font-size:var(--fs-xs);color:#ffffff4d;letter-spacing:.5px;margin-right:6px}.chip-val{color:#e5e7eb;white-space:nowrap}.step-btn:active{transform:scale(.9)}.app-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@media (orientation:portrait){.app-main{gap:0 8px;padding:8px}.xy-pad-region{border:1px solid var(--color-border);background:#000;border-radius:16px;flex-direction:column;flex:1;min-height:240px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.loop-buttons-region{width:100%;height:auto}.arp-controls-region{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:100%;height:auto;margin-top:2px;display:flex;overflow:hidden}.arp-controls-region.arp-collapsed{height:auto}.xy-pad-region.drum-maximized{flex:1;min-height:0}.xy-pad-region.drum-maximized .drum-pad-wrapper{flex:1;height:100%}.controls-drawer{-webkit-backdrop-filter:blur(16px);z-index:100;background:#16161af2;border-top:1px solid #ffffff1a;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100vw;height:75dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -10px 30px #000000b3}}@media (orientation:landscape){.app-main{grid-template-areas:"xy arp""loop arp";grid-template-columns:1fr calc(115px * var(--font-scale,1));grid-template-rows:1fr auto;gap:0 12px;padding:12px;display:grid}.xy-pad-region{border:1px solid var(--color-border);background:#000;border-radius:16px;flex-direction:column;grid-area:xy;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.xy-pad-region.layout-left{flex-direction:row-reverse}.xy-pad-region.layout-right{flex-direction:row}.xy-pad-region .xy-pad-canvas{min-width:0;min-height:0}.xy-pad-region.layout-left .xy-pad-canvas,.xy-pad-region.layout-right .xy-pad-canvas{flex:1;width:0;height:100%}.arp-controls-region{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;grid-area:arp;justify-content:flex-start;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000004d}.arp-controls-region.arp-collapsed{grid-template-columns:unset;width:50px;min-width:50px;padding:0}.arp-vertical-collapsed{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:12px 0;display:flex}.arp-vertical-collapsed-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.arp-vertical-collapsed-btn:hover{color:#38bdf8;background:#38bdf814;border-color:#38bdf84d}.arp-vertical-title{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);letter-spacing:2px;color:#fff6;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;margin:20px 0;font-size:13px;font-weight:800;transform:rotate(180deg)}.arp-vertical-title:hover{color:#38bdf8}.loop-buttons-region{grid-area:loop;width:100%}.controls-drawer{width:calc(360px * var(--font-scale,1));-webkit-backdrop-filter:blur(16px);z-index:100;background:#16161af2;border-right:1px solid #ffffff1a;flex-direction:column;max-width:80vw;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #000000b3}}.controls-drawer.open{transform:translate(0)!important}@media (width<=480px) and (orientation:portrait){.logo-text{font-size:var(--fs-md);letter-spacing:1px}}.scale-popover{-webkit-backdrop-filter:blur(16px);z-index:99;width:max-content;min-width:calc(320px * var(--font-scale,1));max-width:calc(380px * var(--font-scale,1));background:#16161af2;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;max-width:90vw;padding:12px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}.key-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.scale-list{flex-direction:column;gap:4px;max-height:150px;padding-right:4px;display:flex;overflow-y:auto}.knob-wrapper.svelte-ufcr77{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;align-items:center;transition:opacity .2s;display:flex}.knob-wrapper.disabled.svelte-ufcr77{opacity:.35;cursor:default}.knob-ring.svelte-ufcr77{width:var(--knob-size);height:var(--knob-size);box-sizing:border-box;background:linear-gradient(135deg,#2b2b36 0%,#121217 100%);border:1.5px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 3px 6px #0009,inset 0 1px 1px #ffffff0d}.knob-ring.svelte-ufcr77:hover{border-color:#ffffff73;box-shadow:0 0 12px #fff3,0 3px 8px #0009}.knob-wrapper.disabled.svelte-ufcr77 .knob-ring:where(.svelte-ufcr77):hover{border-color:#ffffff2e;box-shadow:0 3px 6px #0009}.knob-ring.active.svelte-ufcr77{border-color:#ffffffbf;box-shadow:0 0 16px #ffffff59,0 3px 8px #000000b3}.knob-svg.svelte-ufcr77{pointer-events:none;display:block}.knob-body.svelte-ufcr77{fill:#1a1a22;stroke:var(--color-border,#ffffff1f);stroke-width:.8px}.knob-track.svelte-ufcr77{stroke:var(--color-border,#ffffff14);stroke-width:2.2px;stroke-linecap:round}.knob-track-value.svelte-ufcr77{stroke-width:2.2px;stroke-linecap:round;transition:stroke-dashoffset 50ms linear}.knob-track-value.master-color.svelte-ufcr77{stroke:#b794f4;filter:drop-shadow(0 0 1.5px #b794f499)}.knob-track-value.prog-color.svelte-ufcr77{stroke:#34d399;filter:drop-shadow(0 0 1.5px #34d39999)}.knob-track-value.loops-color.svelte-ufcr77{stroke:#f59e0b;filter:drop-shadow(0 0 1.5px #f59e0b99)}.knob-track-value.input-color.svelte-ufcr77{stroke:#60a5fa;filter:drop-shadow(0 0 1.5px #60a5fa99)}.knob-track-value.cyan-color.svelte-ufcr77{stroke:#0fc;filter:drop-shadow(0 0 1.5px #0fc9)}.knob-cap.svelte-ufcr77{fill:#22222a;stroke:var(--color-border,#ffffff26);stroke-width:.5px}.knob-needle.svelte-ufcr77{stroke-width:2.5px;stroke-linecap:round}.knob-needle.master-color.svelte-ufcr77{stroke:#b794f4;filter:drop-shadow(0 0 3px #b794f4cc)}.knob-needle.prog-color.svelte-ufcr77{stroke:#34d399;filter:drop-shadow(0 0 3px #34d399cc)}.knob-needle.loops-color.svelte-ufcr77{stroke:#f59e0b;filter:drop-shadow(0 0 3px #f59e0bcc)}.knob-needle.input-color.svelte-ufcr77{stroke:#60a5fa;filter:drop-shadow(0 0 3px #60a5facc)}.knob-needle.cyan-color.svelte-ufcr77{stroke:#0fc;filter:drop-shadow(0 0 3px #0fcc)}.knob-label.svelte-ufcr77{font-family:var(--font-display,sans-serif);font-size:var(--fs-xs);letter-spacing:.8px;color:#888;pointer-events:none;margin-top:1px;font-weight:800;line-height:1}.knobs-stack.svelte-j8fr26{-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:flex-end;gap:8px;margin-left:14px;display:flex}.meters-bridge.svelte-o0t9u0{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:6px;width:104px;height:48px;margin-left:14px;padding:4px 8px;display:flex;box-shadow:inset 0 1px 1px #ffffff08,0 4px 10px #0000004d}.meters-canvas-container.svelte-o0t9u0{justify-content:center;align-items:center;width:66px;height:38px;display:flex}canvas.svelte-o0t9u0{image-rendering:pixelated;display:block}.meters-labels.svelte-o0t9u0{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:38px;display:flex}.label.svelte-o0t9u0{font-family:var(--font-display,sans-serif);letter-spacing:.8px;color:#fff9;text-align:right;width:22px;font-size:7px;font-weight:800;line-height:8px;transition:opacity .2s}.label.disabled.svelte-o0t9u0{opacity:.25}.label.loop-label.svelte-o0t9u0{color:#a855f7cc}.metronome-chip-container.svelte-9rciti{display:inline-block;position:relative}.metronome-chip.svelte-9rciti{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#00ffcc0f;border:1px solid #00ffcc26;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 8px 0 10px;transition:all .2s;display:inline-flex}.metronome-chip.svelte-9rciti:hover{background:#00ffcc1f;border-color:#00ffcc4d;box-shadow:0 0 8px #00ffcc1a}.metronome-chip.active.svelte-9rciti{border-color:var(--neon-cyan);background:#285a522e;box-shadow:0 0 8px #00ffcc14}.two-dot-icon.svelte-9rciti{background:#ffffff1f;border:1px solid #ffffff38;border-radius:4px;align-items:center;gap:3px;padding:4px 6px;display:flex}.dot.svelte-9rciti{border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background 80ms,box-shadow 80ms}.dot.svelte-9rciti:first-child{background:#14141af2;border:1px solid #ffffff40}.dot.svelte-9rciti:last-child{background:#ffffffe6;box-shadow:0 0 3px #fff6}.metronome-chip.active.svelte-9rciti .dot:where(.svelte-9rciti){box-shadow:none;background:#0fc3;border:none}.dot.lit.svelte-9rciti{background:#0fc!important;box-shadow:0 0 6px #0fc!important}.metronome-chip.active.svelte-9rciti .dot.lit:where(.svelte-9rciti){background:#fff!important;box-shadow:0 0 8px #fff,0 0 16px #0fc!important}.dropdown-trigger.svelte-9rciti{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;margin-left:2px;padding:4px;transition:color .2s,background .2s,transform .2s;display:flex}.dropdown-trigger.svelte-9rciti:hover,.dropdown-trigger.active.svelte-9rciti{color:#fff;background:#ffffff14}.dropdown-trigger.active.svelte-9rciti .arrow-icon:where(.svelte-9rciti){transform:rotate(180deg)}.arrow-icon.svelte-9rciti{transition:transform .15s}.metronome-dropdown.svelte-9rciti{z-index:1000;box-sizing:border-box;background:#101014fa;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;width:170px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 25px #0009,inset 0 1px 1px #ffffff0d}.dropdown-section.svelte-9rciti{flex-direction:column;gap:6px;display:flex}.dropdown-main-title.svelte-9rciti{font-family:var(--font-display,sans-serif);letter-spacing:1.2px;color:var(--neon-cyan,#0fc);text-transform:uppercase;text-align:center;margin-bottom:2px;font-size:10px;font-weight:800}.section-title.svelte-9rciti{font-family:var(--font-display,sans-serif);letter-spacing:.8px;color:#fff6;text-transform:uppercase;font-size:9px;font-weight:700}.settings-select.svelte-9rciti{color:#fff;width:100%;font-family:var(--font-sans,sans-serif);cursor:pointer;box-sizing:border-box;background:#0006;border:1px solid #ffffff14;border-radius:6px;outline:none;padding:4px 6px;font-size:11px;font-weight:600;transition:border-color .2s}.settings-select.svelte-9rciti:hover,.settings-select.svelte-9rciti:focus{border-color:#0fc}.dropdown-divider.svelte-9rciti{background:#ffffff0f;height:1px}.volume-slider.svelte-9rciti{accent-color:#0fc;cursor:pointer;width:100%}.header-center-transports.svelte-9jqqwh{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.global-transport.svelte-9jqqwh{box-sizing:border-box;background:#0006;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;height:38px;padding:3px 8px;display:flex}.clock-display.svelte-9jqqwh{font-family:var(--font-display);font-size:var(--fs-sm);color:#e5e7eb;text-align:center;letter-spacing:.5px;min-width:54px;font-weight:700}.transport-buttons.svelte-9jqqwh{align-items:center;gap:4px;display:flex}.transport-btn.svelte-9jqqwh{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .1s;display:flex}.transport-btn.svelte-9jqqwh:active{transform:scale(.97)}.transport-btn.svelte-9jqqwh:hover{color:#f3f4f6;background:#ffffff0d}.play-btn.active.svelte-9jqqwh{color:var(--neon-cyan);background:#00ccff14;border-color:#0cf6;box-shadow:0 0 8px #0cf3}.transport-btn.overdub-btn.active.svelte-9jqqwh{color:#c084fc;background:#a855f71f;border-color:#a855f780;box-shadow:0 0 8px #a855f74d}.transport-btn.record-btn.svelte-9jqqwh{color:#ef4444;background:#ef444414;border-color:#ef444459}.transport-btn.record-btn.svelte-9jqqwh .record-circle:where(.svelte-9jqqwh){fill:#0000}.transport-btn.record-btn.recording.svelte-9jqqwh{color:#ef4444;background:#ef444440;border-color:#ef4444;box-shadow:0 0 8px #ef444466}.transport-btn.record-btn.recording.svelte-9jqqwh .record-circle:where(.svelte-9jqqwh){fill:#ef4444;animation:1s infinite alternate svelte-9jqqwh-rec-pulse-dot}.transport-btn.record-btn.paused.svelte-9jqqwh{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b}.transport-btn.record-btn.paused.svelte-9jqqwh .record-circle:where(.svelte-9jqqwh){fill:#f59e0b}@keyframes svelte-9jqqwh-rec-pulse-dot{0%{opacity:.4;transform-origin:50%;transform:scale(.85)}to{opacity:1;transform-origin:50%;transform:scale(1.1)}}.transport-icon.svelte-9jqqwh{width:14px;height:14px}.record-icon.svelte-9jqqwh,.overdub-icon.svelte-9jqqwh{width:16px;height:16px}.global-recorder-transport.svelte-9jqqwh{box-sizing:border-box;background:#ef44440d;border:1px solid #ef444426;border-radius:8px;align-items:center;gap:8px;height:38px;padding:3px 8px;display:flex}.record-timer.svelte-9jqqwh{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--neon-red);min-width:38px;font-weight:700}.recorder-action-btn.svelte-9jqqwh{color:#e5e7eb;font-family:var(--font-display);font-size:var(--fs-xxs);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:3px 8px;font-weight:700;transition:all .1s}.recorder-action-btn.svelte-9jqqwh:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.recorder-action-btn.clear.svelte-9jqqwh:hover{color:var(--neon-red);background:#ef444426;border-color:#ef44444d}@keyframes svelte-9jqqwh-pulse-red{0%{opacity:.4}to{opacity:1}}.countin-chip.svelte-9jqqwh{box-sizing:border-box;height:30px;color:var(--neon-amber);background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:6px;align-self:center;align-items:center;gap:6px;padding:0 8px;transition:all 80ms;display:inline-flex}.countin-chip.flash.svelte-9jqqwh{border-color:var(--neon-amber);color:#fff;background:#f59e0b40;box-shadow:0 0 10px #f59e0b66}.countin-dot.svelte-9jqqwh{background:var(--neon-amber);border-radius:50%;width:6px;height:6px;transition:all 80ms}.countin-chip.flash.svelte-9jqqwh .countin-dot:where(.svelte-9jqqwh){box-shadow:0 0 8px #fff, 0 0 16px var(--neon-amber);background:#fff}.countin-text.svelte-9jqqwh{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:700}.bpm-chip.interactive.svelte-1g499f7{border-color:#00ffcc40;position:relative}.bpm-chip.interactive.svelte-1g499f7:hover,.bpm-chip.interactive.active.svelte-1g499f7{border-color:var(--neon-green);color:#fff;border-style:solid;box-shadow:0 0 10px #00ffcc26}.bpm-chip.svelte-1g499f7:hover .edit-icon:where(.svelte-1g499f7),.bpm-chip.active.svelte-1g499f7 .edit-icon:where(.svelte-1g499f7){opacity:1}.bpm-popover.svelte-1g499f7{z-index:10000;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#0a0a0cfa;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000c,0 0 15px #ffffff0d}.popover-row.svelte-1g499f7{align-items:center;gap:8px;display:flex}.step-btn.svelte-1g499f7{color:#e5e7eb;width:32px;height:32px;font-size:var(--fs-md);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;font-weight:700;transition:all .1s;display:flex}.step-btn.svelte-1g499f7:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.bpm-input.svelte-1g499f7{color:#fff;width:60px;height:32px;font-family:var(--font-display);font-size:var(--fs-sm);text-align:center;-moz-appearance:textfield;background:#0006;border:1px solid #ffffff26;border-radius:6px;outline:none;font-weight:700}.bpm-input.svelte-1g499f7::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-input.svelte-1g499f7::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.scale-chip.svelte-2lb8x0{cursor:pointer;white-space:nowrap;flex-direction:row;align-items:center;gap:6px;height:34px;padding:0 10px;display:inline-flex;max-width:none!important}.scale-chip.svelte-2lb8x0 .chip-val:where(.svelte-2lb8x0){white-space:nowrap;line-height:1.2}.scale-chip.svelte-2lb8x0:hover .edit-icon:where(.svelte-2lb8x0),.scale-chip.active.svelte-2lb8x0 .edit-icon:where(.svelte-2lb8x0){opacity:1}.scale-popover.svelte-2lb8x0{z-index:10000;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#0a0a0cfa;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000c,0 0 15px #ffffff0d}.popover-section.svelte-2lb8x0{flex-direction:column;gap:8px;display:flex}.popover-section-title.svelte-2lb8x0{font-family:var(--font-display);font-size:var(--fs-xxs);color:#fff6;letter-spacing:1.5px;text-align:center;font-weight:700}.key-grid.svelte-2lb8x0{grid-template-columns:repeat(6,1fr);gap:4px;width:200px;display:grid}.grid-btn.svelte-2lb8x0{color:#e5e7eb;height:28px;font-family:var(--font-display);font-size:var(--fs-xs);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;font-weight:700;transition:all .1s}.grid-btn.svelte-2lb8x0:hover{color:#fff;background:#ffffff14}.grid-btn.active.svelte-2lb8x0{background:var(--neon-cyan-gradient);border-color:var(--neon-cyan);color:#000;text-shadow:none;box-shadow:0 0 8px #0cf6}.scale-list.svelte-2lb8x0{flex-direction:column;gap:2px;width:200px;max-height:140px;padding-right:4px;display:flex;overflow-y:auto}.scale-list.svelte-2lb8x0::-webkit-scrollbar{width:4px}.scale-list.svelte-2lb8x0::-webkit-scrollbar-track{background:#0000001a}.scale-list.svelte-2lb8x0::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.list-btn.svelte-2lb8x0{text-align:left;color:#e5e7eb;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-weight:500;transition:all .1s}.list-btn.svelte-2lb8x0:hover{color:#fff;background:#ffffff0d}.list-btn.active.svelte-2lb8x0{background:var(--neon-cyan-gradient);color:#000;font-weight:700;box-shadow:0 0 6px #00ccff4d}.popover-divider.svelte-2lb8x0{background:#ffffff14;height:1px;margin:4px 0}.yfx-chip.interactive.svelte-n0mdz8{color:#a855f799;cursor:pointer;background:#ffffff05;border-style:dashed;border-color:#a855f740}.yfx-chip.interactive.svelte-n0mdz8:hover,.yfx-chip.interactive.active.svelte-n0mdz8{border-color:var(--neon-cyan);color:#fff;border-style:solid;box-shadow:0 0 10px #00ccff26}.routing-popover.svelte-n0mdz8{z-index:10000;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#0a0a0cfa;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;width:200px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000c,0 0 15px #ffffff0d}.popover-section.svelte-n0mdz8{flex-direction:column;gap:6px;display:flex}.popover-section-title.svelte-n0mdz8{font-family:var(--font-display);font-size:var(--fs-xxs);color:#fff6;letter-spacing:1.5px;text-align:center;font-weight:700}.routing-list.svelte-n0mdz8{flex-direction:column;gap:4px;display:flex}.routing-item.svelte-n0mdz8{font-size:var(--fs-xs);background:#ffffff05;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.routing-item.empty.svelte-n0mdz8{color:#ffffff4d;justify-content:center;font-style:italic}.routing-slot.svelte-n0mdz8{font-family:var(--font-display);font-weight:700}.y-item.svelte-n0mdz8 .routing-slot:where(.svelte-n0mdz8){color:var(--neon-cyan)}.routing-item.y-item.svelte-n0mdz8{border-left:3px solid var(--neon-green)}.x-item.svelte-n0mdz8 .routing-slot:where(.svelte-n0mdz8){color:var(--neon-purple)}.routing-item.x-item.svelte-n0mdz8{border-left:3px solid var(--neon-purple)}.routing-param.svelte-n0mdz8{color:#e5e7eb;font-weight:500}.routing-param.inverted.svelte-n0mdz8{color:var(--neon-red)}.popover-divider.svelte-n0mdz8{background:#ffffff14;height:1px;margin:4px 0}.fullscreen-btn.svelte-1wbk7df{color:#d1d5db;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.fullscreen-icon.svelte-1wbk7df{width:20px;height:20px;display:block}.fullscreen-btn.svelte-1wbk7df:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.fullscreen-btn.active.svelte-1wbk7df{color:var(--neon-green);background:#00ffcc14;border-color:#00ffcc4d;box-shadow:0 0 10px #00ffcc26}@media (width<=600px){.fullscreen-btn.svelte-1wbk7df .fullscreen-icon:where(.svelte-1wbk7df){width:24px;height:24px}}.app-header.svelte-1ntrmhr{height:auto;min-height:52px;padding:calc(6px + env(safe-area-inset-top,0px)) 16px 6px 16px;border-bottom:1px solid var(--color-border);z-index:10;background:#111115;flex-shrink:0;grid-template:"logo knobs meters transport routing scale bpm actions"/auto auto auto 1fr auto auto auto auto;align-items:center;gap:6px 10px;transition:min-height .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1),border-bottom-color .25s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.hg-logo.svelte-1ntrmhr{flex-shrink:0;grid-area:logo;align-items:center;min-width:max-content;display:flex;overflow:hidden}.hg-knobs.svelte-1ntrmhr{flex-shrink:0;grid-area:knobs;align-items:center;gap:16px;display:flex}.hg-meters.svelte-1ntrmhr{flex-shrink:0;grid-area:meters;align-items:center;gap:16px;display:flex}.hg-transport.svelte-1ntrmhr{grid-area:transport;justify-content:center;align-items:center;min-width:0;display:flex}.hg-routing.svelte-1ntrmhr{flex-shrink:0;grid-area:routing;align-items:center;display:flex}.hg-scale.svelte-1ntrmhr{flex-shrink:0;grid-area:scale;align-items:center;display:flex}.hg-bpm.svelte-1ntrmhr{flex-shrink:0;grid-area:bpm;align-items:center;gap:4px;display:flex}.hg-actions.svelte-1ntrmhr{flex-shrink:0;grid-area:actions;place-self:flex-start end;align-items:center;gap:8px;min-width:max-content;margin-top:4px;display:flex}.app-header.header-collapsed.svelte-1ntrmhr{border-bottom-color:#0000;height:0;min-height:0;padding-top:0;padding-bottom:0;overflow:visible}.app-header.svelte-1ntrmhr>:where(.svelte-1ntrmhr):not(.header-collapse-tab){opacity:1;visibility:visible;transition:opacity .15s,visibility .15s}.app-header.header-collapsed.svelte-1ntrmhr>:where(.svelte-1ntrmhr):not(.header-collapse-tab){opacity:0;visibility:hidden;pointer-events:none;height:0;overflow:hidden}.header-collapse-tab.svelte-1ntrmhr{border:1px solid var(--color-border);cursor:pointer;z-index:11;color:#9ca3af;background:#111115;border-top:none;border-bottom-right-radius:6px;border-bottom-left-radius:6px;justify-content:center;align-items:center;width:36px;height:16px;padding:0;transition:background-color .15s,color .15s;display:flex;position:absolute;bottom:-16px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header-collapse-tab.svelte-1ntrmhr:hover{color:#fff;background:#16161a}.logo-group.svelte-1ntrmhr{align-items:center;gap:8px;display:flex}.logo-icon.svelte-1ntrmhr{filter:drop-shadow(0 0 4px #00ffcc4d);animation:3s ease-in-out infinite svelte-1ntrmhr-logo-glow}@keyframes svelte-1ntrmhr-logo-glow{0%{filter:drop-shadow(0 0 3px #0fc3)}50%{filter:drop-shadow(0 0 6px #0fc6)}to{filter:drop-shadow(0 0 3px #0fc3)}}.logo-text.svelte-1ntrmhr{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:1.5px;background:linear-gradient(90deg,#fff,#0fc,#0cf,#a855f7,#fff) 0 0/200%;-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;font-weight:700;animation:4s linear infinite svelte-1ntrmhr-shimmer;overflow:hidden}@keyframes svelte-1ntrmhr-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.logo-titles.svelte-1ntrmhr{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.logo-version.svelte-1ntrmhr{font-family:var(--font-display);font-size:var(--fs-xs);color:#ffffff4d;letter-spacing:1.5px;margin-top:2px;font-weight:800}.hold-chip.interactive.svelte-1ntrmhr{color:#f909;border-color:#ff990040}.hold-chip.interactive.svelte-1ntrmhr:hover{color:#ff9900d9;border-color:#ff990080}.hold-chip.interactive.active.svelte-1ntrmhr{color:var(--neon-amber);text-shadow:0 0 6px #f906;background:#ff99001a;border-style:solid;border-color:#ff990080;box-shadow:0 0 10px #ff990026}.time-sig-num.svelte-1ntrmhr{color:#e5e7eb;font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;text-align:center;appearance:none;background:0 0;border:none;outline:none;width:auto;padding:0;font-weight:700}.time-sig-num.svelte-1ntrmhr option:where(.svelte-1ntrmhr){color:#fff;background:#16161a}.time-sig-divider.svelte-1ntrmhr{color:#ffffff40;font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;font-weight:700}.time-sig-den.svelte-1ntrmhr{color:#e5e7eb;font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-weight:700}.time-sig-den.svelte-1ntrmhr option:where(.svelte-1ntrmhr){color:#fff;background:#16161a}.hamburger-btn.svelte-1ntrmhr{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.hamburger-btn.svelte-1ntrmhr:hover,.hamburger-btn.active.svelte-1ntrmhr{color:#fff;background:#ffffff1a;border-color:#fff3}.help-tooltip-btn.svelte-1ntrmhr{color:#fff;cursor:pointer;width:28px;height:28px;font-family:var(--font-display);font-size:var(--fs-md);background:#2563eb;border:1px solid #fff3;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;font-weight:700;transition:all .2s;display:flex}.help-tooltip-btn.svelte-1ntrmhr:hover{color:#fff;background:#1d4ed8;border-color:#fff6}.help-tooltip-btn.active.svelte-1ntrmhr{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00ccff26;box-shadow:0 0 10px #0cf6}@media (width<=1980px){.app-header.svelte-1ntrmhr{grid-template:"logo transport transport transport actions""knobs meters routing scale bpm"/auto auto auto 1fr auto;gap:6px 8px;padding:8px 16px}.hg-routing.svelte-1ntrmhr{justify-self:start}.hg-scale.svelte-1ntrmhr{justify-self:center}.hg-bpm.svelte-1ntrmhr{flex-wrap:wrap;justify-content:flex-end;justify-self:end}.hg-transport.svelte-1ntrmhr{justify-content:center;min-width:0;overflow:hidden}.hg-actions.svelte-1ntrmhr{place-self:center end;margin-top:0}}@media (width<=960px){.hg-knobs.svelte-1ntrmhr,.hg-meters.svelte-1ntrmhr{display:none}}@media (width<=700px){.app-header.svelte-1ntrmhr{grid-template:"logo actions""transport transport""routing scale"/1fr auto;gap:8px}.hg-knobs.svelte-1ntrmhr,.hg-meters.svelte-1ntrmhr,.hg-bpm.svelte-1ntrmhr{display:none}.hg-routing.svelte-1ntrmhr{flex-wrap:wrap;justify-self:start}.hg-scale.svelte-1ntrmhr{flex-wrap:wrap;justify-self:end}.hg-transport.svelte-1ntrmhr{justify-content:center;min-width:0;overflow:hidden}.hg-actions.svelte-1ntrmhr{place-self:center end;margin-top:0}.logo-group.svelte-1ntrmhr{justify-self:start}}@media (width<=480px) and (orientation:portrait){.logo-text.svelte-1ntrmhr{font-size:var(--fs-md);letter-spacing:1px}}.xy-pad-container.svelte-vug5ag{background:#000;flex:1;justify-content:stretch;align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}canvas.svelte-vug5ag{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:100%;display:block}.effects-panel-header.svelte-ly4t5u{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.effects-panel-header.clickable.svelte-ly4t5u{cursor:pointer}.effects-panel-header.wrap-title.svelte-ly4t5u{flex-wrap:wrap;align-items:flex-start}.effects-panel-header.wrap-title.svelte-ly4t5u .header-left:where(.svelte-ly4t5u){flex-basis:100%;align-items:center;width:100%;display:flex;overflow:hidden}.effects-panel-header.wrap-title.svelte-ly4t5u .panel-title:where(.svelte-ly4t5u){white-space:normal;overflow-wrap:anywhere}.effects-panel-header.wrap-title.svelte-ly4t5u .header-right:where(.svelte-ly4t5u){flex-wrap:wrap;flex-basis:100%;justify-content:flex-start}.header-left.svelte-ly4t5u{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.flex-spacer.svelte-ly4t5u{flex:1}.header-right.svelte-ly4t5u{flex-shrink:0;align-items:center;gap:4px;display:flex}.panel-title.svelte-ly4t5u{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:1.2px;color:#ffffffd9;text-transform:uppercase;white-space:nowrap;font-weight:800}.status-dot.svelte-ly4t5u{background:#ffffff26;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s,box-shadow .2s}.status-dot.active.svelte-ly4t5u{background:#a855f7;box-shadow:0 0 6px #a855f7b3}.collapse-chevron-btn.svelte-ly4t5u{color:#ffffff80;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:color .15s;display:flex}.collapse-chevron-btn.svelte-ly4t5u:hover{color:#fff}.chevron.svelte-ly4t5u{width:16px;height:16px}.drum-preset-bar.svelte-l2ro62{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.preset-label.svelte-l2ro62{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.5px;color:#fff6;white-space:nowrap;flex-shrink:0;font-weight:800}.kit-select.svelte-l2ro62{color:#e5e7eb;font-family:var(--font-display);font-size:var(--fs-xs);cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:4px;outline:none;max-width:140px;padding:3px 6px;font-weight:700}.kit-select.svelte-l2ro62 option:where(.svelte-l2ro62),.kit-select.svelte-l2ro62 optgroup:where(.svelte-l2ro62){color:#fff;background:#16161a}.kit-btn.svelte-l2ro62{color:#ffffffa6;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:3px 8px;font-weight:800;transition:background-color .2s,border-color .2s,color .2s}.kit-btn.svelte-l2ro62:hover{color:var(--neon-cyan);background:#00ffcc14;border-color:#00ffcc4d}.kit-btn.copy.svelte-l2ro62:hover{color:#0cf;background:#00ccff1a;border-color:#00ccff59}.kit-btn.delete.svelte-l2ro62:hover{color:#fca5a5;background:#ef44441f;border-color:#ef444459}.kit-btn.nav-btn.svelte-l2ro62{min-width:22px;padding:3px 6px}.kit-btn.shuffle-btn.svelte-l2ro62{padding:3px 6px}.kit-btn.shuffle-btn.svelte-l2ro62:hover{color:#c084fc;background:#a855f71f;border-color:#a855f759}.drum-kits-header-actions.svelte-1hk1e2e{align-items:center;gap:6px;display:flex}.transport-btn.svelte-1hk1e2e,.mode-toggle-btn.svelte-1hk1e2e,.edit-pads-btn.svelte-1hk1e2e,.maximize-btn{color:#fff;font-family:var(--font-display), monospace;cursor:pointer;box-sizing:border-box;background:#1d1d26;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;height:24px;padding:5px 10px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.maximize-btn{width:24px;padding:0}.collapse-btn.svelte-1hk1e2e{color:#ffffff80;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.5px;cursor:pointer;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;align-items:center;height:24px;padding:3px 8px;font-weight:800;display:flex}.collapse-btn.svelte-1hk1e2e:hover{color:var(--neon-cyan);background:#00ffcc14;border-color:#00ffcc4d;box-shadow:0 0 8px #0fc3}.collapse-btn.active.svelte-1hk1e2e{border-color:var(--neon-cyan);color:#fff;background:#00ccff1f;box-shadow:0 0 8px #00ccff40}.transport-btn.svelte-1hk1e2e:hover,.mode-toggle-btn.svelte-1hk1e2e:hover,.edit-pads-btn.svelte-1hk1e2e:hover,.maximize-btn:hover{background:#252530;border-color:#ffffff40}.transport-btn.playing.svelte-1hk1e2e{color:#fff;background:#dc2626;border-color:#f87171}.mode-toggle-btn.active.svelte-1hk1e2e{color:#fff;background:#0284c7;border-color:#38bdf8}.edit-pads-btn.active.svelte-1hk1e2e{color:#000;background:#eab308;border-color:#facc15}.glue-knob-container.svelte-1hk1e2e{-webkit-user-select:none;user-select:none;box-sizing:border-box;align-items:center;gap:4px;height:24px;padding:0 4px;display:flex}.glue-knob-label.svelte-1hk1e2e{font-family:var(--font-display), monospace;color:#fff6;letter-spacing:.05em;font-size:8px;font-weight:800}.pad-editor-wrapper.svelte-1oqc6fm{pointer-events:none;z-index:50;position:absolute;inset:0}.pad-editor-panel.svelte-1oqc6fm{pointer-events:auto;left:var(--editor-x,20px);top:var(--editor-y,20px);background:#101014f7;border:1px solid #00ffcc40;border-radius:12px;flex-direction:column;width:min(280px,90%);max-height:90%;display:flex;position:absolute;overflow-y:auto;box-shadow:0 8px 32px #000000b3,0 0 20px #00ffcc0d}.editor-header.svelte-1oqc6fm{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}.editor-header.dragging.svelte-1oqc6fm{cursor:grabbing}.editor-title.svelte-1oqc6fm{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:1px;color:var(--neon-cyan);text-shadow:0 0 6px #00ffcc4d;font-weight:800}.close-btn.svelte-1oqc6fm{color:#fff6;cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1;transition:color .15s,background .15s}.close-btn.svelte-1oqc6fm:hover{color:#fff;background:#ffffff14}.editor-body.svelte-1oqc6fm{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.knobs-grid.svelte-1oqc6fm{grid-template-columns:1fr 1fr;gap:10px;padding:4px 0;display:grid}.knob-cell.svelte-1oqc6fm{flex-direction:column;align-items:center;gap:2px;display:flex}.knob-val.svelte-1oqc6fm{font-family:var(--font-display);color:#0fc9;letter-spacing:.3px;font-size:9px;font-weight:700}.field-row.svelte-1oqc6fm{align-items:center;gap:8px;min-height:32px;display:flex}.field-label.svelte-1oqc6fm{font-family:var(--font-display);font-size:var(--fs-xs);color:#ffffff80;letter-spacing:.5px;flex-shrink:0;min-width:60px;font-weight:700}.text-input.svelte-1oqc6fm{color:#e5e7eb;font-family:var(--font-sans);font-size:var(--fs-sm);background:#0006;border:1px solid #ffffff1a;border-radius:4px;outline:none;flex:1;padding:4px 8px}.text-input.svelte-1oqc6fm:focus{border-color:#0fc6}.select-input.svelte-1oqc6fm{color:#e5e7eb;font-family:var(--font-display);font-size:var(--fs-xs);cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:4px 6px}.select-input.svelte-1oqc6fm option:where(.svelte-1oqc6fm){color:#fff;background:#16161a}.sample-row.svelte-1oqc6fm{flex-wrap:wrap;align-items:flex-start}.sample-control.svelte-1oqc6fm{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.sample-name.svelte-1oqc6fm{font-family:var(--font-sans);color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;overflow:hidden}.file-btn.svelte-1oqc6fm{color:#ffffffa6;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.5px;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-weight:800;transition:background .2s,border-color .2s,color .2s}.file-btn.svelte-1oqc6fm:hover{color:var(--neon-cyan);background:#00ffcc14;border-color:#00ffcc4d}.canvas-container.svelte-4idt2r{background:#000;flex:1;height:100%;min-height:0;position:relative}canvas.svelte-4idt2r{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:100%;display:block}.ts-switch.svelte-1ryl1ss{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.ts-switch.disabled.svelte-1ryl1ss{cursor:not-allowed;opacity:.5}.ts-switch.svelte-1ryl1ss input:where(.svelte-1ryl1ss){opacity:0;width:0;height:0;margin:0;position:absolute}.ts-track.svelte-1ryl1ss{width:34px;height:18px;transition:background-color .2s var(--ease-out,ease), border-color .2s var(--ease-out,ease);box-sizing:border-box;background-color:#ffffff38;border:1px solid #ffffff73;border-radius:9px;flex-shrink:0;position:relative}.ts-track.svelte-1ryl1ss:before{content:"";width:14px;height:14px;transition:transform .2s var(--ease-out,ease), background-color .2s var(--ease-out,ease), box-shadow .2s var(--ease-out,ease);background-color:#e5e7eb;border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0006}.ts-switch.svelte-1ryl1ss input:where(.svelte-1ryl1ss):checked+.ts-track:where(.svelte-1ryl1ss):before{transform:translate(16px)}.ts-cyan.svelte-1ryl1ss input:where(.svelte-1ryl1ss):checked+.ts-track:where(.svelte-1ryl1ss){background-color:#00ffcc59;border-color:#00ffccb3}.ts-cyan.svelte-1ryl1ss input:where(.svelte-1ryl1ss):checked+.ts-track:where(.svelte-1ryl1ss):before{background-color:#0fc;box-shadow:0 0 6px #0fcc}.ts-purple.svelte-1ryl1ss input:where(.svelte-1ryl1ss):checked+.ts-track:where(.svelte-1ryl1ss){background-color:#a855f773;border-color:#c084fc}.ts-purple.svelte-1ryl1ss input:where(.svelte-1ryl1ss):checked+.ts-track:where(.svelte-1ryl1ss):before{background-color:#c084fc;box-shadow:0 0 6px #c084fc}.ts-switch.svelte-1ryl1ss:not(.disabled):hover .ts-track:where(.svelte-1ryl1ss){border-color:#fff9}.ts-cyan.svelte-1ryl1ss:not(.disabled):hover input:where(.svelte-1ryl1ss):checked+.ts-track:where(.svelte-1ryl1ss){border-color:#0fc}.ts-purple.svelte-1ryl1ss:not(.disabled):hover input:where(.svelte-1ryl1ss):checked+.ts-track:where(.svelte-1ryl1ss){border-color:#d8b4fe}.ts-switch.svelte-1ryl1ss input:where(.svelte-1ryl1ss):focus-visible+.ts-track:where(.svelte-1ryl1ss){outline-offset:2px;outline:2px solid #fff9}.ts-label.svelte-1ryl1ss{align-items:center;display:inline-flex}.sequencer-sidebar.svelte-fq9mtz{width:160px;font-family:var(--font-display), monospace;background:#131318;border-right:1px solid #ffffff0d;flex-direction:column;display:flex}.sidebar-label.svelte-fq9mtz{color:#ffffff4d;letter-spacing:.05em;padding:8px 10px 4px;font-size:9px;font-weight:800}.sidebar-list.svelte-fq9mtz{touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;flex:1;gap:3px;padding:4px 6px;display:flex;overflow-y:auto}.sidebar-list.svelte-fq9mtz::-webkit-scrollbar{width:4px}.sidebar-list.svelte-fq9mtz::-webkit-scrollbar-track{background:#0000001a}.sidebar-list.svelte-fq9mtz::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-item.svelte-fq9mtz{color:#ffffff80;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:5px 8px;font-size:10px;transition:all .15s;display:flex}.sidebar-item.svelte-fq9mtz:hover{color:#fffc;background:#ffffff08}.sidebar-item.selected.svelte-fq9mtz{color:#fff;background:#ffffff14;font-weight:700}.sidebar-item.has-steps.svelte-fq9mtz{color:#38bdf8}.sidebar-item.has-steps.selected.svelte-fq9mtz{color:#fff}.indicator-dot.svelte-fq9mtz{background:#ffffff1a;border-radius:50%;width:5px;height:5px}.indicator-dot.active.svelte-fq9mtz{background:#38bdf8;box-shadow:0 0 4px #38bdf8}.sidebar-actions.svelte-fq9mtz{border-top:1px solid #ffffff0d;flex-direction:column;gap:6px;padding:8px;display:flex}.clear-btn.svelte-fq9mtz,.clear-all-btn.svelte-fq9mtz{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:4px;font-size:9px;transition:all .12s}.clear-btn.svelte-fq9mtz:hover,.clear-all-btn.svelte-fq9mtz:hover{color:#fff;background:#ffffff05;border-color:#fff3}.clear-all-btn.svelte-fq9mtz:hover{color:#f87171;background:#dc26261a;border-color:#dc26264d}.sidebar-controls.svelte-fq9mtz{border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:8px;padding:6px 8px;display:flex}.controls-row.svelte-fq9mtz{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.audition-label.svelte-fq9mtz{cursor:pointer;align-items:center;gap:4px;display:flex}.audition-text.svelte-fq9mtz{color:#fff6;letter-spacing:.4px;-webkit-user-select:none;user-select:none;font-size:8px;font-weight:800}.mute-btn.svelte-fq9mtz{color:#38bdf8;cursor:pointer;background:#38bdf814;border:1px solid #38bdf840;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:3px;transition:all .15s;display:flex}.mute-btn.svelte-fq9mtz:hover{color:#fff;background:#38bdf826}.mute-btn.muted.svelte-fq9mtz{color:#ef4444;background:#ef444414;border-color:#ef444440}.mute-btn.muted.svelte-fq9mtz:hover{color:#f87171;background:#ef444426}.knobs-row.svelte-fq9mtz{justify-content:space-around;gap:4px;width:100%;display:flex}.knob-container.svelte-fq9mtz{flex-direction:column;flex:1;align-items:center;display:flex;overflow:hidden}.knob-value-display.svelte-fq9mtz{color:#ffffff73;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:3px;font-size:8px;overflow:hidden}.drum-pad-wrapper.svelte-oijgbx{box-sizing:border-box;background:#0d0d11;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.resize-handle.svelte-oijgbx{cursor:ns-resize;z-index:10;justify-content:center;align-items:center;height:10px;display:flex;position:absolute;top:0;left:0;right:0}.resize-bar.svelte-oijgbx{transform-origin:50%;background:#00ffcc59;border-radius:2px;width:40px;height:4px;transition:background-color .2s,transform .2s}.resize-handle.svelte-oijgbx:hover .resize-bar:where(.svelte-oijgbx),.resize-handle.resizing.svelte-oijgbx .resize-bar:where(.svelte-oijgbx){background:#0fc;transform:scaleX(1.5);box-shadow:0 0 6px #0fcc}.preset-bar-row.svelte-oijgbx{border-bottom:1px solid #ffffff0d;padding:4px 10px}.panel-layout.svelte-oijgbx{flex:1;min-height:0;display:flex;position:relative}.drum-pad-wrapper.collapsed.svelte-oijgbx{border-color:#ffffff0a;flex:none!important;height:auto!important}.drum-pad-wrapper .effects-panel-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;padding:8px 16px}@media (orientation:landscape){.drum-pad-wrapper.side-panel.svelte-oijgbx{box-sizing:border-box;border-radius:0;flex-direction:column;flex:1 0;min-height:0;display:flex;max-height:none!important}.drum-pad-wrapper.side-panel.collapsed.svelte-oijgbx{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;min-width:50px;padding:12px 6px;display:flex}.vertical-collapsed-wrapper.svelte-oijgbx{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:100%;height:100%;padding:6px 0;display:flex;overflow:hidden}.vertical-collapsed-btn.svelte-oijgbx{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.vertical-collapsed-btn.svelte-oijgbx:hover{color:#38bdf8;background:#38bdf814;border-color:#38bdf84d}.vertical-title.svelte-oijgbx{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);letter-spacing:1.5px;color:#fff6;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;margin:4px 0;font-size:11px;font-weight:800;transform:rotate(180deg)}.vertical-title.svelte-oijgbx:hover{color:#38bdf8}}.loop-btn.svelte-1ekpix5{aspect-ratio:1;cursor:pointer;min-width:75px;max-width:120px;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.loop-btn.svelte-1ekpix5:hover{background:#ffffff0a;border-color:#ffffff1f}.loop-btn.svelte-1ekpix5:active{transform:scale(.97)}.loop-btn.pressing.svelte-1ekpix5{background:#ffffff0f;transform:scale(.97)}.loop-btn.selected.svelte-1ekpix5{box-shadow:0 0 14px #00ffcc59,inset 0 0 8px #00ffcc14;border:2px dashed var(--neon-cyan,#0fc)!important}.play-stop-btn.svelte-1ekpix5{color:#ffffffb3;cursor:pointer;z-index:5;width:32px;height:32px;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);background:#00000080;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:4px;right:4px}.play-stop-btn.svelte-1ekpix5:hover{border-color:var(--neon-cyan);color:#fff;background:#000c}.play-stop-btn.svelte-1ekpix5:active{transform:scale(.96)}.play-stop-icon.svelte-1ekpix5{width:14px;height:14px}.progress-ring-container.svelte-1ekpix5{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.progress-ring.svelte-1ekpix5{width:80%;height:80%;transform:rotate(-90deg)}.progress-ring__bg.svelte-1ekpix5{stroke:#ffffff08;stroke-width:2.5px;fill:none}.progress-ring__fill.svelte-1ekpix5{stroke-width:2.5px;fill:none;transition:stroke .2s var(--ease-out)}.inner-content.svelte-1ekpix5{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.track-num.svelte-1ekpix5{font-family:var(--font-display);font-size:var(--fs-2xl);color:#fff3;transition:color .2s var(--ease-out);font-weight:700}.track-state-lbl.svelte-1ekpix5{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.5px;color:#ffffff26;transition:color .2s var(--ease-out);margin-top:2px;font-weight:700}.loop-time-counter.svelte-1ekpix5{font-family:var(--font-mono,monospace);font-size:max(10px, var(--fs-xs));color:#fff6;letter-spacing:.2px;transition:color .2s var(--ease-out);margin-top:3px;font-weight:500}.state-recording.svelte-1ekpix5 .loop-time-counter:where(.svelte-1ekpix5){color:var(--neon-red)}.state-looping.svelte-1ekpix5 .loop-time-counter:where(.svelte-1ekpix5){color:var(--neon-green)}.state-paused.svelte-1ekpix5 .loop-time-counter:where(.svelte-1ekpix5){color:var(--neon-green);opacity:.6}.state-stopped.svelte-1ekpix5 .loop-time-counter:where(.svelte-1ekpix5){color:#ffffff40}.state-recording.svelte-1ekpix5{box-shadow:0 0 12px var(--neon-red);border-color:#f366;animation:1.5s ease-in-out infinite svelte-1ekpix5-pulse-red}.state-recording.svelte-1ekpix5 .track-num:where(.svelte-1ekpix5){color:var(--neon-red);text-shadow:0 0 8px var(--neon-red)}.state-recording.svelte-1ekpix5 .track-state-lbl:where(.svelte-1ekpix5){color:var(--neon-red)}.state-recording.svelte-1ekpix5 .progress-ring__fill:where(.svelte-1ekpix5){stroke:var(--neon-red);filter:drop-shadow(0 0 2px var(--neon-red))}.state-looping.svelte-1ekpix5{box-shadow:0 0 12px var(--neon-green);border-color:#0fc6}.state-looping.svelte-1ekpix5 .track-num:where(.svelte-1ekpix5){color:var(--neon-green);text-shadow:0 0 8px var(--neon-green)}.state-looping.svelte-1ekpix5 .track-state-lbl:where(.svelte-1ekpix5){color:var(--neon-green)}.state-looping.svelte-1ekpix5 .progress-ring__fill:where(.svelte-1ekpix5){stroke:var(--neon-green);filter:drop-shadow(0 0 2px var(--neon-green))}.state-looping.overdub.svelte-1ekpix5{box-shadow:0 0 12px var(--neon-magenta);border-color:#f0f6;animation:1.5s ease-in-out infinite svelte-1ekpix5-pulse-magenta}.state-looping.overdub.svelte-1ekpix5 .track-num:where(.svelte-1ekpix5){color:var(--neon-magenta);text-shadow:0 0 8px var(--neon-magenta)}.state-looping.overdub.svelte-1ekpix5 .track-state-lbl:where(.svelte-1ekpix5){color:var(--neon-magenta)}.state-looping.overdub.svelte-1ekpix5 .progress-ring__fill:where(.svelte-1ekpix5){stroke:var(--neon-magenta);filter:drop-shadow(0 0 2px var(--neon-magenta))}.state-stopped.svelte-1ekpix5{box-shadow:none;background:#ffffff03;border-color:#ffffff1f}.state-stopped.svelte-1ekpix5 .track-num:where(.svelte-1ekpix5),.state-stopped.svelte-1ekpix5 .track-state-lbl:where(.svelte-1ekpix5){color:#ffffff1f}.state-stopped.svelte-1ekpix5 .progress-ring__fill:where(.svelte-1ekpix5){stroke:#ffffff1f}.state-paused.svelte-1ekpix5{box-shadow:none;background:#ff990003;border-color:#ff990040}.state-paused.svelte-1ekpix5 .track-num:where(.svelte-1ekpix5),.state-paused.svelte-1ekpix5 .track-state-lbl:where(.svelte-1ekpix5){color:#ff990080}.state-paused.svelte-1ekpix5 .progress-ring__fill:where(.svelte-1ekpix5){stroke:#ff990080}.counting-in.svelte-1ekpix5{border-color:#fbbf2466;animation:.6s ease-in-out infinite svelte-1ekpix5-pulse-amber;box-shadow:0 0 12px #fbbf2440}.counting-in.svelte-1ekpix5 .track-num:where(.svelte-1ekpix5){color:#fbbf24;text-shadow:0 0 8px #fbbf2499}.counting-in.svelte-1ekpix5 .track-state-lbl:where(.svelte-1ekpix5){color:#fbbf24}.beat-flash.svelte-1ekpix5{background:#fbbf242e!important;border-color:#fbbf24cc!important;animation:none!important;box-shadow:0 0 20px #fbbf2480,0 0 6px #fbbf244d!important}.overdub-dot.svelte-1ekpix5{background-color:var(--neon-magenta);width:6px;height:6px;box-shadow:0 0 6px var(--neon-magenta);pointer-events:none;border-radius:50%;animation:1s steps(2,start) infinite svelte-1ekpix5-blink-dot;position:absolute;top:8px;left:8px}@keyframes svelte-1ekpix5-pulse-red{0%{background:#ff336603;border-color:#f363;box-shadow:0 0 4px #ff33660d}50%{background:#ff33660f;border-color:#ff336680;box-shadow:0 0 16px #f363}to{background:#ff336603;border-color:#f363;box-shadow:0 0 4px #ff33660d}}@keyframes svelte-1ekpix5-pulse-magenta{0%{background:#ff00ff03;border-color:#f0f3;box-shadow:0 0 4px #ff00ff0d}50%{background:#ff00ff0f;border-color:#ff00ff80;box-shadow:0 0 16px #f0f3}to{background:#ff00ff03;border-color:#f0f3;box-shadow:0 0 4px #ff00ff0d}}@keyframes svelte-1ekpix5-pulse-amber{0%{background:#fbbf2403;border-color:#fbbf2433;box-shadow:0 0 4px #fbbf240d}50%{background:#fbbf2414;border-color:#fbbf2480;box-shadow:0 0 14px #fbbf2440}to{background:#fbbf2403;border-color:#fbbf2433;box-shadow:0 0 4px #fbbf240d}}@keyframes svelte-1ekpix5-blink-dot{to{visibility:hidden}}.loop-buttons-container.svelte-hmisdd{flex-direction:row;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:4px;display:flex}.loop-panel.svelte-h61k1z{box-sizing:border-box;background:#0d1c30;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.loop-panel.collapsed.svelte-h61k1z{flex:none!important;height:auto!important}.loop-panel .effects-panel-header{border-bottom:1px solid #ffffff08}.quantize-selector.svelte-h61k1z,.count-in-selector.svelte-h61k1z{align-items:center;gap:6px;display:flex}.selector-lbl.svelte-h61k1z{font-family:var(--font-sans);font-size:var(--fs-xs);color:#fff6;font-weight:600}.quantize-selector.svelte-h61k1z select:where(.svelte-h61k1z),.count-in-selector.svelte-h61k1z select:where(.svelte-h61k1z){color:var(--neon-cyan);font-family:var(--font-display);font-size:var(--fs-xs);cursor:pointer;background:#00000040;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:2px 4px;font-weight:700}.quantize-selector.svelte-h61k1z select:where(.svelte-h61k1z) option:where(.svelte-h61k1z),.count-in-selector.svelte-h61k1z select:where(.svelte-h61k1z) option:where(.svelte-h61k1z){color:#fff;background:#16161a}.reverse-toggle-btn.svelte-h61k1z{color:#fff6;font-family:var(--font-display);font-size:var(--fs-xs);cursor:pointer;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:2px 6px;font-weight:700}.reverse-toggle-btn.svelte-h61k1z:hover{color:#fff;background:#ffffff14}.reverse-toggle-btn.active.svelte-h61k1z{color:#c084fc;text-shadow:0 0 6px #a855f780;background:#a855f726;border-color:#a855f7;box-shadow:0 0 10px #a855f733}.reverse-mode-badge.svelte-h61k1z{font-family:var(--font-display);font-size:var(--fs-xs);color:#c084fc;letter-spacing:.5px;font-weight:700}.param-row.svelte-19nnqhn{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:16px;margin-bottom:6px;padding:6px 12px;transition:background-color .2s;display:flex}.param-row.svelte-19nnqhn:hover{background:#ffffff0a}.param-row.horizontal-layout.svelte-19nnqhn{gap:8px;padding:4px 8px}.param-info.svelte-19nnqhn{flex-direction:column;gap:2px;width:140px;display:flex}.param-row.horizontal-layout.svelte-19nnqhn .param-info:where(.svelte-19nnqhn){width:100px}.param-label.svelte-19nnqhn{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.param-value.svelte-19nnqhn{color:#0fc;font-family:monospace;font-size:13px;font-weight:700}.slider-container.svelte-19nnqhn{cursor:ew-resize;touch-action:none;flex:1;align-items:center;height:38px;display:flex}.custom-slider.svelte-19nnqhn{appearance:none;background:0 0;outline:none;width:100%;height:38px}.custom-slider.svelte-19nnqhn::-webkit-slider-runnable-track{background:#ffffff1a;border:none;border-radius:3px;width:100%;height:6px}.custom-slider.svelte-19nnqhn::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0fc;border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:transform .1s,background-color .2s;box-shadow:0 0 8px #0fc9}.custom-slider.svelte-19nnqhn:active::-webkit-slider-thumb{background:#fff;transform:scale(1.2)}.knob-container.svelte-19nnqhn{cursor:ns-resize;touch-action:none;outline:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.knob-ring.svelte-19nnqhn{box-sizing:border-box;background:linear-gradient(135deg,#2b2b36 0%,#121217 100%);border:1.5px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000080}.knob-ring.active.svelte-19nnqhn,.knob-ring.svelte-19nnqhn:hover{border-color:#0fc;box-shadow:0 0 8px #00ffcc4d}.knob-svg.svelte-19nnqhn{pointer-events:none;width:28px;height:28px;display:block}.knob-body.svelte-19nnqhn{fill:#1a1a22;stroke:#ffffff1a}.knob-track.svelte-19nnqhn{stroke:#ffffff1a;stroke-width:2.5px;stroke-linecap:round}.needle.svelte-19nnqhn{stroke:#0fc;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 2px #00ffcc80)}.knob-cap.svelte-19nnqhn{fill:#22222a}.axis-buttons.svelte-19nnqhn{align-items:center;gap:6px;display:flex}.btn-axis-combo.svelte-19nnqhn{align-items:center;gap:2px;display:flex}.reset-btn.svelte-19nnqhn{color:#fff6;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;outline:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;transition:all .2s;display:flex}.reset-btn.svelte-19nnqhn:hover:not(:disabled){color:#0fc;border-color:#00ffcc4d;box-shadow:0 0 8px #00ffcc40}.reset-btn.svelte-19nnqhn:disabled{opacity:.3;cursor:not-allowed}.axis-btn.svelte-19nnqhn{color:#ffffff80;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;outline:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.axis-btn.svelte-19nnqhn:hover:not(:disabled){color:#fff;border-color:#ffffff4d}.axis-btn.active.x-btn.svelte-19nnqhn{color:#f36;background:#f363;border-color:#f36;box-shadow:0 0 8px #ff33664d}.axis-btn.active.y-btn.svelte-19nnqhn{color:#0fc;background:#0fc3;border-color:#0fc;box-shadow:0 0 8px #00ffcc4d}.axis-btn.inv-btn.svelte-19nnqhn{color:#fff6;border-color:#ffffff26;font-size:10px}.axis-btn.inv-btn.active.svelte-19nnqhn{color:#f90;background:#f903;border-color:#f90;box-shadow:0 0 8px #ff99004d}.axis-btn.svelte-19nnqhn:disabled{opacity:.3;cursor:not-allowed}.effect-card.svelte-906d5g{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#141419b3;border:1px solid #ffffff14;border-radius:8px;margin-bottom:8px}.effect-card.svelte-906d5g:hover{background:#19191ecc;border-color:#ffffff26}.effect-card.disabled.svelte-906d5g{background:#0a0a0c66;border-color:#ffffff08}.card-header.svelte-906d5g{align-items:center;gap:12px;padding:10px 14px;display:flex}.drag-handle.svelte-906d5g{cursor:grab;color:#ffffff4d;-webkit-user-select:none;user-select:none;touch-action:none;padding:0 4px;font-size:16px}.drag-handle.svelte-906d5g:active{cursor:grabbing;color:#0fc}.card-title-group.svelte-906d5g{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.card-title.svelte-906d5g{letter-spacing:.8px;color:#fff;font-size:13px;font-weight:700}.effect-card.disabled.svelte-906d5g .card-title:where(.svelte-906d5g){color:#fff6}.badges.svelte-906d5g{flex-wrap:wrap;gap:4px;display:flex}.badge.svelte-906d5g{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.badge.inverted.svelte-906d5g{color:#f90;background:#ff990026;border-style:dashed;border-color:#f90}.x-badge.svelte-906d5g{color:#f36;background:#ff336626;border:1px solid #ff33664d}.y-badge.svelte-906d5g{color:#0fc;background:#00ffcc26;border:1px solid #00ffcc4d}.shift-buttons.svelte-906d5g{gap:4px;margin-right:4px;display:flex}.shift-btn.svelte-906d5g{color:#ffffff80;cursor:pointer;width:22px;height:22px;transition:transform .1s var(--ease-out), border-color .2s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#0006;border:1px solid #ffffff1a;border-radius:4px;outline:none;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.shift-btn.svelte-906d5g:active:not(:disabled){transform:scale(.96)}.shift-btn.svelte-906d5g:hover:not(:disabled){color:#0fc;border-color:#0fc;box-shadow:0 0 6px #00ffcc40}.shift-btn.svelte-906d5g:disabled{opacity:.25;cursor:not-allowed}.expand-btn.svelte-906d5g{color:#fff6;cursor:pointer;width:24px;height:24px;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), transform .2s var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.expand-btn.svelte-906d5g:hover{color:#fff;background:#ffffff0d}.card-body.svelte-906d5g{background:#0003;border-top:1px solid #ffffff0d;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:12px 14px}.params-list.svelte-906d5g{flex-direction:column;display:flex}.loading-params.svelte-906d5g{color:#fff6;padding:8px 0;font-size:11px;font-style:italic}.delay-mode-selector.svelte-906d5g{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:12px;margin-bottom:10px;padding:6px 12px;display:flex}.mode-label.svelte-906d5g{color:#ffffff80;font-size:10px;font-weight:700}.btn-group.svelte-906d5g{background:#0006;border:1px solid #ffffff0d;border-radius:4px;padding:2px;display:flex}.sync-btn.svelte-906d5g{color:#ffffff80;cursor:pointer;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:0 0;border:none;border-radius:3px;padding:4px 10px;font-size:9px;font-weight:700}.sync-btn.svelte-906d5g:active{transform:scale(.96)}.sync-btn.active.svelte-906d5g{color:#121214;background:#0fc;box-shadow:0 0 6px #00ffcc4d}.effect-card.horizontal-collapsed.svelte-906d5g{box-sizing:border-box;flex-direction:column;width:60px;height:180px;margin-bottom:0;margin-right:8px;display:flex;position:relative}.effect-card.horizontal-collapsed.svelte-906d5g .card-header:where(.svelte-906d5g){box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;width:100%;height:100%;padding:8px 4px;display:flex}.effect-card.horizontal-collapsed.svelte-906d5g .card-title-group:where(.svelte-906d5g){flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.effect-card.horizontal-collapsed.svelte-906d5g .card-title:where(.svelte-906d5g){writing-mode:vertical-rl;text-orientation:mixed;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-height:70px;margin:8px 0;overflow:hidden;transform:rotate(180deg)}.effect-card.horizontal-collapsed.svelte-906d5g .badges:where(.svelte-906d5g){flex-direction:column;align-items:center;gap:3px;display:flex}.effect-card.horizontal-collapsed.svelte-906d5g .badge:where(.svelte-906d5g){padding:1px 3px;font-size:8px}.effect-card.horizontal-collapsed.svelte-906d5g .drag-handle:where(.svelte-906d5g){padding:0;font-size:14px;line-height:1}.effect-card.horizontal-collapsed.svelte-906d5g .expand-btn:where(.svelte-906d5g){position:absolute;bottom:8px;left:50%;transform:translate(-50%)rotate(90deg)}.effect-card.horizontal-expanded.svelte-906d5g{flex-direction:column;width:320px;margin-bottom:0;margin-right:8px;display:flex}.static-mixer-card.svelte-1hb5hmc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#141419d9;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;margin-bottom:8px;display:flex;box-shadow:0 4px 12px #0000004d}.card-header.svelte-1hb5hmc{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:8px 12px;display:flex}.collapsed.svelte-1hb5hmc .card-header:where(.svelte-1hb5hmc){border-bottom:none}.collapse-btn.svelte-1hb5hmc{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:color .15s;display:flex}.collapse-btn.svelte-1hb5hmc:hover{color:#ffffffb3}.chevron.svelte-1hb5hmc{transition:transform .2s}.chevron.rotated.svelte-1hb5hmc{transform:rotate(-90deg)}.header-icon.svelte-1hb5hmc{color:#0fc;align-items:center;display:flex}.card-title.svelte-1hb5hmc{font-family:var(--font-display,sans-serif);letter-spacing:1px;color:#fff;font-size:11px;font-weight:800}.card-subtitle.svelte-1hb5hmc{font-family:var(--font-sans,sans-serif);color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:8px}.card-body.svelte-1hb5hmc{padding:10px 12px}.knobs-row.svelte-1hb5hmc{justify-content:space-around;gap:12px;display:flex}.knob-container.svelte-1hb5hmc{flex-direction:column;flex:1;align-items:center;display:flex}.knob-value.svelte-1hb5hmc{font-family:var(--font-display,sans-serif);color:#ffffff80;text-align:center;margin-top:4px;font-size:9px}.horizontal-layout.svelte-1hb5hmc{flex-shrink:0;width:140px;height:100%;margin-bottom:0;margin-right:8px}.horizontal-layout.svelte-1hb5hmc .card-header:where(.svelte-1hb5hmc){border-bottom:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:4px;padding:8px 4px}.horizontal-layout.svelte-1hb5hmc .card-subtitle:where(.svelte-1hb5hmc){margin-top:2px;margin-left:0}.horizontal-layout.svelte-1hb5hmc .card-body:where(.svelte-1hb5hmc){flex:1;justify-content:center;align-items:center;padding:8px;display:flex}.horizontal-layout.svelte-1hb5hmc .knobs-row:where(.svelte-1hb5hmc){gap:8px;width:100%}.effects-list-container.svelte-110eze8{touch-action:pan-y;flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.effects-list-container.horizontal.svelte-110eze8{touch-action:pan-x;flex-direction:row;padding-bottom:4px;padding-right:0;overflow:auto hidden}.effects-list-container.svelte-110eze8::-webkit-scrollbar{width:6px;height:6px}.effects-list-container.svelte-110eze8::-webkit-scrollbar-track{background:#0003;border-radius:3px}.effects-list-container.svelte-110eze8::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.effects-list-container.svelte-110eze8::-webkit-scrollbar-thumb:hover{background:#fff3}.card-wrapper.svelte-110eze8{will-change:transform;flex-direction:column;display:flex}.effects-list-container.horizontal.svelte-110eze8 .card-wrapper:where(.svelte-110eze8){flex:none;width:max-content;height:100%}.card-inner-container.svelte-110eze8{flex-direction:column;height:100%;display:flex}.card-wrapper.is-dragging.svelte-110eze8{opacity:.5}.preset-manager-bar.svelte-ri687n{box-sizing:border-box;background:#00000040;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:6px 10px;display:flex}.preset-left-group.svelte-ri687n{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.preset-controls-row.svelte-ri687n{align-items:center;gap:8px;display:flex}.preset-label.svelte-ri687n{font-family:var(--font-display);font-size:var(--fs-xs);color:#fff6;letter-spacing:.5px;font-weight:700}.preset-select.svelte-ri687n{color:#fff;font-family:var(--font-sans);font-size:var(--fs-xs);cursor:pointer;background:#0000004d;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:3px 6px}.preset-checkboxes-row.svelte-ri687n{align-items:center;gap:10px;display:flex}.preset-cb-label.svelte-ri687n{cursor:pointer;font-family:var(--font-display);font-size:var(--fs-xs);color:#ffffff80;align-items:center;gap:4px;display:flex}.preset-cb-label.svelte-ri687n:hover{color:#fff}.preset-actions-row.svelte-ri687n{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preset-btn-action.svelte-ri687n{color:#ffffffa6;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.5px;cursor:pointer;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:4px 10px;font-weight:800}.preset-btn-action.svelte-ri687n:hover{color:var(--neon-cyan);background:#00ffcc14;border-color:#00ffcc4d}.preset-btn-action.save.svelte-ri687n:hover{color:#0cf;background:#00ccff1a;border-color:#00ccff59}.preset-btn-action.share.svelte-ri687n:hover{color:#c084fc;background:#a855f71f;border-color:#a855f759}.preset-btn-action.delete.svelte-ri687n:hover{color:#fca5a5;background:#ef44441f;border-color:#ef444459}@media (orientation:landscape){.preset-manager-bar.side-mode.svelte-ri687n{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.preset-manager-bar.side-mode.svelte-ri687n .preset-left-group:where(.svelte-ri687n){flex-direction:column;align-items:flex-start;gap:8px}.preset-manager-bar.side-mode.svelte-ri687n .preset-actions-row:where(.svelte-ri687n){justify-content:space-between}}.effects-panel.svelte-ddgvjh{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0c73;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0009}.effects-panel.limit-height.svelte-ddgvjh{max-height:35vh}.effects-panel.maximized.svelte-ddgvjh{flex:1;max-height:100%!important}.effects-panel.collapsed.svelte-ddgvjh{gap:0;padding:0;flex:none!important;height:auto!important}.effects-panel.horizontal-flow.svelte-ddgvjh{flex-direction:column;width:100%}.resize-handle.svelte-ddgvjh{cursor:ns-resize;z-index:10;justify-content:center;align-items:center;height:10px;display:flex;position:absolute;top:0;left:0;right:0}.resize-bar.svelte-ddgvjh{width:40px;height:4px;transition:background-color .2s var(--ease-out), transform .2s var(--ease-out);transform-origin:50%;background:#00ffcc59;border-radius:2px}.resize-handle.svelte-ddgvjh:hover .resize-bar:where(.svelte-ddgvjh),.resize-handle.resizing.svelte-ddgvjh .resize-bar:where(.svelte-ddgvjh){background:#0fc;transform:scaleX(1.5);box-shadow:0 0 6px #0fcc}.panel-header.svelte-ddgvjh{background:#00ffcc0d;border-bottom:1px solid #00ffcc26;border-top-left-radius:11px;border-top-right-radius:11px;flex-direction:column;gap:2px;margin:-16px -16px 4px;padding:0;display:flex}.effects-panel.collapsed.svelte-ddgvjh .panel-header:where(.svelte-ddgvjh){border-bottom:none;border-radius:11px;margin:0}.panel-subtitle.svelte-ddgvjh{color:#ffffff80;padding:0 16px 8px;font-size:11px}.collapse-btn.svelte-ddgvjh{color:#ffffff80;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.5px;cursor:pointer;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:3px 8px;font-weight:800}.collapse-btn.svelte-ddgvjh:hover{color:var(--neon-cyan);background:#00ffcc14;border-color:#00ffcc4d;box-shadow:0 0 8px #0fc3}.collapse-btn.active.svelte-ddgvjh{border-color:var(--neon-cyan);color:#fff;background:#00ccff1f;box-shadow:0 0 8px #00ccff40}@media (orientation:landscape){.effects-panel.side-panel.svelte-ddgvjh{box-sizing:border-box;border-radius:0;flex-direction:column;flex:1 0;width:320px;min-height:0;display:flex;max-height:none!important}.effects-panel.side-panel.collapsed.svelte-ddgvjh{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;min-width:50px;padding:12px 6px;display:flex;overflow:hidden}.vertical-collapsed-wrapper.svelte-ddgvjh{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:100%;height:100%;padding:6px 0;display:flex;overflow:hidden}.vertical-collapsed-btn.svelte-ddgvjh{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.vertical-collapsed-btn.svelte-ddgvjh:hover{color:var(--neon-cyan);background:#00ffcc14;border-color:#00ffcc4d}.vertical-title.svelte-ddgvjh{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);letter-spacing:1.5px;color:#fff6;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;margin:4px 0;font-size:11px;font-weight:800;transform:rotate(180deg)}.vertical-title.svelte-ddgvjh:hover{color:var(--neon-cyan)}}.midi-effects-panel.svelte-zr006m{-webkit-backdrop-filter:blur(12px);color:#f3e8ff;transition:border-color .3s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo);background:#1e142d66;border:1px solid #a855f733;border-radius:12px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #a855f71a}.resize-handle.svelte-zr006m{cursor:ns-resize;z-index:10;justify-content:center;align-items:center;height:10px;display:flex;position:absolute;top:0;left:0;right:0}.resize-bar.svelte-zr006m{transform-origin:50%;background:#a855f759;border-radius:2px;width:40px;height:4px;transition:background-color .2s,transform .2s}.resize-handle.svelte-zr006m:hover .resize-bar:where(.svelte-zr006m),.resize-handle.resizing.svelte-zr006m .resize-bar:where(.svelte-zr006m){background:#a855f7;transform:scaleX(1.5);box-shadow:0 0 6px #a855f7cc}.midi-effects-panel.collapsed.svelte-zr006m{border-color:#a855f71a;flex:none!important;height:auto!important}.midi-effects-panel .effects-panel-header{background:#a855f71a;border-bottom:1px solid #a855f726;padding:8px 16px}.panel-content.svelte-zr006m{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}.effect-section.svelte-zr006m{background:#0003;border:1px solid #a855f726;border-radius:8px;padding:12px}.section-header.svelte-zr006m{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title.svelte-zr006m{font-family:var(--font-display), monospace;font-size:var(--fs-md);letter-spacing:.05em;font-weight:700}.controls-grid.svelte-zr006m{flex-direction:column;gap:14px;display:flex}.control-row.svelte-zr006m{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-label.svelte-zr006m{font-size:var(--fs-md);color:#d8b4fe}.dark-select.svelte-zr006m{color:#f3e8ff;font-size:var(--fs-md);cursor:pointer;min-width:160px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#0f0a19cc;border:1px solid #a855f766;border-radius:6px;outline:none;padding:6px 10px;font-family:inherit}.dark-select.svelte-zr006m:focus{border-color:#c084fc;box-shadow:0 0 6px #a855f766}.offsets-list.svelte-zr006m{border-top:1px solid #a855f726;padding-top:12px}.offsets-header.svelte-zr006m{font-size:var(--fs-sm);color:#c084fc;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.add-note-btn.svelte-zr006m{color:#f3e8ff;font-size:var(--fs-xs);cursor:pointer;font-family:var(--font-display), monospace;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out);background:#a855f733;border:1px solid #a855f780;border-radius:4px;padding:3px 8px}.add-note-btn.svelte-zr006m:hover{background:#a855f766;border-color:#c084fc}.add-note-btn.svelte-zr006m:active{transform:scale(.97)}.empty-state.svelte-zr006m{font-size:var(--fs-sm);color:#f3e8ff66;text-align:center;padding:8px 0;font-style:italic}.offset-slider-row.svelte-zr006m{align-items:center;gap:8px;margin-bottom:6px;display:flex}.offset-num.svelte-zr006m{font-size:var(--fs-sm);color:#f3e8ff80;width:24px}.offset-val.svelte-zr006m{font-family:var(--font-display), monospace;font-size:var(--fs-sm);text-align:right;color:#e9d5ff;width:32px;font-weight:700}.delete-offset-btn.svelte-zr006m{color:#ef4444b3;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.delete-offset-btn.svelte-zr006m:hover{color:#ef4444}.offset-drag-track.svelte-zr006m{cursor:ns-resize;touch-action:none;background:#ffffff14;border-radius:10px;flex:1;height:20px;position:relative}.offset-drag-thumb.svelte-zr006m{pointer-events:none;background:#c084fc;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #c084fc}.scale-ref-section.svelte-zr006m{border-top:1px solid #a855f726;padding-top:12px}.scale-ref-header.svelte-zr006m{color:#d8b4fe;width:100%;font-size:var(--fs-md);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:4px 0;font-family:inherit;display:flex}.chevron.svelte-zr006m{width:16px;height:16px;transition:transform .2s var(--ease-out)}.chevron.rotated.svelte-zr006m{transform:rotate(90deg)}.scale-ref-header.svelte-zr006m:hover{color:#f3e8ff}.scale-ref-content.svelte-zr006m{background:#0000004d;border:1px solid #a855f71a;border-radius:6px;max-height:150px;margin-top:8px;padding:8px;overflow-y:auto}.notes-grid.svelte-zr006m{font-size:var(--fs-sm);font-family:var(--font-display), monospace;grid-template-columns:1.2fr 1.8fr 1fr;gap:4px 8px;display:grid}.grid-header.svelte-zr006m{color:#c084fc;border-bottom:1px solid #a855f74d;padding-bottom:4px;font-weight:700}.grid-cell.svelte-zr006m{color:#f3e8ffb3;padding:2px 0}.grid-cell.root.svelte-zr006m{color:#f3e8ff;font-weight:700}.name-cell.root.svelte-zr006m{color:#c084fc;text-shadow:0 0 4px #a855f780}@media (orientation:landscape){.midi-effects-panel.side-panel.svelte-zr006m{box-sizing:border-box;border-radius:0;flex-direction:column;flex:1 0;min-height:0;display:flex;max-height:none!important}.midi-effects-panel.side-panel.collapsed.svelte-zr006m{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;min-width:50px;padding:12px 6px;display:flex;overflow:hidden}.vertical-title.svelte-zr006m{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);letter-spacing:1.5px;color:#fff6;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;margin:4px 0;font-size:11px;font-weight:800;transform:rotate(180deg)}.vertical-title.svelte-zr006m:hover{color:var(--neon-purple,#a855f7)}.vertical-collapsed-wrapper.svelte-zr006m{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:100%;height:100%;padding:6px 0;display:flex;overflow:hidden}.vertical-collapsed-btn.svelte-zr006m{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.vertical-collapsed-btn.svelte-zr006m:hover{color:#38bdf8;background:#38bdf814;border-color:#38bdf84d}}.custom-slider.svelte-1c29zce{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:relative}.custom-slider.horizontal.svelte-1c29zce{align-items:center;width:100%;height:38px;display:flex}.custom-slider.vertical.svelte-1c29zce{justify-content:center;align-items:center;width:38px;height:100%;display:flex}.slider-track.svelte-1c29zce{pointer-events:none;background:#ffffff73;border:1px solid #ffffff40;border-radius:3px}.horizontal.svelte-1c29zce .slider-track:where(.svelte-1c29zce){width:100%;height:6px}.vertical.svelte-1c29zce .slider-track:where(.svelte-1c29zce){width:6px;height:100%}.slider-thumb.svelte-1c29zce{background:var(--neon-cyan);pointer-events:none;border:1px solid #fff3;border-radius:50%;width:26px;height:26px;transition:transform .1s,background-color .2s;position:absolute;box-shadow:0 0 10px #0ff6}.horizontal.svelte-1c29zce .slider-thumb:where(.svelte-1c29zce){transform:translate(-50%)}.vertical.svelte-1c29zce .slider-thumb:where(.svelte-1c29zce){transform:translateY(50%)}.slider-thumb.active.svelte-1c29zce{background:#fff;transform:translate(-50%)scale(1.15)}.vertical.svelte-1c29zce .slider-thumb.active:where(.svelte-1c29zce){background:#fff;transform:translateY(50%)scale(1.15)}.custom-slider.svelte-1c29zce:focus-visible .slider-track:where(.svelte-1c29zce){border-color:#00ffcc80}.arp-controls-region.svelte-1bhx4tn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;grid-area:arp;justify-content:flex-start;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000004d}.arp-controls-region.arp-collapsed.svelte-1bhx4tn{grid-template-columns:unset;width:50px;min-width:50px;padding:0}.arp-vertical-collapsed.svelte-1bhx4tn{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:100%;padding:12px 0;display:flex;overflow:hidden}.arp-vertical-collapsed-btn.svelte-1bhx4tn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.arp-vertical-collapsed-btn.svelte-1bhx4tn:hover{color:#38bdf8;background:#38bdf814;border-color:#38bdf84d}.arp-vertical-title.svelte-1bhx4tn{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);font-size:calc(13px * var(--font-scale,1));letter-spacing:2px;color:#fff6;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;margin:6px 0;font-weight:800;transform:rotate(180deg)}.arp-vertical-title.svelte-1bhx4tn:hover{color:#38bdf8}.arp-controls.svelte-1bhx4tn{box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;padding:12px 8px;display:flex}.slider-display.svelte-1bhx4tn{font-family:var(--font-display);font-size:var(--fs-lg);color:#fff;text-shadow:0 0 6px #fff3;letter-spacing:.5px;margin-bottom:4px;font-weight:700}.arp-slider-wrapper.svelte-1bhx4tn{width:100%;margin-bottom:8px}.toggle-btn.svelte-1bhx4tn{color:#d1d5db;cursor:pointer;width:100%;min-height:44px;font-family:var(--font-sans);font-size:var(--fs-lg);-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.toggle-btn.svelte-1bhx4tn:hover{color:#fff;background-color:#ffffff14;border-color:#ffffff26}.toggle-btn.svelte-1bhx4tn:active{transform:scale(.96)}.toggle-btn.active.svelte-1bhx4tn{border-color:var(--neon-cyan);color:var(--neon-cyan);background-color:#00ccff0d;box-shadow:0 0 10px #0cf3,inset 0 0 8px #00ccff1a}.power-icon.svelte-1bhx4tn{width:14px;height:14px;transition:filter .2s}.toggle-btn.active.svelte-1bhx4tn .power-icon:where(.svelte-1bhx4tn){filter:drop-shadow(0 0 3px #0cf9)}.mode-segmented-control.svelte-1bhx4tn{box-sizing:border-box;width:100%;min-width:calc(90px * var(--font-scale,1));background:#00000040;border:1px solid #ffffff0d;border-radius:8px;padding:3px;display:flex}.mode-segment-btn.svelte-1bhx4tn{color:#fff6;font-family:var(--font-sans);font-size:var(--fs-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:32px;padding:6px 4px;font-weight:700;transition:all .2s;display:flex}.mode-segment-btn.svelte-1bhx4tn:hover{color:#fff}.mode-segment-btn.active.svelte-1bhx4tn{color:var(--neon-cyan);text-shadow:0 0 6px #00ccff4d;background:#ffffff14;border-color:#00ccff26}@media (orientation:portrait){.arp-controls-region.svelte-1bhx4tn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:100%;height:auto;display:flex;overflow:hidden}.arp-controls-region.arp-collapsed.svelte-1bhx4tn{width:100%;height:auto;min-width:unset;padding:0}.arp-controls.svelte-1bhx4tn{flex-flow:wrap;justify-content:space-between;align-items:center;gap:2px 12px;padding:2px 12px 3px}.slider-display.svelte-1bhx4tn{min-width:calc(50px * var(--font-scale,1));text-align:center;flex-shrink:0;order:1;margin-bottom:0}.arp-slider-wrapper.svelte-1bhx4tn{flex-grow:1;order:2;min-width:100px;margin-bottom:0}.toggle-btn.svelte-1bhx4tn{order:3;flex-basis:calc(75px * var(--font-scale,1));flex-shrink:0;width:auto}.mode-segmented-control.svelte-1bhx4tn{order:4;flex-basis:calc(120px * var(--font-scale,1));flex-shrink:0;width:auto}}@media (orientation:landscape){.arp-slider-wrapper.svelte-1bhx4tn{flex-grow:1;width:28px;height:100%;min-height:120px;margin:8px 0}}.app-main.svelte-16xzrmc{flex:1;position:relative;overflow:hidden}.xy-pad-region.svelte-16xzrmc{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.xy-pad-region.drum-maximized.svelte-16xzrmc{height:100%}.bottom-panels-row.svelte-16xzrmc{flex-direction:column-reverse;flex-shrink:0;min-height:40px;max-height:70vh;display:flex;overflow:hidden}.bottom-panels-row.svelte-16xzrmc>.drum-pad-wrapper:not(.collapsed),.bottom-panels-row.svelte-16xzrmc>.effects-panel:not(.collapsed),.bottom-panels-row.svelte-16xzrmc>.midi-effects-panel:not(.collapsed){flex:auto;min-height:0}.xy-pad-region.drum-maximized.svelte-16xzrmc .bottom-panels-row:where(.svelte-16xzrmc),.xy-pad-region.audio-maximized.svelte-16xzrmc .bottom-panels-row:where(.svelte-16xzrmc){flex:1;max-height:none;overflow:visible}.side-docked-panel-area.svelte-16xzrmc{height:100%;transition:width .15s var(--ease-out);display:grid;overflow:hidden}@media (orientation:landscape){.xy-pad-region.layout-left.svelte-16xzrmc{flex-direction:row-reverse}.xy-pad-region.layout-right.svelte-16xzrmc{flex-direction:row}}.help-indicator-bar.svelte-16u2wbl{border-bottom:1px solid var(--neon-cyan);color:#fff;font-family:var(--font-display);font-size:var(--fs-xs);text-align:center;letter-spacing:.8px;text-shadow:0 0 6px #0cf9;z-index:12;pointer-events:none;background:#0cf3;flex-shrink:0;padding:6px 12px;font-weight:700}.help-toast.svelte-16u2wbl{border:1.5px solid var(--neon-cyan);z-index:10005;pointer-events:auto;width:420px;max-width:90vw;font-family:var(--font-sans);text-align:center;-webkit-backdrop-filter:blur(12px);background:#0a0a0cfa;border-radius:8px;flex-direction:column;gap:6px;padding:16px 24px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #000000f2,0 0 20px #0cf6}.help-toast .help-title{color:var(--neon-cyan);font-family:var(--font-display);font-size:var(--fs-lg);margin-bottom:4px;font-weight:700;display:block}.help-toast .help-desc{color:#e5e7eb;font-size:var(--fs-md);line-height:1.5}.autoplay-warning-banner.svelte-okv6al{z-index:20;-webkit-backdrop-filter:blur(8px);background:linear-gradient(90deg,#ef444433 0%,#f59e0b33 100%);border-bottom:1px solid #ef444466;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}.warning-message.svelte-okv6al{font-family:var(--font-sans);font-size:var(--fs-md);color:#ffe4e6;letter-spacing:.2px;text-shadow:0 1px 2px #00000080;font-weight:600}.enable-audio-btn.svelte-okv6al{background:linear-gradient(135deg, var(--neon-red) 0%, var(--neon-amber) 100%);color:#fff;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:1px;cursor:pointer;transition:transform .1s var(--ease-out), box-shadow .2s var(--ease-out), filter .2s var(--ease-out);white-space:nowrap;border:1px solid #fff3;border-radius:6px;outline:none;padding:6px 14px;font-weight:800;box-shadow:0 0 10px #ef44444d}.enable-audio-btn.svelte-okv6al:hover{filter:brightness(1.1);box-shadow:0 0 14px #ef444480}.enable-audio-btn.svelte-okv6al:active{transform:scale(.96)}.settings-section.svelte-d649rw{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.settings-section.svelte-d649rw h3:where(.svelte-d649rw){font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #ffffff0d;margin:0 0 4px;padding-bottom:6px;font-size:11px;font-weight:800}.control-group.svelte-d649rw{flex-direction:column;gap:6px;width:100%;display:flex}label.svelte-d649rw{font-family:var(--font-display);font-size:var(--fs-sm);color:#ffffff59;letter-spacing:1px;font-weight:700}label.dimmed.svelte-d649rw,input.dimmed.svelte-d649rw{opacity:.35;cursor:not-allowed}select.svelte-d649rw{color:#eee;font-family:var(--font-sans);font-size:var(--fs-lg);box-sizing:border-box;width:100%;min-height:44px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);appearance:none;background:#0000004d url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 14px center/16px no-repeat;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 40px 10px 14px}select.svelte-d649rw:focus{border-color:#00ffcc4d;box-shadow:0 0 8px #00ffcc1a}.setup-grid.svelte-d649rw{grid-template-columns:1fr 1fr;gap:14px;display:grid}.waveform-selector.svelte-d649rw{gap:8px;width:100%;display:flex}.waveform-btn.svelte-d649rw{cursor:pointer;min-height:44px;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);touch-action:manipulation;background:#00000040;border:1px solid #ffffff0f;border-radius:8px;flex:1;justify-content:center;align-items:center;display:flex}.waveform-btn.svelte-d649rw:hover{background:#ffffff0a}.waveform-btn.svelte-d649rw:active{transform:scale(.96)}.wave-icon.svelte-d649rw{fill:none;stroke:#fff6;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:stroke .2s var(--ease-out), filter .2s var(--ease-out)}.waveform-btn.active.svelte-d649rw{background:#00ffcc0d;border-color:#0fc6;box-shadow:0 0 10px #00ffcc26}.waveform-btn.active.svelte-d649rw .wave-icon:where(.svelte-d649rw){stroke:var(--neon-green);filter:drop-shadow(0 0 2px #00ffcc80)}.toggle-setting-row.svelte-d649rw{box-sizing:border-box;background:#0003;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:8px 12px;display:flex}.toggle-setting-row.svelte-d649rw span:where(.svelte-d649rw){color:#fff9;letter-spacing:.5px;font-size:10px;font-weight:700}.settings-section.svelte-1y88a1g{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.settings-section.svelte-1y88a1g h3:where(.svelte-1y88a1g){font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #ffffff0d;margin:0 0 4px;padding-bottom:6px;font-size:11px;font-weight:800}.control-group.svelte-1y88a1g{flex-direction:column;gap:6px;width:100%;display:flex}label.svelte-1y88a1g{font-family:var(--font-display);font-size:var(--fs-sm);color:#ffffff59;letter-spacing:1px;font-weight:700}select.svelte-1y88a1g,input[type=number].svelte-1y88a1g{color:#eee;font-family:var(--font-sans);font-size:var(--fs-lg);box-sizing:border-box;width:100%;min-height:44px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#0000004d;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 14px}select.svelte-1y88a1g{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}select.svelte-1y88a1g:focus,input[type=number].svelte-1y88a1g:focus{border-color:#00ffcc4d;box-shadow:0 0 8px #00ffcc1a}.error-banner.svelte-1y88a1g{color:var(--neon-red);font-size:var(--fs-md);background:#ff33661f;border:1px solid #ff336640;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;animation:1s ease-in-out svelte-1y88a1g-flash;display:flex}.segmented-control.svelte-1y88a1g{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;padding:3px;display:flex}.segment-btn.svelte-1y88a1g{color:#fff6;font-family:var(--font-sans);font-size:var(--fs-md);cursor:pointer;min-height:38px;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);touch-action:manipulation;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:8px 16px;font-weight:700;display:flex}.segment-btn.svelte-1y88a1g:hover{color:#fff}.segment-btn.active.svelte-1y88a1g{color:var(--neon-green);text-shadow:0 0 6px #00ffcc4d;background:#ffffff14;border:1px solid #00ffcc26}.segment-btn.svelte-1y88a1g:active{transform:scale(.97)}@keyframes svelte-1y88a1g-flash{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-section.svelte-mpxmgi{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.settings-section.svelte-mpxmgi h3:where(.svelte-mpxmgi){font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #ffffff0d;margin:0 0 4px;padding-bottom:6px;font-size:11px;font-weight:800}.control-group.svelte-mpxmgi{flex-direction:column;gap:6px;width:100%;display:flex}label.svelte-mpxmgi{font-family:var(--font-display);font-size:var(--fs-sm);color:#ffffff59;letter-spacing:1px;font-weight:700}select.svelte-mpxmgi{color:#eee;font-family:var(--font-sans);font-size:var(--fs-lg);box-sizing:border-box;width:100%;min-height:44px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);appearance:none;background:#0000004d url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 14px center/16px no-repeat;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 40px 10px 14px}select.svelte-mpxmgi:focus{border-color:#00ffcc4d;box-shadow:0 0 8px #00ffcc1a}.setup-grid.svelte-mpxmgi{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hold-btn.svelte-mpxmgi{color:#ffffff59;width:100%;min-height:44px;font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:1.5px;cursor:pointer;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), color .2s var(--ease-out);touch-action:manipulation;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;outline:none;justify-content:center;align-items:center;font-weight:700;display:flex}.hold-btn.svelte-mpxmgi:hover{color:#fff9;background:#ffffff0a}.hold-btn.svelte-mpxmgi:active{transform:scale(.97)}.hold-btn.active.svelte-mpxmgi{color:var(--neon-amber);text-shadow:0 0 8px #ff990080;background:#ff99001a;border-color:#f906;animation:2s ease-in-out infinite svelte-mpxmgi-hold-glow;box-shadow:0 0 14px #ff990026}.toggle-setting-row.svelte-mpxmgi{box-sizing:border-box;background:#0003;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:10px 14px;display:flex}.toggle-setting-row.svelte-mpxmgi span:where(.svelte-mpxmgi){color:#ffffffb3;letter-spacing:.5px;font-size:11px;font-weight:700}.layout-selector.svelte-mpxmgi{gap:8px;width:100%;display:flex}.layout-btn.svelte-mpxmgi{cursor:pointer;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);color:#fff6;background:#00000040;border:1px solid #ffffff0f;border-radius:8px;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:64px;padding:8px;display:flex}.layout-btn.svelte-mpxmgi:hover{color:#ffffffb3;background:#ffffff0a;border-color:#ffffff26}.layout-btn.svelte-mpxmgi:active{transform:scale(.97)}.layout-btn.active.svelte-mpxmgi{color:var(--neon-green);background:#00ffcc0d;border-color:#0fc6;box-shadow:0 0 10px #00ffcc26}.layout-icon.svelte-mpxmgi{width:28px;height:20px;transition:filter .2s var(--ease-out);display:block}.layout-btn.active.svelte-mpxmgi .layout-icon:where(.svelte-mpxmgi){filter:drop-shadow(0 0 2px #00ffcc80)}.btn-text.svelte-mpxmgi{font-family:var(--font-display);letter-spacing:.5px;font-size:9px;font-weight:800}.restart-tour-btn.svelte-mpxmgi{width:100%;min-height:40px;color:var(--neon-cyan);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:1px;cursor:pointer;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), color .2s var(--ease-out);background:#00ccff0f;border:1px dashed #00ccff4d;border-radius:8px;outline:none;justify-content:center;align-items:center;margin-top:4px;font-weight:700;display:flex}.restart-tour-btn.svelte-mpxmgi:hover{border-color:var(--neon-cyan);color:#fff;background:#00ccff1f;box-shadow:0 0 10px #0cf3}.restart-tour-btn.svelte-mpxmgi:active{transform:scale(.97)}@keyframes svelte-mpxmgi-hold-glow{0%{box-shadow:0 0 10px #ff990026}50%{box-shadow:0 0 18px #ff99004d}to{box-shadow:0 0 10px #ff990026}}.controls-panel.svelte-13z57sg{box-sizing:border-box;background:0 0;flex-direction:column;gap:16px;width:100%;height:100%;display:flex}.drawer-action-row.svelte-13z57sg{gap:10px;display:flex}.drawer-action-btn.svelte-13z57sg{min-height:40px;font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:1px;cursor:pointer;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), color .2s var(--ease-out);border-radius:8px;outline:none;flex:1;justify-content:center;align-items:center;font-weight:700;display:flex}.drawer-action-btn.svelte-13z57sg:active{transform:scale(.97)}.drawer-action-btn.about-action.svelte-13z57sg{color:var(--neon-cyan);background:#00ccff0f;border:1px dashed #00ccff59}.drawer-action-btn.about-action.svelte-13z57sg:hover{border-color:var(--neon-cyan);color:#fff;background:#00ccff1f;box-shadow:0 0 10px #0cf3}.drawer-action-btn.signal-action.svelte-13z57sg{color:#a855f7;background:#a855f70f;border:1px dashed #a855f759}.drawer-action-btn.signal-action.svelte-13z57sg:hover{color:#fff;background:#a855f71f;border-color:#a855f7;box-shadow:0 0 10px #a855f733}.error-banner.svelte-13z57sg{color:var(--neon-red);font-size:var(--fs-md);background:#ff33661f;border:1px solid #ff336640;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;animation:1s ease-in-out svelte-13z57sg-flash;display:flex}@keyframes svelte-13z57sg-flash{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.controls-panel.layout-compact.svelte-13z57sg{gap:10px}.controls-panel.layout-compact.svelte-13z57sg .drawer-action-btn:where(.svelte-13z57sg){min-height:36px!important;padding:6px 10px!important}.modal-backdrop.svelte-n8ytu{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.about-modal.svelte-n8ytu{text-align:center;background:#141419d9;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:400px;padding:24px;display:flex;box-shadow:0 20px 40px #0009,inset 0 1px #ffffff0d}.about-modal.svelte-n8ytu h2:where(.svelte-n8ytu){font-family:var(--font-display);font-size:var(--fs-xl);background:linear-gradient(90deg,#0fc,#0cf,#a855f7);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;margin:0;font-weight:900}.modal-version-tag.svelte-n8ytu{font-family:var(--font-display);font-size:var(--fs-xs);color:#fff6;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:3px 10px}.modal-body-content.svelte-n8ytu{color:#ffffffbf;font-size:var(--fs-md);text-align:justify;flex-direction:column;gap:12px;line-height:1.6;display:flex}.developer-info.svelte-n8ytu{font-size:var(--fs-sm);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin-top:8px;padding-top:10px;display:flex}.dev-label.svelte-n8ytu{color:#fff6}.dev-value.svelte-n8ytu{color:var(--neon-cyan);font-weight:700}.dev-value.svelte-n8ytu a:where(.svelte-n8ytu){color:var(--neon-cyan);text-underline-offset:3px;vertical-align:middle;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.dev-value.svelte-n8ytu a:where(.svelte-n8ytu):hover{filter:brightness(1.2)}.link-icon.svelte-n8ytu{flex-shrink:0}.modal-close-btn.svelte-n8ytu{color:#fff;font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;margin-top:8px;padding:8px 20px;font-weight:700;transition:all .2s}.modal-close-btn.svelte-n8ytu:hover{color:#0fc;background:#00ffcc14;border-color:#0fc}.modal-backdrop.svelte-15qmwvx{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.signal-flow-modal.svelte-15qmwvx{background:#141419eb;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:95%;max-width:900px;max-height:85dvh;padding:24px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009,inset 0 1px #ffffff0d}h2.svelte-15qmwvx{font-family:var(--font-display);font-size:var(--fs-xl);background:linear-gradient(90deg,#0fc,#0cf,#a855f7);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;margin:0;font-weight:900}.svg-scroll.svelte-15qmwvx{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#00ffcc80 #ffffff0d;width:100%;max-height:calc(85dvh - 160px);display:block;overflow:auto;touch-action:auto!important}.svg-scroll.svelte-15qmwvx::-webkit-scrollbar{width:10px;height:10px}.svg-scroll.svelte-15qmwvx::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.svg-scroll.svelte-15qmwvx::-webkit-scrollbar-thumb{background:#00ffcc59 padding-box padding-box;border:2px solid #0000;border-radius:5px}.svg-scroll.svelte-15qmwvx::-webkit-scrollbar-thumb:hover{background:#0fc9 padding-box padding-box}svg.svelte-15qmwvx{flex-shrink:0;margin:0 auto;display:block}.legend.svelte-15qmwvx{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.legend-item.svelte-15qmwvx{font-family:var(--font-display);font-size:var(--fs-xs);border:1px solid;border-radius:20px;padding:3px 10px}.legend-item.active.svelte-15qmwvx{color:#0cf;background:#00ccff14;border-color:#0cf}.legend-item.disabled.svelte-15qmwvx{color:#ffffff4d;background:#ffffff05;border-color:#ffffff1a}.legend-item.mic.svelte-15qmwvx{color:#0fc;background:#00ffcc14;border-color:#0fc}.modal-close-btn.svelte-15qmwvx{color:#fff;font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;margin-top:4px;padding:8px 20px;font-weight:700;transition:all .2s}.modal-close-btn.svelte-15qmwvx:hover{color:#0fc;background:#00ffcc14;border-color:#0fc}.onboarding-overlay.svelte-10haldb{-webkit-backdrop-filter:blur(6px);z-index:10000;box-sizing:border-box;width:100vw;height:100dvh;transition:background .3s var(--ease-out), backdrop-filter .3s var(--ease-out);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;left:0}.onboarding-overlay.dimmed.svelte-10haldb{-webkit-backdrop-filter:blur(4px);background:#0000008c}.onboarding-card-wrapper.svelte-10haldb{pointer-events:none;z-index:10003;box-sizing:border-box;width:100vw;height:100dvh;transition:justify-content .3s var(--ease-out), align-items .3s var(--ease-out);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;left:0}.onboarding-card-wrapper.svelte-10haldb .onboarding-card:where(.svelte-10haldb){pointer-events:auto}.onboarding-card-wrapper.step-1.svelte-10haldb{justify-content:flex-end;align-items:flex-end}.onboarding-card-wrapper.step-1.svelte-10haldb .onboarding-card:where(.svelte-10haldb){margin-bottom:40px;margin-right:40px}.onboarding-card-wrapper.step-3.svelte-10haldb{justify-content:flex-end;align-items:flex-start}.onboarding-card-wrapper.step-3.svelte-10haldb .onboarding-card:where(.svelte-10haldb){margin-top:40px;margin-right:40px}.onboarding-card-wrapper.step-4.svelte-10haldb{justify-content:flex-end;align-items:flex-start}.onboarding-card-wrapper.step-4.svelte-10haldb .onboarding-card:where(.svelte-10haldb){margin-top:10px;margin-right:10px}.spotlight-ring.svelte-10haldb{pointer-events:none;z-index:10001;transition:left .3s var(--ease-out), top .3s var(--ease-out), width .3s var(--ease-out), height .3s var(--ease-out);border:3px solid #0fc;border-radius:10px;position:fixed;box-shadow:0 0 0 2px #00ffcc40,0 0 24px #00ffcc80}.onboarding-card.svelte-10haldb{text-align:center;box-sizing:border-box;z-index:10003;background:#101014f2;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:480px;padding:30px;display:flex;position:relative;box-shadow:0 20px 50px #000c,inset 0 1px 1px #ffffff0d}.close-btn.svelte-10haldb{color:#fff6;cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:none;outline:none;padding:4px;font-size:24px;line-height:1;position:absolute;top:14px;right:18px}.close-btn.svelte-10haldb:hover{color:#fff}.step-icon-wrapper.svelte-10haldb{background:#ffffff05;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 4px 12px #0000004d}.step-content.svelte-10haldb{flex-direction:column;gap:12px;display:flex}.step-title.svelte-10haldb{font-family:var(--font-display,sans-serif);font-size:var(--fs-lg);color:#fff;letter-spacing:.5px;font-weight:700}.step-desc.svelte-10haldb{font-family:var(--font-sans,sans-serif);font-size:var(--fs-md);color:#ffffffb3;line-height:1.5}.card-footer.svelte-10haldb{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:8px;padding-top:20px;display:flex}.dots-indicator.svelte-10haldb{flex-shrink:0;gap:6px;display:flex}.dot.svelte-10haldb{width:10px;height:10px;transition:transform .2s var(--ease-out), background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#fff6;border:1.5px solid #ffffff40;border-radius:50%;flex-shrink:0}.dot.active.svelte-10haldb{background:#0fc;border-color:#0fc;transform:scale(1.2);box-shadow:0 0 10px #00ffccf2}.navigation-buttons.svelte-10haldb{gap:8px;display:flex}.footer-btn.svelte-10haldb{font-family:var(--font-display,sans-serif);font-size:var(--fs-xs);letter-spacing:.5px;cursor:pointer;transition:color .2s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:0 0;border:none;border-radius:6px;outline:none;padding:6px 12px;font-weight:700}.skip-btn.svelte-10haldb{color:#ffffff73}.skip-btn.svelte-10haldb:hover{color:#fff}.nav-btn.svelte-10haldb{color:#fff9;background:#ffffff0a;border:1px solid #ffffff14}.nav-btn.svelte-10haldb:hover{color:#fff;background:#ffffff14}.primary-btn.svelte-10haldb{color:#0c0c0e!important;background:#0fc!important;border:1px solid #0fc9!important;font-weight:800!important;box-shadow:0 2px 6px #00ffcc4d!important}.primary-btn.svelte-10haldb:hover{color:#0c0c0e!important;background:#fff!important;border-color:#fff!important;box-shadow:0 0 10px #fff9!important}.onboarding-target{z-index:10002!important;pointer-events:auto!important;position:relative!important}.midi-effects-panel.onboarding-target,.effects-panel.onboarding-target{-webkit-backdrop-filter:none!important}