:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:#000;min-height:100%;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}img,svg,canvas{-webkit-user-drag:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}.timeline{--tl-accent:#7dffe0;--tl-end:#ff5fa2;--tl-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;z-index:1;background:#060c0ef0;border:1px solid #5eead429;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 18px 10px;padding:4px 10px;display:grid;position:relative}.timeline-lanes{min-width:0;position:relative}.timeline-loop-lane{cursor:crosshair;touch-action:none;height:12px;margin-bottom:1px;position:relative;overflow:hidden}.timeline-brace{box-sizing:border-box;cursor:grab;touch-action:none;background:#7dffe01f;border:1px solid #7dffe04d;border-radius:3px;min-width:14px;position:absolute;top:1px;bottom:1px}.timeline-brace:active{cursor:grabbing}.timeline-brace--on{border-color:var(--tl-accent);background:#7dffe052;box-shadow:0 0 8px #7dffe040}.timeline-brace--dragging{background:#c084fc4d;border-color:#c084fc}.timeline-brace-handle{color:#050b0b;cursor:ew-resize;touch-action:none;place-items:center;width:11px;font-family:system-ui,sans-serif;font-size:7px;font-weight:800;line-height:1;display:grid;position:absolute;top:-1px;bottom:-1px}.timeline-brace-handle--l{background:var(--tl-accent);border-radius:3px 0 0 3px;left:-1px}.timeline-brace-handle--r{background:var(--tl-end);border-radius:0 3px 3px 0;right:-1px}.timeline-brace:not(.timeline-brace--on) .timeline-brace-handle{opacity:.6}.timeline-brace-handle:hover{opacity:1;filter:brightness(1.15)}.timeline-ruler{background-color:#00000061;background-image:linear-gradient(90deg,#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:var(--bar-size), var(--beat-size), var(--sixteenth-size);background-position:var(--off) 0, var(--off) 100%, var(--off) 100%;cursor:text;touch-action:none;background-repeat:repeat-x;border-radius:3px;height:22px;position:relative;overflow:hidden}.timeline-ruler:focus-visible{outline:1px solid var(--tl-accent);outline-offset:1px}.timeline-ruler-loop{pointer-events:none;background:#7dffe00d;position:absolute;top:0;bottom:0}.timeline-ruler-loop--on{background:#7dffe01a}.timeline-num{font-family:var(--tl-mono);font-variant-numeric:tabular-nums;color:#e8f6f373;pointer-events:none;-webkit-user-select:none;user-select:none;padding-left:4px;font-size:10px;line-height:1;position:absolute;top:3px}.timeline-num--major{color:#e8f6f3d9;font-weight:600}.timeline-num--beat{color:#e8f6f34d;font-size:8px;top:5px}.timeline-playhead{pointer-events:none;background:#ff5fa2bf;width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}.timeline-playhead:before{content:"";border-left:4.5px solid #0000;border-right:4.5px solid #0000;border-top:6px solid var(--tl-end);position:absolute;top:0;left:-4px}.timeline-playhead--playing{background:var(--tl-end);box-shadow:0 0 6px var(--tl-end)}.timeline-past-end{pointer-events:none;background:repeating-linear-gradient(135deg,#0000006b 0 4px,#0000004d 4px 8px);position:absolute;top:0;bottom:0;right:0}.timeline-end-line{opacity:.8;pointer-events:none;background:#f5f5f4;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.timeline-end-marker{color:#050b0b;cursor:ew-resize;touch-action:none;z-index:2;background:#f5f5f4;border-radius:0 3px 3px 0;place-items:center;width:13px;margin-left:-1px;font-family:system-ui,sans-serif;font-size:7px;font-weight:800;line-height:1;display:grid;position:absolute;top:0;bottom:0}.timeline-end-marker:hover,.timeline-end-marker--dragging{background:#fff;box-shadow:0 0 8px #ffffff8c}.timeline-end-marker:focus-visible{outline:2px solid var(--tl-accent);outline-offset:1px}.timeline-nav{cursor:pointer;touch-action:none;background:#ffffff0a;border-radius:3px;height:6px;margin-top:3px;position:relative;overflow:hidden}.timeline-nav-song{background:#ffffff14;border-right:1px solid #f5f5f4b3;position:absolute;inset:0 auto 0 0}.timeline-nav-loop{background:#7dffe047;position:absolute;top:0;bottom:0}.timeline-nav-playhead{background:var(--tl-end);width:1px;position:absolute;top:0;bottom:0}.timeline-nav-window{box-sizing:border-box;cursor:grab;background:#7dffe01a;border:1px solid #7dffe0bf;border-radius:3px;min-width:6px;position:absolute;top:0;bottom:0}.timeline-nav:active .timeline-nav-window{cursor:grabbing}.timeline-side{align-items:center;gap:10px;display:flex}.timeline-zoom{gap:2px;display:flex}.timeline-btn{color:#ffffffa6;cursor:pointer;background:#00000059;border:1px solid #5eead438;border-radius:4px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.timeline-btn--fit{letter-spacing:.5px;text-transform:uppercase;font-size:9px}.timeline-btn:hover{color:#5eead4;border-color:#5eead48c}.timeline-end-field{background:#050b0b;border:1px solid #f5f5f440;border-radius:4px;align-items:center;gap:4px;height:20px;padding:0 6px 0 2px;display:flex}.timeline-end-tag{color:#050b0b;background:#f5f5f4;border-radius:2px;place-items:center;width:12px;height:14px;font-size:7px;font-weight:800;display:grid}.timeline-end-field input{color:#f5f5f4;width:5ch;font-family:var(--tl-mono);font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;background:0 0;border:none;padding:0;font-size:11px}.timeline-end-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timeline-end-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timeline-end-field input:focus-visible{outline:none}.timeline-end-field:focus-within{border-color:var(--tl-accent)}.timeline-end-unit{letter-spacing:1px;text-transform:uppercase;color:#ffffff61;font-size:8px;font-weight:700}.timeline-btn:focus-visible{outline-offset:1px;outline:2px solid #5eead4}.timeline-duration{min-width:4ch;font-family:var(--tl-mono);font-variant-numeric:tabular-nums;color:#ffffff6b;white-space:nowrap;font-size:10px}.piano-roll-wrap{flex-direction:column;flex:1;min-height:260px;display:flex}.piano-roll-toolbar{z-index:20;background:#080a10f0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;margin-bottom:8px;padding:6px 0;display:flex;position:sticky;top:0;box-shadow:0 6px 10px -6px #000c}.roll-tool{color:#fff9;cursor:pointer;background:#0000004d;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:9px}.roll-tool--active{background:var(--roll-color,#5eead4);color:#0a0a0a;box-shadow:0 0 10px color-mix(in srgb, var(--roll-color,#5eead4) 60%, transparent);border-color:#0000;font-weight:700}.velocity-indicator{border:1px solid color-mix(in srgb, var(--roll-color,#5eead4) 40%, transparent);background:#0000004d;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;display:flex}.velocity-indicator-label{letter-spacing:.5px;text-transform:uppercase;color:#ffffff73;font-size:9px}.velocity-indicator-value{color:var(--roll-color,#5eead4);font-size:11px;font-weight:800}.roll-tool--cut:hover{color:#f87171;border-color:#f8717180}.selection-indicator{border:1px solid color-mix(in srgb, var(--roll-color,#5eead4) 50%, transparent);background:color-mix(in srgb, var(--roll-color,#5eead4) 18%, #0000004d);color:var(--roll-color,#5eead4);letter-spacing:.3px;border-radius:6px;padding:4px 10px;font-size:9px;font-weight:700}.grid-toolbar{border-left:1px solid #ffffff1a;align-items:center;gap:4px;margin-left:auto;padding-left:10px;display:flex}.grid-toolbar-label{letter-spacing:1px;text-transform:uppercase;color:#ffffff59;margin-right:2px;font-size:9px}.grid-button{color:#ffffff8c;cursor:pointer;background:#0000004d;border:1px solid #c084fc4d;border-radius:999px;padding:4px 7px;font-size:9px}.grid-button--active{color:#fff;background:radial-gradient(circle at 30% 25%,#e0b3ff,#9333ea 75%);border-color:#e0b3ff;font-weight:700;box-shadow:0 0 10px #c084fc99}.piano-roll-viewport{scrollbar-width:thin;scrollbar-color:#ff5fa273 #00000040;border-radius:6px;flex:1;min-height:0;overflow:hidden auto}.piano-roll-viewport::-webkit-scrollbar{width:9px}.piano-roll-viewport::-webkit-scrollbar-track{background:#00000040;border-radius:999px}.piano-roll-viewport::-webkit-scrollbar-thumb{background:#ff5fa273 padding-box padding-box;border:2px solid #0000;border-radius:999px}.piano-roll-viewport::-webkit-scrollbar-thumb:hover{background:#ff5fa2b3 padding-box padding-box}.piano-roll{-webkit-user-select:none;user-select:none;touch-action:none;align-items:flex-start;min-height:100%;display:flex}.piano-roll-keys{flex-direction:column;flex-shrink:0;width:34px;display:flex}.piano-roll-key{color:#fff9;box-sizing:border-box;background:#ffffff0a;border-bottom:1px solid #0000004d;align-items:center;padding-left:5px;font-size:7px;display:flex}.piano-roll-key--black{color:#fff6;background:#00000073}.piano-roll-key--c{color:#ffffffd9;border-bottom-color:#ffffff2e;font-weight:700}.piano-roll-scroll{contain:inline-size;border-radius:6px;flex:1;overflow:auto hidden}.piano-roll-stage{background:radial-gradient(circle at 50% 0,#12161f 0%,#0d1117 70%);position:relative}.piano-roll-grid-bg{pointer-events:none;background-image:repeating-linear-gradient(90deg, #ffffff1a 0 1px, transparent 1px var(--grid-px,40px)), repeating-linear-gradient(90deg, #bef5eb38 0 1.5px, transparent 1.5px var(--bar-px,64px)), repeating-linear-gradient(90deg, #5eead466 0 2px, transparent 2px var(--phrase-px,256px));position:absolute;inset:0}.piano-roll-grid-quarter{pointer-events:none;background-image:repeating-linear-gradient(90deg, #67e8f952 0 1px, transparent 1px var(--quarter-px,16px));position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(#000 0 5px,#0000 5px 11px);mask-image:repeating-linear-gradient(#000 0 5px,#0000 5px 11px)}.piano-roll-grid-dots{pointer-events:none;background-image:radial-gradient(circle,#67e8f959 .6px,#0000 1.2px);background-size:var(--sixteenth-px,10px) var(--sixteenth-px,10px);opacity:.5;position:absolute;inset:0}.piano-roll-rows{pointer-events:none;position:relative}.piano-roll-row-bg{box-sizing:border-box;background:#ffffff06;border-bottom:1px solid #00000040}.piano-roll-row-bg--black{background:#00000047}.piano-roll-row-bg--c{border-bottom-color:#ffffff24}.piano-roll-notes-layer{pointer-events:none;position:absolute;inset:0}.piano-roll-note{box-sizing:border-box;pointer-events:auto;cursor:grab;border-radius:5px;padding:0 2px;position:absolute}.piano-roll-note-body{background:linear-gradient(180deg, color-mix(in srgb, var(--roll-color,#5eead4) 85%, white 15%), var(--roll-color,#5eead4));box-shadow:0 0 8px color-mix(in srgb, var(--roll-color,#5eead4) 70%, transparent), inset 0 1px 0 #ffffff80, inset 0 -2px 3px #00000040;border-radius:4px;position:absolute;inset:1px}.piano-roll-note--draft .piano-roll-note-body{box-shadow:0 0 14px color-mix(in srgb, var(--roll-color,#5eead4) 90%, transparent), inset 0 1px 0 #fff9;filter:brightness(1.15)}.piano-roll-note--selected .piano-roll-note-body{outline-offset:1px;filter:brightness(1.1);outline:2px solid #fff}.piano-roll-note-vel-fill{pointer-events:none;background:#ffffffd9;border-radius:1px;max-width:calc(100% - 2px);height:2px;position:absolute;bottom:1px;left:1px}.piano-roll-note-resize{cursor:ew-resize;background:#ffffff2e;border-radius:0 4px 4px 0;width:7px;position:absolute;top:1px;bottom:1px;right:0}.piano-roll-note:hover .piano-roll-note-resize{background:#fff6}.piano-roll-marquee{border:1px solid color-mix(in srgb, var(--roll-color,#5eead4) 80%, white 10%);background:color-mix(in srgb, var(--roll-color,#5eead4) 18%, transparent);pointer-events:none;box-sizing:border-box;border-radius:2px;position:absolute}.piano-roll-playhead{background:var(--roll-color,#5eead4);width:2px;box-shadow:0 0 8px var(--roll-color,#5eead4), 0 0 3px #fff;pointer-events:none;z-index:3;position:absolute;top:0;bottom:0}.roll-tool--exit-fullscreen{color:#ffffffbf;border-color:#ff5fa266;margin-left:auto}.roll-tool--exit-fullscreen:hover{color:#ff5fa2;background:#ff5fa21f;border-color:#ff5fa2}@media (width<=900px){.piano-roll-keys{width:36px}}.piano-roll-past-end{z-index:2;cursor:not-allowed;background:repeating-linear-gradient(135deg,#00000080 0 6px,#0000005c 6px 12px);border-left:2px solid #f5f5f4b3;position:absolute;top:0;bottom:0;right:0}.piano-roll-note--ghost{background:color-mix(in srgb, var(--roll-color,#5eead4) 75%, transparent);border:1px solid var(--roll-color,#5eead4);opacity:.4;pointer-events:none;filter:saturate(.6)}.piano-roll-block-edge{background:var(--roll-color,#5eead4);width:2px;box-shadow:0 0 6px var(--roll-color,#5eead4);pointer-events:none;z-index:3;margin-left:-1px;position:absolute;top:0;bottom:0}.piano-roll-block-edge--end{opacity:.7}.piano-roll-loop-zone{z-index:2;cursor:not-allowed;border-left:1px dashed color-mix(in srgb, var(--roll-color,#5eead4) 60%, transparent);background:color-mix(in srgb, var(--roll-color,#5eead4) 5%, #0003);position:absolute;top:0;bottom:0}.roll-zoom{background:#00000040;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;display:flex}.roll-zoom-btn{color:#ffffffbf;cursor:pointer;background:#00000059;border:1px solid #ffffff26;border-radius:5px;min-width:20px;height:20px;padding:0 5px;font-size:11px;line-height:1}.roll-zoom-btn:hover:not(:disabled){border-color:var(--roll-color,#5eead4);color:#fff}.roll-zoom-btn:disabled{opacity:.35;cursor:default}.roll-zoom-fit{letter-spacing:.5px;margin-left:3px;font-size:9px;font-weight:700}.roll-zoom-axis{color:#fff6;font-size:11px}.piano-roll-key--named{font-size:9px}.piano-roll-grid-shade{pointer-events:none;background-image:repeating-linear-gradient(90deg, #ffffff07 0 var(--grid-px,40px), transparent var(--grid-px,40px) var(--grid2-px,80px));position:absolute;inset:0}.grid-too-fine{color:#facc15;cursor:pointer;white-space:nowrap;background:#facc1514;border:1px dashed #facc158c;border-radius:999px;margin-left:4px;padding:3px 7px;font-size:9px}.piano-roll-razor-line{pointer-events:none;z-index:5;border-left:2px dashed #f87171;width:0;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #f8717199}.piano-roll-stage[data-tool=erase] .piano-roll-note,.piano-roll-stage[data-tool=erase] .piano-roll-note-resize,.piano-roll-stage[data-tool=razor] .piano-roll-note,.piano-roll-stage[data-tool=razor] .piano-roll-note-resize{cursor:inherit}.qwerty-kb{z-index:60;border:1px solid color-mix(in srgb, var(--qwerty-color,#5eead4) 40%, transparent);box-shadow:0 0 30px color-mix(in srgb, var(--qwerty-color,#5eead4) 20%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#0a0e10f7,#040608f7);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px 12px;animation:.2s both qwerty-kb-in;display:flex;position:fixed;top:78px;right:16px}@keyframes qwerty-kb-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.qwerty-kb-head{align-items:center;gap:10px;display:flex}.qwerty-kb-title{letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb, var(--qwerty-color,#5eead4) 80%, white 10%);white-space:nowrap;font-size:10px;font-weight:800}.qwerty-kb-octave{align-items:center;gap:6px;margin-left:auto;display:flex}.qwerty-kb-oct-btn{color:#e8f6f3d9;cursor:pointer;background:#ffffff0f;border:1px solid #e8f6f340;border-radius:4px;width:18px;height:18px;font-family:inherit;font-size:12px;line-height:1}.qwerty-kb-oct-btn:hover:not(:disabled){border-color:var(--qwerty-color,#5eead4);color:var(--qwerty-color,#5eead4)}.qwerty-kb-oct-btn:disabled{opacity:.3;cursor:default}.qwerty-kb-oct-label{color:#e8f6f399;text-align:center;min-width:46px;font-family:ui-monospace,monospace;font-size:10px}.qwerty-kb-sustain{color:#e8f6f3b3;letter-spacing:.5px;cursor:pointer;background:#ffffff0f;border:1px solid #e8f6f340;border-radius:4px;align-items:center;gap:3px;height:18px;padding:0 6px;font-family:inherit;font-size:8px;font-weight:700;transition:border-color .15s,color .15s,background .15s,box-shadow .15s;display:flex}.qwerty-kb-sustain:hover{border-color:var(--qwerty-color,#5eead4);color:var(--qwerty-color,#5eead4)}.qwerty-kb-sustain--active{border-color:var(--qwerty-color,#5eead4);color:var(--qwerty-color,#5eead4);background:color-mix(in srgb, var(--qwerty-color,#5eead4) 22%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--qwerty-color,#5eead4) 50%, transparent)}.qwerty-kb-close{color:#e8f6f399;cursor:pointer;background:0 0;border:1px solid #e8f6f333;border-radius:4px;width:18px;height:18px;font-size:13px;line-height:1}.qwerty-kb-close:hover{color:#ff6b8b;border-color:#ff6b8b}.qwerty-kb-stage{touch-action:none;-webkit-user-select:none;user-select:none;height:64px;position:relative}.qwerty-kb-key{cursor:pointer;box-sizing:border-box;border-radius:0 0 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:4px;transition:background 80ms,box-shadow 80ms;display:flex;position:absolute;top:0}.qwerty-kb-key--white{z-index:1;background:#e8f6f314;border:1px solid #e8f6f32e;border-width:1px .5px;height:64px}.qwerty-kb-key--black{z-index:2;background:#0a0c0d;border:1px solid #0009;height:40px}.qwerty-kb-key--held.qwerty-kb-key--white{background:color-mix(in srgb, var(--qwerty-color,#5eead4) 45%, #e8f6f31a);box-shadow:inset 0 0 10px color-mix(in srgb, var(--qwerty-color,#5eead4) 60%, transparent)}.qwerty-kb-key--held.qwerty-kb-key--black{background:color-mix(in srgb, var(--qwerty-color,#5eead4) 65%, #0a0c0d 20%);box-shadow:0 0 8px var(--qwerty-color,#5eead4)}.qwerty-kb-key-letter{color:#e8f6f38c;pointer-events:none;font-family:ui-monospace,monospace;font-size:8px;font-weight:700}.qwerty-kb-key--black .qwerty-kb-key-letter{color:#e8f6f380}.qwerty-kb-key--held .qwerty-kb-key-letter{color:#04211d}.qwerty-kb-key-note{color:#e8f6f34d;pointer-events:none;font-family:ui-monospace,monospace;font-size:7px}.qwerty-kb-key--held .qwerty-kb-key-note{color:#04211d}.qwerty-kb-hint{color:#e8f6f366;white-space:nowrap;font-size:9px}.qwerty-kb-head{cursor:move;touch-action:none}.qwerty-kb-stage{zoom:var(--kb-scale,1.6)}.qwerty-kb-grip{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 50%, color-mix(in srgb, var(--qwerty-color,#5eead4) 60%, transparent) 50% 58%, transparent 58% 70%, color-mix(in srgb, var(--qwerty-color,#5eead4) 60%, transparent) 70% 78%, transparent 78%);width:14px;height:14px;position:absolute;bottom:3px;right:3px}.microbe-field{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.microbe-canvas{pointer-events:auto;cursor:grab;display:block;position:absolute;inset:0}.microbe-canvas:active{cursor:grabbing}.lab-equipment{opacity:.55;filter:drop-shadow(0 0 8px #5eead459);position:fixed}.lab-equipment--microscope{bottom:18px;left:22px}.lab-equipment--beakers{filter:drop-shadow(0 0 8px #a78bfa59);bottom:14px;right:22px}.bubble{animation:2.6s ease-in infinite bubble-rise}.bubble--2{animation-delay:.6s}.bubble--3{animation-delay:1.2s}.bubble--4{animation-delay:.3s}.bubble--5{animation-delay:1.6s}@keyframes bubble-rise{0%{opacity:0;bottom:0%;transform:translate(-50%)scale(.6)}12%{opacity:var(--fizz-opacity,.5)}85%{opacity:var(--fizz-opacity,.5)}to{opacity:0;bottom:96%;transform:translate(-50%)scale(1.05)}}@media (width<=720px){.lab-equipment{display:none}}.lab-icon-field{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lab-icon{opacity:.22;filter:hue-rotate(var(--icon-hue,180deg)) saturate(1.4) brightness(1.3) drop-shadow(0 0 6px #5eead473);animation:lab-icon-drift var(--drift-dur,24s) ease-in-out infinite, lab-icon-breathe calc(var(--drift-dur,24s) * .55) ease-in-out infinite;animation-delay:var(--drift-delay,0s), var(--drift-delay,0s);will-change:transform, opacity;position:absolute}@keyframes lab-icon-drift{0%{transform:translate(0)rotate(0)}25%{transform:translate(var(--drift-x,12px), -10px) rotate(4deg)}50%{transform:translateY(-18px)rotate(-2deg)}75%{transform:translate(calc(var(--drift-x,12px) * -1), -8px) rotate(3deg)}to{transform:translate(0)rotate(0)}}@keyframes lab-icon-breathe{0%,to{opacity:.16}50%{opacity:.3}}@media (width<=720px){.lab-icon:nth-child(3n){display:none}}.tc{--tc-lcd-bg:#050b0b;--tc-lcd-fg:#7dffe0;--tc-lcd-dim:#7dffe06b;--tc-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, "Liberation Mono", monospace;align-items:center;gap:10px;min-width:0;display:flex}.tc-buttons{background:#00000073;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.tc-btn{color:#e8f6f3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:30px;height:28px;padding:0;transition:background .12s,color .12s,transform 80ms;display:grid}.tc-btn svg{fill:currentColor;width:14px;height:14px}.tc-btn:hover{color:#fff;background:#ffffff12}.tc-btn:active{transform:scale(.9)}.tc-btn:focus-visible{outline-offset:1px;outline:2px solid #5eead4}.tc-btn--play.tc-btn--active{color:#4ade80;background:#4ade8024}.tc-btn--rec{color:#f87171cc}.tc-btn--rec.tc-btn--active{color:#1a0505;background:#f87171;animation:1s ease-in-out infinite tc-rec-pulse;box-shadow:0 0 10px #f8717199}.tc-btn--loop.tc-btn--active{color:#1a0524;background:#c084fc;box-shadow:0 0 10px #c084fc80}@keyframes tc-rec-pulse{50%{opacity:.6}}.tc-lcd{background:var(--tc-lcd-bg);height:40px;font-family:var(--tc-mono);font-variant-numeric:tabular-nums;color:var(--tc-lcd-fg);border:1px solid #5eead438;border-radius:7px;align-items:stretch;display:flex;overflow:hidden;box-shadow:inset 0 1px 6px #000000e6,0 0 0 1px #0009}.tc-section{flex-direction:column;justify-content:center;padding:0 12px;display:flex}.tc-section+.tc-section{border-left:1px solid #5eead424}.tc-position{align-items:flex-start;line-height:1;display:flex}.tc-field{flex-direction:column;align-items:center;min-width:1.4ch;display:flex}.tc-field--wide{min-width:3ch}.tc-field-value{letter-spacing:.5px;text-shadow:0 0 8px #7dffe059;font-size:19px;font-weight:600}.tc-field-unit{letter-spacing:1px;text-transform:uppercase;color:var(--tc-lcd-dim);margin-top:2px;font-family:system-ui,sans-serif;font-size:7px;font-weight:700}.tc-dot{color:var(--tc-lcd-dim);padding:0 1px;font-size:19px;line-height:1}.tc-section--position{flex-direction:row;align-items:center;gap:14px}.tc-clock{color:#e8f6f39e;text-align:right;min-width:9.5ch;font-size:12px}.tc-tempo{align-items:center;gap:3px;display:flex}.tc-tempo-input{width:3.4ch;color:var(--tc-lcd-fg);font:600 17px/1 var(--tc-mono);font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 0 8px #7dffe059;appearance:textfield;background:0 0;border:none;padding:0}.tc-tempo-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tc-tempo-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tc-tempo-input:focus-visible{outline:1px solid var(--tc-lcd-fg);outline-offset:2px;border-radius:2px}.tc-tempo-steps{flex-direction:column;gap:1px;display:flex}.tc-tempo-steps button{width:13px;height:9px;color:var(--tc-lcd-dim);cursor:pointer;background:#7dffe014;border:none;border-radius:2px;place-items:center;padding:0;font-size:6px;line-height:1;display:grid}.tc-tempo-steps button:hover{color:var(--tc-lcd-fg);background:#7dffe033}.tc-sub{letter-spacing:1px;color:var(--tc-lcd-dim);gap:4px;margin-top:3px;font-family:system-ui,sans-serif;font-size:7px;font-weight:700;display:flex}.tc-sub-sep{opacity:.6}.tc-section--loop{opacity:.55;gap:3px;transition:opacity .15s}.tc-section--loop-on{opacity:1}.tc-locator{align-items:center;gap:5px;font-size:11px;line-height:1;display:flex}.tc-locator-tag{color:#050b0b;border-radius:2px;place-items:center;width:11px;height:11px;font-family:system-ui,sans-serif;font-size:7px;font-weight:800;display:grid}.tc-locator-tag--l{background:#7dffe0}.tc-locator-tag--r{background:#ff5fa2}.tc-locator-value{color:#e8f6f3cc;min-width:6ch}.tc-q{color:#e8f6f399;letter-spacing:1px;cursor:pointer;background:#0006;border:1px solid #5eead440;border-radius:6px;align-items:center;gap:5px;height:26px;padding:0 9px 0 7px;font-size:10px;font-weight:800;display:inline-flex}.tc-q:hover{border-color:#5eead48c}.tc-q:focus-visible{outline-offset:1px;outline:2px solid #5eead4}.tc-q-led{background:#1e2a28;border-radius:50%;width:6px;height:6px;box-shadow:inset 0 0 2px #000000b3}.tc-q--on{color:#7dffe0;border-color:#7dffe099}.tc-q--on .tc-q-led{background:#7dffe0;box-shadow:0 0 6px #7dffe0}@media (width<=1280px){.tc-section--loop{display:none}}@media (width<=1080px){.tc-clock{display:none}}@media (prefers-reduced-motion:reduce){.tc-btn,.tc-section--loop{transition:none}.tc-btn--rec.tc-btn--active{animation:none}}.switch-unit{cursor:pointer;background:linear-gradient(#2b2f33,#16181b);border:none;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;width:84px;height:108px;padding:10px 8px 8px;display:inline-flex;position:relative;box-shadow:inset 0 2px 3px #ffffff0f,0 6px 14px #00000080}.switch-unit--large{width:108px;height:138px}.switch-bolt{background:radial-gradient(circle at 35% 30%,#999,#333);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:inset 0 0 1px #000c}.switch-bolt--tl{top:6px;left:6px}.switch-bolt--tr{top:6px;right:6px}.switch-bolt--bl{bottom:6px;left:6px}.switch-bolt--br{bottom:6px;right:6px}.switch-mechanism{perspective:300px;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.switch-guard-wrap{height:60%;transform-style:preserve-3d;transform-origin:top;z-index:3;transition:transform .22s;position:absolute;inset:4px 10px auto}.switch-unit--on .switch-guard-wrap{transform:rotateX(-115deg)}.switch-guard{background:repeating-linear-gradient(45deg,#f5c518 0 6px,#1a1a1a 6px 12px);border:2px solid #0a0a0a;border-radius:4px 4px 8px 8px;position:absolute;inset:0;box-shadow:0 3px 8px #0009}.switch-housing{background:radial-gradient(circle at 35% 30%,#3a3f45,#0d0f11 75%);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative;box-shadow:inset 0 0 4px #000c,0 2px 4px #00000080}.switch-lever{background:linear-gradient(#e5e7eb,#6b7280);border-radius:4px;width:8px;height:22px;transition:transform .15s;transform:translateY(6px);box-shadow:0 1px 2px #0009}.switch-unit--on .switch-lever{background:linear-gradient(180deg, var(--switch-color,#5eead4), #0d0f11);box-shadow:0 0 8px var(--switch-color,#5eead4);transform:translateY(-4px)}.switch-plaque{z-index:1;background:#00000080;border-radius:4px;align-items:center;gap:5px;width:100%;margin-top:6px;padding:4px 6px;display:flex;position:relative;box-shadow:inset 0 1px 3px #000c}.switch-led{background:radial-gradient(circle at 35% 28%,#6b7075 0%,#34383c 55%,#1a1c1e 100%);border:1px solid #000000a6;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .2s,box-shadow .2s,border-color .2s;box-shadow:inset 0 0 1.5px #ffffff40,inset 0 -1px 1px #00000080,0 0 0 1px #ffffff0d}.switch-unit--on .switch-led{background:radial-gradient(circle at 35% 28%, #fffaf0 0%, var(--switch-color,#5eead4) 45%, color-mix(in srgb, var(--switch-color,#5eead4) 55%, black) 100%);border-color:color-mix(in srgb, var(--switch-color,#5eead4) 55%, black 45%);box-shadow:inset 0 0 2px #ffffffb3, inset 0 -1px 1px #00000040, 0 0 3px 1px var(--switch-color,#5eead4), 0 0 9px 2px color-mix(in srgb, var(--switch-color,#5eead4) 75%, transparent), 0 0 16px 5px color-mix(in srgb, var(--switch-color,#5eead4) 35%, transparent);animation:2.4s ease-in-out infinite bulb-filament-flicker}@keyframes bulb-filament-flicker{0%,to{filter:brightness()}45%{filter:brightness(1.1)}50%{filter:brightness(.93)}57%{filter:brightness(1.04)}}.switch-plaque-label{letter-spacing:.5px;color:#ffffffb3;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.switch-unit--compact{border-radius:7px;justify-content:center;width:46px;height:36px;padding:4px}.switch-unit--compact .switch-bolt{display:none}.switch-unit--compact .switch-mechanism{perspective:150px}.switch-unit--compact .switch-guard-wrap{height:62%;inset:1px 5px auto}.switch-unit--compact .switch-guard{border-radius:3px 3px 5px 5px}.switch-unit--compact .switch-housing{width:18px;height:18px}.switch-unit--compact .switch-lever{width:4px;height:11px;transform:translateY(3px)}.switch-unit--compact.switch-unit--on .switch-lever{transform:translateY(-2px)}.switch-unit--compact .switch-led--compact{background:radial-gradient(circle at 35% 28%,#6b7075 0%,#34383c 55%,#1a1c1e 100%);border:1px solid #000000a6;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;right:3px;box-shadow:inset 0 0 1px #ffffff40,inset 0 -1px 1px #00000080}.switch-unit--compact.switch-unit--on .switch-led--compact{background:radial-gradient(circle at 35% 28%, #fffaf0 0%, var(--switch-color,#5eead4) 45%, color-mix(in srgb, var(--switch-color,#5eead4) 55%, black) 100%);border-color:color-mix(in srgb, var(--switch-color,#5eead4) 55%, black 45%);box-shadow:inset 0 0 1.5px #ffffffb3, 0 0 3px 1px var(--switch-color,#5eead4), 0 0 8px 2px color-mix(in srgb, var(--switch-color,#5eead4) 70%, transparent);animation:2.4s ease-in-out infinite bulb-filament-flicker}.welcome-terminal{background:radial-gradient(120% 140% at 50% -10%,#14281e8c,#040807eb);border:1px solid #50ffaa59;border-radius:10px;width:min(520px,88vw);padding:16px 18px 14px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009,0 0 22px #50ffaa2e}.welcome-terminal-screen{color:#7dffb0;text-shadow:0 0 6px #7dffb0a6;white-space:pre;font-family:SF Mono,Courier New,ui-monospace,monospace;font-size:12px;line-height:1.65}.welcome-terminal-line{opacity:0;animation:.3s forwards welcome-terminal-line-in;transform:translateY(2px)}.welcome-terminal-line--blank{height:1em}@keyframes welcome-terminal-line-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.welcome-terminal-cursor{opacity:0;background:#7dffb0;width:7px;height:12px;margin-top:2px;animation:1s step-end infinite welcome-terminal-cursor-blink;display:inline-block;box-shadow:0 0 8px #7dffb0cc}@keyframes welcome-terminal-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.welcome-terminal-scanlines{pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px 3px);position:absolute;inset:0}.vu-meter{flex-direction:column;align-items:center;gap:4px;display:flex}.vu-meter-row{align-items:stretch;gap:3px;display:flex}.vu-scale{width:12px;position:relative}.vu-scale-mark{color:#ffffff59;font-family:Courier New,monospace;font-size:6px;line-height:1;position:absolute;left:0;transform:translateY(-50%)}.vu-bars{background:#0000008c;border:1px solid #5eead44d;border-radius:4px;flex-direction:column;gap:2px;width:14px;padding:4px 3px;display:flex}.vu-segment{background:#ffffff14;border-radius:1px;height:4px;transition:background 60ms linear}.vu-segment--on.vu-segment--green{background:#4ade80;box-shadow:0 0 5px #4ade80}.vu-segment--on.vu-segment--yellow{background:#facc15;box-shadow:0 0 5px #facc15}.vu-segment--on.vu-segment--red{background:#f87171;box-shadow:0 0 6px #f87171}.vu-label{letter-spacing:1px;color:#5eead499;text-transform:uppercase;font-size:8px}.vu-peak{color:#ffffff8c;white-space:nowrap;font-family:Courier New,monospace;font-size:9px}.vu-meter--compact .vu-bars{gap:1px;width:10px;padding:3px 2px}.vu-meter--compact .vu-segment{height:3px}.tube-fader-group{align-items:stretch;gap:4px;display:flex}.tube-fader{width:30px;height:var(--tube-h,92px);flex-shrink:0;position:relative}.tube-db-scale{width:14px;height:var(--tube-h,92px);flex-shrink:0;position:relative}.tube-db-tick{color:#ffffff6b;white-space:nowrap;pointer-events:none;font-family:Courier New,monospace;font-size:7px;line-height:1;position:absolute;left:0;transform:translateY(50%)}.tube-db-tick:before{content:"";background:#ffffff4d;width:3px;height:1px;position:absolute;top:50%;left:-4px}.tube-db-tick--zero{color:#5eead4d9;text-shadow:0 0 4px #5eead499;font-weight:700}.tube-db-tick--zero:before{background:#5eead4d9;box-shadow:0 0 3px #5eead4b3}.tube-glass{border:2px solid color-mix(in srgb, var(--tube-color,#5eead4) 35%, #ffffff59);box-shadow:inset 0 0 10px #0000008c, 0 0 10px color-mix(in srgb, var(--tube-color,#5eead4) 25%, transparent);background:linear-gradient(90deg,#ffffff1a 0%,#ffffff05 18%,#0000 32% 68%,#ffffff0d 84%,#ffffff24 100%),#04080a8c;border-radius:9px;position:absolute;inset:0;overflow:hidden}.tube-glass:before{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#ffffff24 0 1px,#0000 1px 13px);position:absolute;inset:2px 3px}.tube-liquid{background:linear-gradient(180deg, color-mix(in srgb, var(--tube-color,#5eead4) 85%, white 10%) 0%, var(--tube-color,#5eead4) 55%, color-mix(in srgb, var(--tube-color,#5eead4) 70%, black 30%) 100%);height:0%;box-shadow:0 0 12px color-mix(in srgb, var(--tube-color,#5eead4) 70%, transparent), inset 0 2px 4px #ffffff59;z-index:1;border-radius:0 0 6px 6px;transition:height 60ms linear;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.tube-liquid:after{content:"";filter:blur(.5px);background:#ffffff8c;height:3px;position:absolute;top:0;left:0;right:0}.tube-bubble{opacity:0;width:3px;height:3px;animation:bubble-rise var(--fizz-speed,1.3s) linear infinite;animation-delay:calc(var(--i,0) * .18s);background:radial-gradient(circle at 35% 30%,#fffffff2,#ffffff1a 70%);border-radius:50%;position:absolute;bottom:0%;left:50%}.tube-bubble:first-child{--i:0;left:22%}.tube-bubble:nth-child(2){--i:1;width:2px;height:2px;left:42%}.tube-bubble:nth-child(3){--i:2;left:58%}.tube-bubble:nth-child(4){--i:3;width:2.5px;height:2.5px;left:74%}.tube-bubble:nth-child(5){--i:4;width:2px;height:2px;left:35%}.tube-clip-glow{opacity:0;pointer-events:none;z-index:4;background:radial-gradient(at 50% 0,#ff1e1ed9 0%,#ff1e1e40 45%,#0000 75%);border-radius:10px;position:absolute;inset:-3px;box-shadow:0 0 #ff1e1e00}.tube-clip-tag{letter-spacing:1px;color:#ffe4e4;opacity:0;z-index:5;pointer-events:none;text-shadow:0 0 4px #ff2b2b;font-family:Courier New,monospace;font-size:6px;font-weight:700;position:absolute;top:2px;left:50%;transform:translate(-50%)}.tube-fader--clip .tube-clip-glow{animation:.5s ease-in-out infinite toxic-pulse}.tube-fader--clip .tube-clip-tag{animation:.5s step-end infinite toxic-tag-blink}@keyframes toxic-pulse{0%,to{opacity:.55;box-shadow:0 0 14px 2px #ff1e1e8c}50%{opacity:1;box-shadow:0 0 26px 6px #a3ff1273,0 0 18px 2px #ff1e1ee6}}@keyframes toxic-tag-blink{0%,49%{opacity:1}50%,to{opacity:.15}}.tube-range{z-index:6;width:var(--tube-h,92px);appearance:none;cursor:pointer;background:0 0;height:30px;margin:0;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)rotate(-90deg)}.tube-range:disabled{opacity:.55;cursor:not-allowed}.tube-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:repeating-linear-gradient(#00000059 0 2px,#0000 2px 6px),linear-gradient(#6b6b6f 0%,#46464a 45%,#2b2b2e 100%);border:1px solid #16161a;border-radius:4px;width:15px;height:26px;box-shadow:0 1px 3px #0009,inset 0 0 0 1px #ffffff1a}.tube-range::-moz-range-thumb{cursor:pointer;background:repeating-linear-gradient(#00000059 0 2px,#0000 2px 6px),linear-gradient(#6b6b6f 0%,#46464a 45%,#2b2b2e 100%);border:1px solid #16161a;border-radius:4px;width:15px;height:26px;box-shadow:0 1px 3px #0009,inset 0 0 0 1px #ffffff1a}.tube-fader-col{flex-direction:column;align-items:center;gap:3px;display:flex}.tube-readout{color:#e8f6f3;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;background:#030606;border:1px solid #ffffff1a;border-radius:2px;min-width:30px;height:12px;padding:0 2px;font:600 8px/10px ui-monospace,Menlo,Consolas,monospace}.avu-meter{background:linear-gradient(#14100ae6,#080604f2);border:1px solid #d6b87a4d;border-radius:8px;gap:6px;padding:6px 7px 4px;display:flex;box-shadow:inset 0 1px 3px #0009,0 0 8px #0006}.avu-gauge{flex-direction:column;align-items:center;gap:2px;display:flex}.avu-face{background:radial-gradient(120% 160% at 50% 100%,#121a18f2 0%,#040606fa 70%);border-radius:28px 28px 3px 3px;width:56px;height:38px;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #000c}.avu-tick{transform-origin:bottom;background:linear-gradient(#e8f6f38c 0% 19%,#0000 21% 100%);width:1px;height:33px;position:absolute;bottom:1px;left:50%}.avu-tick--red{background:linear-gradient(#f87171 0% 19%,#0000 21% 100%)}.avu-glow{background:radial-gradient(circle, color-mix(in srgb, var(--avu-color,#5eead4) 55%, transparent) 0%, transparent 65%);opacity:0;pointer-events:none;border-radius:50%;width:46px;height:46px;margin-left:-23px;transition:opacity 80ms linear;position:absolute;bottom:2px;left:50%}.avu-needle{transform-origin:bottom;background:linear-gradient(to top, color-mix(in srgb, var(--avu-color,#5eead4) 70%, transparent) 0%, var(--avu-color,#5eead4) 75%, #fff 100%);width:2px;height:32px;box-shadow:0 0 6px var(--avu-color,#5eead4), 0 0 2px #fff;border-radius:1px;transition:transform 40ms linear;position:absolute;bottom:1px;left:50%}.avu-pivot{background:radial-gradient(circle at 35% 35%,#d6b87a,#4a3c1e 80%);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:-1px;left:50%;box-shadow:0 0 3px #000c}.avu-chan-label{letter-spacing:1px;color:#d6b87ab3;text-transform:uppercase;font-size:7px;font-weight:700}.pmeter{flex-direction:column;flex-shrink:0;align-items:stretch;gap:2px;display:flex}.pmeter canvas{cursor:pointer;display:block}.pmeter-readout{color:#b6f23a;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;cursor:pointer;background:#030606;border:1px solid #ffffff1a;border-radius:2px;height:12px;padding:0 1px;font:600 8px/10px ui-monospace,Menlo,Consolas,monospace;overflow:hidden}.pmeter-readout--clip{color:#1a0303;background:#ff3b3b;border-color:#ff3b3b}.grmeter{align-items:flex-start;gap:5px;display:flex}.grmeter--vertical{flex-direction:column;gap:3px}.grmeter canvas{display:block}.grmeter-label{letter-spacing:1px;color:#ffc21fbf;font-size:8px;font-weight:800}.grmeter-value{white-space:nowrap;font-variant-numeric:tabular-nums;color:#ffc21f;text-align:right;min-width:4ch;font:700 11px/1 ui-monospace,Menlo,Consolas,monospace}.grmeter-value small{color:#ffc21f99;margin-left:2px;font-size:7px}.knob-control{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.knob{cursor:ns-resize;touch-action:none;width:40px;height:40px;position:relative}.knob-ring{background:conic-gradient(var(--knob-color,#5eead4) var(--knob-pct,0%), #ffffff14 var(--knob-pct,0%));filter:drop-shadow(0 0 6px var(--knob-color,#5eead4));border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px))}.knob-mod-ring{pointer-events:none;background:conic-gradient(var(--mod-color,#facc15) calc(var(--mod-mag,0) * 100%), transparent calc(var(--mod-mag,0) * 100%));filter:drop-shadow(0 0 5px var(--mod-color,#facc15));opacity:.85;border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.knob-dial{background:radial-gradient(circle at 32% 28%,#363c44 0%,#22262c 45%,#0c0e10 100%);border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 2px 3px #ffffff1f,inset 0 -4px 8px #000000b3,inset 0 0 0 1px #00000080,0 2px 6px #0000008c,0 1px #ffffff0a}.knob-dial:before{content:"";opacity:.8;background:repeating-conic-gradient(#0000008c 0deg 4deg,#ffffff12 4deg 8deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.knob-indicator{background:linear-gradient(180deg, #fff 0%, var(--knob-color,#5eead4) 30%, var(--knob-color,#5eead4) 100%);transform-origin:bottom;width:2px;height:40%;box-shadow:0 0 4px var(--knob-color,#5eead4), 0 0 1px #fffc;z-index:1;border-radius:2px;margin-left:-1px;position:absolute;top:3px;left:50%}.knob-indicator:before{content:"";background:radial-gradient(circle at 35% 30%, #fff 0%, var(--knob-color,#5eead4) 70%);width:5px;height:5px;box-shadow:0 0 5px 1px var(--knob-color,#5eead4);border-radius:50%;margin-left:-2.5px;position:absolute;top:-1.5px;left:50%}.knob-indicator:after{content:"";transform-origin:bottom;z-index:-1;filter:blur(.5px);background:#00000059;border-radius:2px;position:absolute;inset:0;transform:rotate(3deg)}.knob-caption{letter-spacing:.4px;color:#ffffffa6;text-transform:uppercase;flex-direction:column;align-items:center;font-size:8px;display:flex}.knob-value{color:var(--knob-color,#5eead4);font-size:9px;font-weight:700}.knob-value-popup{transform:translateX(-50%) scale(var(--popup-scale,1));transform-origin:bottom;border:1px solid color-mix(in srgb, var(--knob-color,#5eead4) 65%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--knob-color,#5eead4) 55%, transparent), 0 4px 10px #00000080;white-space:nowrap;pointer-events:none;z-index:20;background:#0a0e10f2;border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:4px 9px;animation:.12s both knob-popup-in;display:flex;position:absolute;bottom:calc(100% + 9px);left:50%}.knob-value-popup:after{content:"";background:inherit;border-right:inherit;border-bottom:inherit;width:7px;height:7px;margin-top:-4px;margin-left:-4px;position:absolute;top:100%;left:50%;transform:rotate(45deg)}.knob-value-popup-label{letter-spacing:.5px;text-transform:uppercase;color:#ffffff80;font-size:8px}.knob-value-popup-value{color:var(--knob-color,#5eead4);font-size:15px;font-weight:800;line-height:1}@keyframes knob-popup-in{0%{opacity:0;transform:translateX(-50%) scale(calc(var(--popup-scale,1) * .85)) translateY(3px)}to{opacity:1;transform:translateX(-50%) scale(var(--popup-scale,1)) translateY(0)}}.knob-control--automated .knob:after{content:"A";color:#1a0412;pointer-events:none;background:#ff5fa2;border-radius:50%;place-items:center;width:11px;height:11px;font-size:7px;font-weight:900;line-height:1;display:grid;position:absolute;top:-3px;right:-3px;box-shadow:0 0 6px #ff5fa2b3}.comp-panel{will-change:transform;background:#080906f5;border:1px solid #facc154d;border-radius:9px;flex-direction:column;gap:6px;width:190px;padding:8px 9px 9px;display:flex}.comp-panel-head{align-items:baseline;gap:6px;display:flex}.comp-panel-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.comp-panel-drag-handle:active{cursor:grabbing}.comp-panel-title{letter-spacing:1px;color:#facc15;font-size:11px;font-weight:800}.comp-panel-subtitle{color:#ffffff59;flex:1;font-size:8px}.comp-engage{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800}.comp-engage--active{color:#241c02;background:#facc15;border-color:#0000;box-shadow:0 0 10px #facc1599}.comp-engage:disabled{opacity:.4;cursor:not-allowed}.comp-panel-row{align-items:flex-end;gap:10px;display:flex}.comp-select-group{flex-direction:column;flex:1;gap:4px;display:flex}.comp-select-label{letter-spacing:.5px;text-transform:uppercase;color:#ffffff73;font-size:9px}.comp-button-row{gap:4px;display:flex}.comp-mini-btn{color:#fff9;cursor:pointer;background:#0000004d;border:1px solid #ffffff26;border-radius:5px;flex:1;padding:4px 0;font-size:10px}.comp-mini-btn--active{color:#241c02;background:#facc15;border-color:#0000;font-weight:700}.comp-panel-knobs{flex-wrap:wrap;gap:10px;display:flex}.comp-select-label-inline{letter-spacing:.5px;text-transform:uppercase;color:#ffffff73;flex-direction:column;flex:1;gap:3px;font-size:9px;display:flex}.comp-select{color:#facc15;background:#00000080;border:1px solid #facc1566;border-radius:6px;padding:3px 5px;font-size:11px}.comp-expand{color:#facc15;cursor:pointer;background:#00000059;border:1px solid #facc1559;border-radius:4px;place-items:center;width:20px;height:18px;margin-left:auto;padding:0;font-size:11px;line-height:1;display:grid}.comp-expand:hover{background:#facc1526}.comp-panel--expanded{width:300px}.comp-meter-bay{background:#050807;border:1px solid #facc152e;border-radius:7px;justify-content:center;align-items:flex-end;gap:18px;padding:8px 6px 6px;display:flex;box-shadow:inset 0 1px 8px #000000d9}.comp-meter-col{flex-direction:column;align-items:center;gap:3px;display:flex}.comp-meter-cap{letter-spacing:1px;color:#e8f6f38c;font-size:8px;font-weight:800}.comp-panel--expanded .comp-panel-knobs{justify-content:space-around}.eq-panel{will-change:transform;background:#00000080;border:1px solid #5eead44d;border-radius:9px;flex-direction:column;gap:6px;width:230px;padding:8px 9px 9px;display:flex}.eq-panel-head{align-items:baseline;gap:6px;display:flex}.eq-panel-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.eq-panel-drag-handle:active{cursor:grabbing}.eq-panel-title{letter-spacing:1px;flex:1;font-size:11px;font-weight:800}.eq-engage{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800}.eq-engage--active{color:#04211d;background:#5eead4;border-color:#0000;box-shadow:0 0 10px #5eead499}.eq-engage:disabled{opacity:.4;cursor:not-allowed}.eq-spectrum{background:radial-gradient(120% 140% at 50% 100%,#0a1416e6 0%,#030607fa 75%);border:1px solid #5eead433;border-radius:6px;width:100%;height:72px;display:block;box-shadow:inset 0 0 10px #000000b3}.eq-band-row{border-top:1px solid #ffffff14;align-items:flex-end;gap:8px;padding-top:2px;display:flex}.eq-band-label{letter-spacing:.5px;color:#fff6;flex-shrink:0;width:16px;padding-bottom:10px;font-size:9px;font-weight:800}.eq-slope-btns{flex-direction:column;gap:3px;padding-bottom:4px;display:flex}.eq-mini-btn{color:#fff9;cursor:pointer;background:#0000004d;border:1px solid #ffffff26;border-radius:4px;padding:2px 6px;font-size:8px}.eq-mini-btn--active{border-color:#0000;font-weight:700}.inst-seg{border:1px solid color-mix(in srgb, var(--osc-color) 30%, transparent);background:#00000059;border-radius:8px;gap:2px;padding:2px;display:flex}.inst-seg-btn{color:#fff9;letter-spacing:.6px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;padding:5px 8px;font-size:10px;font-weight:700}.inst-seg-btn:hover{color:#fff}.inst-seg-btn--on{background:color-mix(in srgb, var(--osc-color) 85%, white 8%);color:#120a1c;box-shadow:0 0 10px color-mix(in srgb, var(--osc-color) 45%, transparent)}.inst-seg--small .inst-seg-btn{padding:3px 7px;font-size:9px}.inst-drop{border:1px dashed color-mix(in srgb, var(--osc-color) 35%, transparent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;transition:background .15s,border-color .15s;display:flex}.inst-drop--over{border-color:var(--osc-color);background:color-mix(in srgb, var(--osc-color) 12%, transparent)}.inst-select{border:1px solid color-mix(in srgb, var(--osc-color) 35%, transparent);color:#fff;background:#00000073;border-radius:6px;flex:140px;min-width:0;padding:4px 6px;font-size:10px}.inst-select--tiny{flex:none;width:auto}.inst-small-btn{border:1px solid color-mix(in srgb, var(--osc-color) 40%, transparent);color:#ffffffbf;cursor:pointer;white-space:nowrap;background:#0000004d;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:700}.inst-small-btn:hover{border-color:var(--osc-color);color:#fff}.inst-small-btn--on{background:color-mix(in srgb, var(--osc-color) 25%, transparent);border-color:var(--osc-color);color:#fff}.inst-hint{color:#fff6;font-size:9px}.inst-inline{letter-spacing:.8px;text-transform:uppercase;color:#ffffff8c;align-items:center;gap:4px;margin-left:auto;font-size:9px;font-weight:700;display:inline-flex}.inst-row-center{align-items:center}.inst-stack{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.inst-menu{z-index:60;background:#0e0a18f7;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:4px;width:260px;padding:6px;display:flex;position:fixed;box-shadow:0 16px 40px #0009}.inst-menu-title{letter-spacing:1.4px;text-transform:uppercase;color:#ffffff73;padding:4px 8px 2px;font-size:9px;font-weight:800}.inst-menu-item{text-align:left;color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:44px 1fr;align-items:center;gap:2px 10px;padding:8px;display:grid}.inst-menu-item:hover,.inst-menu-item:focus-visible{background:color-mix(in srgb, var(--inst-color) 14%, transparent);border-color:color-mix(in srgb, var(--inst-color) 55%, transparent);outline:none}.inst-menu-badge{grid-row:span 2}.inst-menu-name{color:var(--inst-color);font-size:11px;font-weight:800}.inst-menu-blurb{color:#ffffff8c;font-size:9.5px}.inst-badge{letter-spacing:.8px;color:#0b0714;background:var(--inst-color);min-width:30px;height:16px;box-shadow:0 0 8px color-mix(in srgb, var(--inst-color) 50%, transparent);border-radius:5px;flex:none;place-items:center;padding:0 5px;font-size:8.5px;font-weight:900;display:inline-grid}.inst-menu-badge.inst-badge{height:30px;font-size:10px}.track-rail-badge{min-width:26px;height:14px;font-size:7.5px}.mixer-strip-badge{letter-spacing:.4px;min-width:0;height:12px;box-shadow:none;padding:0 3px;font-size:6.5px}.inst-menu-title--sub{border-top:1px solid #ffffff14;margin-top:2px;padding-top:6px}.arr-header .inst-badge{align-self:flex-start}.synth-fm{border-top:1px solid color-mix(in srgb, var(--osc-color) 25%, transparent);margin-top:10px;padding-top:10px}.synth-fm-lfos{grid-template-columns:1fr 1fr;gap:8px;display:grid}.synth-fm-lfo{align-items:center;gap:8px;display:flex}.synth-fm .modmatrix-route-row{grid-template-columns:1fr auto 1fr auto auto}.mixer-dock{z-index:1;background:#060c0ebf;border:1px solid #5eead440;border-radius:11px;margin:0 18px 18px;padding:10px 13px;animation:.55s .25s both mixer-fade-up;position:relative;box-shadow:0 8px 22px #00000080}@keyframes mixer-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mixer-dock-label{letter-spacing:2.5px;color:#5eead499;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;margin-bottom:7px;font-size:9px;display:flex}.mixer-dock-label-icon{filter:hue-rotate(150deg)saturate(1.6)brightness(1.2)drop-shadow(0 0 4px #5eead4b3);width:13px;height:13px}.mixer-dock-collapse-btn{color:#5eead499;cursor:pointer;letter-spacing:0;background:#0000004d;border:1px solid #5eead440;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;margin-left:auto;font-size:9px;line-height:1;transition:border-color .15s,color .15s;display:flex}.mixer-dock-collapse-btn:hover{color:#5eead4;border-color:#5eead4}.mixer-dock--collapsed{padding-bottom:10px}.mixer-dock--collapsed .mixer-dock-label{margin-bottom:0}.mixer-strips{justify-content:flex-start;align-items:flex-end;gap:12px;display:flex}.mixer-strip{border:1px solid color-mix(in srgb, var(--strip-color,#5eead4) 45%, transparent);width:76px;box-shadow:0 0 10px color-mix(in srgb, var(--strip-color,#5eead4) 25%, transparent);box-sizing:border-box;background:#00000059;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:8px 6px 7px;display:flex}.mixer-strip-head{justify-content:space-between;align-items:center;gap:3px;width:100%;display:flex}.mixer-strip-name{letter-spacing:.5px;color:var(--strip-color,#5eead4);cursor:text;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;font-weight:700;overflow:hidden}.mixer-delete-btn{color:#ffffff59;cursor:pointer;background:#0006;border:1px solid #ffffff2e;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:8px;line-height:1;transition:transform 80ms,box-shadow .15s,background .15s,color .15s,border-color .15s;display:flex}.mixer-delete-btn:hover{color:#f87171;border-color:#f871718c}.mixer-delete-btn:active{transform:scale(.88)}.mixer-delete-btn--armed{color:#1a0505;background:#f87171;border-color:#f87171;box-shadow:0 0 8px #f87171}.mixer-strip-name-input{box-sizing:border-box;border:1px solid var(--strip-color,#5eead4);color:#e8f6f3;width:100%;max-width:68px;font:inherit;text-align:center;background:#00000080;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:700}.mixer-strip-name-input:focus{box-shadow:0 0 6px color-mix(in srgb, var(--strip-color,#5eead4) 50%, transparent);outline:none}.mixer-strip-topbtns{gap:4px;display:flex}.mixer-mute,.mixer-solo{cursor:pointer;border-radius:4px;width:24px;height:17px;font-size:9px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s}.mixer-mute{color:#f87171b3;background:#0006;border:1px solid #f8717166}.mixer-solo{color:#facc15b3;background:#0006;border:1px solid #facc1566}.mixer-mute:active,.mixer-solo:active{transform:scale(.9)}.mixer-mute--active{color:#1a0505;background:#f87171;box-shadow:0 0 10px #f87171}.mixer-solo--active{color:#241c02;background:#facc15;box-shadow:0 0 10px #facc15}.mixer-pan-row{transform-origin:top;height:30px;margin:-6px 0 -10px;transform:scale(.62)}.mixer-pan-row .knob-control{--popup-scale:1.6129}.mixer-lock-row{justify-content:center;padding:1px 0 3px;display:flex}.mixer-fader-lock{color:#fff6;cursor:pointer;background:#00000073;border:1px solid #ffffff2e;border-radius:4px;justify-content:center;align-items:center;width:22px;height:16px;transition:border-color .15s,color .15s,background .15s,transform 80ms;display:flex}.mixer-fader-lock:active{transform:scale(.9)}.mixer-fader-lock--active{border-color:var(--strip-color,#5eead4);color:var(--strip-color,#5eead4);background:color-mix(in srgb, var(--strip-color,#5eead4) 20%, transparent);box-shadow:0 0 6px color-mix(in srgb, var(--strip-color,#5eead4) 45%, transparent)}.mixer-strip-body{height:calc(var(--tube-h,92px) + 15px);justify-content:center;align-items:flex-start;gap:4px;display:flex}.mixer-strip-prefader{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:100%;min-height:64px;display:flex}.mixer-strip-postfader{justify-content:center;align-items:flex-start;width:100%;min-height:25px;display:flex}.mixer-strip--master{background:linear-gradient(#20180a73,#00000059);width:148px}.mixer-strip-name--master{letter-spacing:1.5px;cursor:default}.mixer-strip-buttons{gap:3px;display:flex}.mixer-comp-wrap{position:relative}.mixer-comp-btn{color:#facc15b3;cursor:pointer;background:#0006;border:1px solid #facc1566;border-radius:4px;width:24px;height:17px;font-size:9px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s}.mixer-comp-btn:active{transform:scale(.9)}.mixer-comp-btn--active{color:#241c02;background:#facc15;box-shadow:0 0 10px #facc15}.mixer-comp-popover{z-index:10;filter:drop-shadow(0 8px 20px #0009);pointer-events:none;display:none;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.mixer-comp-popover--open{pointer-events:auto;display:block}.mixer-eq-wrap{position:relative}.mixer-eq-btn{color:#5eead4bf;cursor:pointer;background:#0006;border:1px solid #5eead466;border-radius:4px;width:24px;height:17px;font-size:9px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s}.mixer-eq-btn:active{transform:scale(.9)}.mixer-eq-btn--active{color:#04211d;background:#5eead4;box-shadow:0 0 10px #5eead4}.mixer-eq-popover{z-index:10;filter:drop-shadow(0 8px 20px #0009);pointer-events:none;display:none;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.mixer-eq-popover--open{pointer-events:auto;display:block}.mixer-strip--placeholder{opacity:.4;border-style:dashed;justify-content:center;height:100%}.mixer-placeholder-note{color:#fff6;text-align:center;font-size:8px}.mixer-strip--addable{cursor:pointer;font:inherit;color:inherit;margin:0;transition:opacity .12s,border-color .12s}.mixer-strip--addable:hover,.mixer-strip--addable:focus-visible{opacity:.75;border-color:#fff6;outline:none}.mixer-strip--addable:active{transform:scale(.97)}.mixer-placeholder-queue{color:#a3e635d9;text-align:center;margin-top:2px;font-size:8px;line-height:1.3}.mixer-dock{--tube-h:92px}.mixer-dock--xl{--tube-h:230px}.mixer-dock--xl .mixer-strip{width:100px}.mixer-dock--xl .mixer-strip--master{width:170px}.mixer-dock-xl-btn{color:#5eead4bf;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#0000004d;border:1px solid #5eead44d;border-radius:999px;margin-left:10px;padding:2px 8px;font-size:8px;font-weight:800}.mixer-dock-xl-btn:hover{color:#5eead4;border-color:#5eead4}.mixer-dock-xl-btn--on{color:#fff;background:#5eead42e;border-color:#5eead4}.tilt-card{transform-style:preserve-3d;transition:transform .12s ease-out;position:relative}.tilt-card-glow{border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0}.adsr-knobs{flex-wrap:wrap;align-items:flex-start;gap:8px 10px;display:flex}.adsr-shape-toggle{flex-direction:column;align-self:center;gap:3px;display:flex}.adsr-shape-btn{color:#ffffff8c;text-transform:capitalize;cursor:pointer;background:#00000059;border:1px solid #fff3;border-radius:5px;padding:3px 8px;font-size:9px}.adsr-shape-btn--active{color:#04241d;background:radial-gradient(circle at 30% 25%,#7dffe0,#0e8a72 75%);border-color:#7dffe0;font-weight:700}.osc-head{-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:6px;display:flex}.osc-head-chevron{width:18px;height:18px;color:var(--osc-color);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:0;font-size:11px;line-height:1;transition:transform .15s,background .15s;display:grid}.osc-head-chevron:hover{background:color-mix(in srgb, var(--osc-color) 15%, transparent)}.osc-head-chevron--collapsed{transform:rotate(-90deg)}.osc-head-chevron:focus-visible{outline:2px solid var(--osc-color);outline-offset:1px}.osc-head-title{letter-spacing:1px;color:var(--osc-color);font-size:11px;font-weight:800}.osc-head-kind{letter-spacing:1.2px;text-transform:uppercase;color:#fff6;font-size:9px;font-weight:600}.osc-head-spacer{flex:1}.osc-head--off .osc-head-title{opacity:.55}.osc-section-label{letter-spacing:1.4px;text-transform:uppercase;color:color-mix(in srgb, var(--osc-color) 60%, #fff6);align-items:center;gap:6px;margin-top:2px;font-size:8px;font-weight:700;display:flex}.osc-section-label:after{content:"";background:color-mix(in srgb, var(--osc-color) 22%, transparent);flex:1;height:1px}.osc-row{flex-wrap:wrap;align-items:flex-start;gap:8px 12px;display:flex}.osc-pitch-knobs{gap:8px 12px;transition:opacity .15s;display:flex}.osc-dim{opacity:.3;pointer-events:none}.osc-pill{border:1px solid color-mix(in srgb, var(--osc-color) 35%, transparent);color:#fff9;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#00000059;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:4px 9px 4px 7px;font-size:9px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.osc-pill:hover{border-color:var(--osc-color)}.osc-pill:focus-visible{outline:2px solid var(--osc-color);outline-offset:1px}.osc-pill-led{background:#241d1d;border-radius:50%;width:7px;height:7px;transition:background .15s,box-shadow .15s;box-shadow:inset 0 0 2px #0009}.osc-pill--on{color:#04241d;background:color-mix(in srgb, var(--osc-color) 80%, white 10%);border-color:var(--osc-color)}.osc-pill--on .osc-pill-led{background:#eafff9;box-shadow:0 0 6px 1px #eafff9}@media (prefers-reduced-motion:reduce){.osc-head-chevron,.osc-pitch-knobs,.osc-pill,.osc-pill-led{transition:none}}.sidebar .knob{width:32px;height:32px}.sidebar .knob-dial{inset:5px}.sidebar .knob-control{gap:3px}.osc-panel{--osc-color:#5eead4;flex-direction:column;gap:7px;display:flex}.osc-wave-select{flex-wrap:wrap;gap:4px;display:flex}.osc-wave-btn{border:1px solid color-mix(in srgb, var(--osc-color) 40%, transparent);color:#ffffffa6;cursor:pointer;background:#0000004d;border-radius:999px;padding:4px 8px;font-size:9px}.osc-wave-btn--active{background:color-mix(in srgb, var(--osc-color) 80%, white 10%);border-color:var(--osc-color);color:#04241d;box-shadow:0 0 8px color-mix(in srgb, var(--osc-color) 55%, transparent);font-weight:700}.wt-osc-panel{--osc-color:#5eead4;flex-direction:column;gap:7px;display:flex}.wt-osc-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wt-osc-row--category{gap:4px}.wt-osc-cat-btn{border:1px solid color-mix(in srgb, var(--osc-color) 35%, transparent);color:#ffffffa6;letter-spacing:.2px;cursor:pointer;background:#0000004d;border-radius:999px;padding:4px 7px;font-size:8.5px;transition:transform 80ms,box-shadow .15s,background .15s,border-color .15s}.wt-osc-cat-btn:active{transform:scale(.94)}.wt-osc-cat-btn--active{background:color-mix(in srgb, var(--osc-color) 80%, white 10%);border-color:var(--osc-color);color:#04241d;box-shadow:0 0 8px color-mix(in srgb, var(--osc-color) 55%, transparent);font-weight:700}.wt-osc-row--vis{border:1px solid color-mix(in srgb, var(--osc-color) 22%, transparent);background:#0006;border-radius:6px;padding:4px}.wt-osc-canvas{width:100%;height:52px;display:block}.wt-osc-warp-group{flex-direction:column;align-items:center;gap:3px;display:flex}.wt-osc-warp-modes{gap:2px;display:flex}.wt-osc-warp-btn{border:1px solid color-mix(in srgb, var(--osc-color) 30%, transparent);color:#ffffff8c;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;background:#0000004d;border-radius:4px;padding:2px 5px;font-size:7.5px}.wt-osc-warp-btn--active{background:color-mix(in srgb, var(--osc-color) 75%, white 10%);border-color:var(--osc-color);color:#04241d;font-weight:700}.modmatrix-panel{flex-direction:column;gap:11px;display:flex}.modmatrix-section{flex-direction:column;gap:6px;display:flex}.modmatrix-label{letter-spacing:.6px;text-transform:uppercase;color:#ffffff80;font-size:9px;font-weight:700}.modmatrix-filter-select{gap:4px;display:flex}.modmatrix-filter-btn{color:#ffffffa6;cursor:pointer;background:#0000004d;border:1px solid #60a5fa59;border-radius:5px;flex:1;padding:4px 3px;font-size:9px;font-weight:700}.modmatrix-filter-btn--active{color:#04102a;background:radial-gradient(circle at 30% 25%,#93c5fd,#2563eb 75%);border-color:#93c5fd;box-shadow:0 0 10px #60a5fa80}.modmatrix-lfos{flex-flow:wrap;gap:13px}.modmatrix-lfo{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.modmatrix-select{color:#fff;background:#00000080;border:1px solid #ffffff40;border-radius:5px;padding:3px 5px;font-size:9px}.modmatrix-routes-head{justify-content:space-between;align-items:center;display:flex}.modmatrix-add-btn{color:#f472b6;cursor:pointer;background:#f472b61f;border:1px solid #f472b666;border-radius:5px;padding:3px 8px;font-size:9px;font-weight:700}.modmatrix-add-btn:disabled{opacity:.35;cursor:not-allowed}.modmatrix-empty{color:#fff6;font-size:9px;font-style:italic}.modmatrix-route-row{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.modmatrix-arrow{color:#fff6;font-size:10px}.modmatrix-remove-btn{color:#ff5fa2;cursor:pointer;background:#0a040899;border:1px solid #ff5fa280;border-radius:50%;width:16px;height:16px;margin-left:auto;font-size:10px;line-height:1}.modmatrix-remove-btn:hover{color:#1a0510;background:#ff5fa2}.oscilloscope{border:1px solid color-mix(in srgb, var(--scope-color,#5eead4) 30%, transparent);background:#0006;border-radius:6px;width:100%;display:block}.track-header{align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;display:flex}.track-icon{border:1px solid color-mix(in srgb, var(--track-color,#5eead4) 55%, transparent);width:32px;height:32px;box-shadow:0 0 8px color-mix(in srgb, var(--track-color,#5eead4) 45%, transparent);background:radial-gradient(circle at 35% 30%,#ffffff14,#0006);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.track-name{letter-spacing:1px;color:#ffffffd9;flex-shrink:0;font-size:12px;font-weight:700}.track-scope{flex:1;min-width:0;margin-left:8px}.clip-editor-bar{--clip-color:#5eead4;color:#e8f6f3cc;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:4px 2px 8px;font-size:11px;display:flex}.clip-editor-bar button{border:1px solid color-mix(in srgb, var(--clip-color) 40%, transparent);color:#e8f6f3d9;cursor:pointer;background:#00000059;border-radius:6px;padding:3px 9px;font-size:11px}.clip-editor-bar button:hover:not(:disabled){border-color:var(--clip-color);color:#fff}.clip-editor-bar button:disabled{opacity:.35;cursor:default}.clip-editor-bar button:focus-visible{outline:2px solid var(--clip-color);outline-offset:1px}.clip-editor-back{font-weight:600}.clip-editor-name{align-items:center;gap:6px;font-weight:600;display:inline-flex}.clip-editor-swatch{background:var(--clip-color);width:10px;height:10px;box-shadow:0 0 6px color-mix(in srgb, var(--clip-color) 60%, transparent);border-radius:3px}.clip-editor-length{align-items:center;gap:6px;display:inline-flex}.clip-editor-label{letter-spacing:1.5px;text-transform:uppercase;color:#e8f6f380;font-size:9px}.clip-editor-value{text-align:center;font-variant-numeric:tabular-nums;min-width:52px}.clip-editor-hint{color:#e8f6f380}.clip-editor-new{font-weight:600}.automation-lane{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.automation-lane-head{align-items:center;gap:8px;min-width:0;margin-left:34px;display:flex}.automation-lane-cat{background:color-mix(in srgb, var(--auto-color,#5eead4) 18%, transparent);color:color-mix(in srgb, var(--auto-color,#5eead4) 80%, white);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:7px;font-weight:800}.automation-lane-label{letter-spacing:1px;text-transform:uppercase;color:#e8f6f3;white-space:nowrap;font-size:10px;font-weight:700}.automation-lane-readout{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--auto-color,#5eead4) 70%, white);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:10px;overflow:hidden}.automation-lane-clear{color:#e8f6f38c;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:#00000059;border:1px solid #e8f6f333;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:9px}.automation-lane-clear:hover{color:var(--auto-color,#5eead4);border-color:var(--auto-color,#5eead4)}.automation-lane-remove{color:#f87171cc;cursor:pointer;background:#00000059;border:1px solid #f8717159;border-radius:4px;place-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;display:grid}.automation-lane-remove:hover{background:#f871712e}.automation-lane-scroll{contain:inline-size;border:1px solid color-mix(in srgb, var(--auto-color,#5eead4) 20%, transparent);background:#070b0d;border-radius:6px;align-self:stretch;margin-left:34px;overflow:auto hidden}.automation-lane-stage{cursor:crosshair;touch-action:none;position:relative}.automation-lane-past-end{cursor:not-allowed;background:repeating-linear-gradient(135deg,#00000080 0 6px,#0000005c 6px 12px);border-left:2px solid #f5f5f4b3;position:absolute;top:0;bottom:0;right:0}.automation-lane-svg{pointer-events:none;position:absolute;top:0;left:0}.automation-lane-grid{stroke-width:1px;shape-rendering:crispedges}.automation-lane-grid--bar{stroke:#e8f6f333}.automation-lane-grid--beat{stroke:#e8f6f317}.automation-lane-grid--sub{stroke:#e8f6f30b}.automation-lane-hguide{stroke:#e8f6f30d;stroke-dasharray:2 4}.automation-lane-area{fill:color-mix(in srgb, var(--auto-color,#5eead4) 12%, transparent)}.automation-lane-node{fill:#050b0b;stroke:var(--auto-color,#5eead4);stroke-width:1.6px;filter:drop-shadow(0 0 3px var(--auto-color,#5eead4))}.automation-lane-node--drag{fill:var(--auto-color,#5eead4)}.automation-lane-path{fill:none;stroke:var(--auto-color,#5eead4);stroke-width:1.6px;stroke-linejoin:round}.automation-lane-playhead{pointer-events:none;background:#fff;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ffffffb3}.auto-section{flex-direction:column;flex-shrink:0;gap:8px;margin-top:8px;display:flex}.auto-section-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-left:34px;display:flex}.auto-add-wrap{position:relative}.auto-add{border:1px solid color-mix(in srgb, var(--auto-color) 70%, transparent);background:color-mix(in srgb, var(--auto-color) 14%, #00000080);color:#fff;cursor:pointer;box-shadow:0 0 10px color-mix(in srgb, var(--auto-color) 45%, transparent), inset 0 0 8px color-mix(in srgb, var(--auto-color) 20%, transparent);text-shadow:0 0 6px var(--auto-color);border-radius:6px;align-items:center;gap:2px;padding:3px 10px 3px 8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:800;line-height:1;animation:2.4s ease-in-out infinite auto-add-glow;display:inline-flex}.auto-add:hover{background:color-mix(in srgb, var(--auto-color) 28%, #00000080)}.auto-add:focus-visible{outline:2px solid var(--auto-color);outline-offset:2px}.auto-add-bracket{color:var(--auto-color)}.auto-add-text{letter-spacing:1.4px;text-transform:uppercase;text-shadow:none;margin-left:7px;font-family:system-ui,sans-serif;font-size:9px}@keyframes auto-add-glow{50%{box-shadow:0 0 16px color-mix(in srgb, var(--auto-color) 70%, transparent), inset 0 0 10px color-mix(in srgb, var(--auto-color) 30%, transparent)}}.auto-menu{z-index:40;border:1px solid color-mix(in srgb, var(--auto-color) 45%, transparent);background:#060a0cf7;border-radius:8px;flex-direction:column;width:250px;max-height:340px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 30px #0009}.auto-menu-search{color:#e8f6f3;background:#050b0b;border:1px solid #ffffff24;border-radius:5px;margin:8px;padding:5px 8px;font-size:11px}.auto-menu-search:focus-visible{outline:1px solid var(--auto-color)}.auto-menu-list{padding:0 6px 8px;overflow-y:auto}.auto-menu-group+.auto-menu-group{margin-top:6px}.auto-menu-cat{letter-spacing:1.4px;text-transform:uppercase;color:color-mix(in srgb, var(--auto-color) 75%, white);padding:4px 6px 2px;font-size:8px;font-weight:800}.auto-menu-item{color:#e8f6f3;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:4px 8px;font-size:11px;display:block}.auto-menu-item:hover,.auto-menu-item:focus-visible{background:color-mix(in srgb, var(--auto-color) 22%, transparent);outline:none}.auto-menu-empty{color:#e8f6f380;padding:8px;font-size:11px}.auto-grid{border:1px solid #ffffff1f;border-radius:6px;display:inline-flex;overflow:hidden}.auto-grid button{color:#e8f6f399;cursor:pointer;background:#00000059;border:none;padding:3px 6px;font-size:9px;font-weight:700}.auto-grid button+button{border-left:1px solid #ffffff14}.auto-grid button.auto-grid--on{background:color-mix(in srgb, var(--auto-color) 30%, #0006);color:#fff}.auto-snap{color:#e8f6f399;cursor:pointer;background:#00000059;border:1px solid #ffffff24;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:700}.auto-snap--on{border-color:var(--auto-color);color:#fff}.auto-armed{letter-spacing:1px;color:#ff5fa2;text-shadow:0 0 6px #ff5fa299;margin-left:auto;font-size:9px;font-weight:800}@media (prefers-reduced-motion:reduce){.auto-add{animation:none}}.auto-fold{color:#e8f6f3b3;cursor:pointer;background:#0006;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.auto-fold span{color:var(--auto-color);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:9px}.auto-fold--collapsed{color:#fff}.patch-cable-decor{pointer-events:none}.patch-cable{transition:opacity .18s}.patch-cable--dimmed{opacity:.25}.patch-cable--dimmed:hover{opacity:.7}.patch-cable-hit{cursor:pointer;pointer-events:all;transition:stroke-width .12s}.patch-cable-hit:hover{stroke-width:40px}.patch-cable:hover .patch-cable-flow{opacity:1!important}.patch-cable:hover .patch-cable-drop{r:3.4}.patch-cable-flow--slow{stroke-dasharray:10 14;animation:2.6s linear infinite cable-flow-rev}.patch-cable-flow--fast{stroke-dasharray:5 11;animation:.9s linear infinite cable-flow}@keyframes cable-flow{to{stroke-dashoffset:-32px}}@keyframes cable-flow-rev{to{stroke-dashoffset:48px}}.patch-cable-drop{filter:drop-shadow(0 0 4px var(--drop-glow,currentColor)) drop-shadow(0 0 8px var(--drop-glow,currentColor))}.patch-jack{filter:drop-shadow(0 0 3px var(--jack-glow,currentColor)) drop-shadow(0 0 7px var(--jack-glow,currentColor))}.patch-cable-glow-wash{animation:1.8s ease-in-out infinite cable-pulse}@keyframes cable-pulse{0%,to{opacity:.55}50%{opacity:.9}}.aurora-portal{z-index:0;pointer-events:auto;border-radius:8px;position:absolute;inset:0;overflow:hidden}.aurora-portal-canvas{cursor:crosshair;width:100%;height:100%;display:block}.aurora-portal-canvas--fallback{background:radial-gradient(circle at 40% 35%,#e879f959,#040a0cf2 70%)}.aurora-portal--tv{padding:6px}.aurora-portal-bezel{background:linear-gradient(160deg,#2a2230,#120d16 60%,#0a0610);border:1px solid #e879f940;border-radius:10px;flex-direction:column;height:100%;padding:8px 8px 6px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 6px #0009,0 0 16px #e879f926}.aurora-portal-screen{touch-action:none;background:#000;border:2px solid #0009;border-radius:6px;flex:1;min-height:90px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #000000d9,inset 0 0 2px #e879f966}.aurora-portal-scanlines{pointer-events:none;mix-blend-mode:multiply;opacity:.55;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}.aurora-portal-screen:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.aurora-portal-bezel-label{letter-spacing:3px;color:#e879f98c;text-transform:uppercase;align-self:center;margin-top:5px;font-size:8px;font-weight:800}.aurora-portal-mode-badge{z-index:2;letter-spacing:1.5px;text-transform:uppercase;pointer-events:none;background:#00000080;border:1px solid;border-radius:999px;padding:2px 7px;font-size:7px;font-weight:800;position:absolute;top:6px;left:7px}.aurora-portal-mode-badge--transition{color:#7dffe0}.aurora-portal-mode-badge--distort{color:#fbbf24}.aurora-portal-mode-badge--granular{color:#a5b4fc}.aurora-portal-xypad{z-index:2;cursor:crosshair;position:absolute;inset:0}.aurora-portal-xy-dot{background:radial-gradient(circle at 35% 30%,#fff,#a5b4fc 55%,#6366f1 100%);border-radius:50%;width:14px;height:14px;transition:transform 50ms linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #a5b4fce6,0 0 22px #6366f199}.aurora-portal-xypad--dragging .aurora-portal-xy-dot{width:17px;height:17px;box-shadow:0 0 14px #fffffff2,0 0 28px #6366f1d9}.aurora-portal-xy-label{letter-spacing:1.5px;text-transform:uppercase;color:#fff6;pointer-events:none;font-size:7px;font-weight:800;position:absolute}.aurora-portal-xy-label--x{bottom:4px;right:7px}.aurora-portal-xy-label--y{top:6px;right:7px}.nuc{--nuc-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;flex-direction:column;gap:8px;min-width:0;display:flex}.nuc-head{align-items:center;gap:8px;display:flex}.nuc-logo{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--nuc-accent) 55%, transparent));flex-shrink:0}.nuc-brand{flex-direction:column;min-width:0;line-height:1.05;display:flex}.nuc-wordmark{letter-spacing:2.4px;background:linear-gradient(90deg, #7dffe0, var(--nuc-accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:900}.nuc--expanded .nuc-wordmark{letter-spacing:3.2px;font-size:15px}.nuc-sub{letter-spacing:1.6px;text-transform:uppercase;color:#e8f6f373;font-size:7px;font-weight:700}.nuc-expand{border:1px solid color-mix(in srgb, var(--nuc-accent) 55%, transparent);background:color-mix(in srgb, var(--nuc-accent) 12%, #0006);color:#fff;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;cursor:pointer;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:9px;font-weight:800}.nuc-expand:hover{background:color-mix(in srgb, var(--nuc-accent) 28%, #0006)}.nuc-toolbar,.nuc-seqrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nuc-tabs{background:#00000073;border-radius:7px;gap:2px;padding:2px;display:flex}.nuc-tab{color:#e8f6f38c;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 11px;font-size:9px;font-weight:800}.nuc-tab:hover{color:#fff}.nuc-tab--on{color:#04120f;background:var(--nuc-lane);box-shadow:0 0 10px color-mix(in srgb, var(--nuc-lane) 60%, transparent)}.nuc-seg{border:1px solid #ffffff1f;border-radius:6px;display:inline-flex;overflow:hidden}.nuc-seg button{color:#e8f6f399;cursor:pointer;background:#00000059;border:none;padding:3px 8px;font-size:9px;font-weight:700}.nuc-seg button+button{border-left:1px solid #ffffff1a}.nuc-seg button.nuc-seg--on{background:color-mix(in srgb, var(--nuc-lane) 30%, #0006);color:#fff}.nuc-mini{color:#e8f6f3a6;cursor:pointer;background:#00000059;border:1px solid #ffffff24;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700}.nuc-mini:hover{border-color:var(--nuc-lane);color:#fff}.nuc-readout{font-family:var(--nuc-mono);color:color-mix(in srgb, var(--nuc-lane) 75%, white);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:10px;overflow:hidden}.nuc-matrix{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--nuc-lane) 8%, transparent), transparent 70%), #050b0b;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #5eead424;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px 8px #000000d9}.nuc--expanded .nuc-matrix{cursor:crosshair;padding:4px 0 2px}.nuc-matrix svg{display:block}.nuc-trig{fill:#ffffff0d;stroke:#ffffff24;stroke-width:1px;transition:fill 80ms linear}.nuc-trig--on{fill:color-mix(in srgb, var(--nuc-accent) 55%, transparent);stroke:var(--nuc-accent)}.nuc-trig--out{opacity:.3}.nuc-trig--cursor{fill:#fff;filter:drop-shadow(0 0 5px var(--nuc-accent))}.nuc-trig-text{font-family:var(--nuc-mono);fill:#fff;text-anchor:middle;pointer-events:none;font-size:8px;font-weight:700}.nuc-cell{fill:#ffffff09;stroke:#ffffff0f;stroke-width:.8px}.nuc-cell--lit{fill:color-mix(in srgb, var(--nuc-lane) 62%, transparent);stroke:var(--nuc-lane)}.nuc-col--out{opacity:.3}.nuc-cursor{fill:color-mix(in srgb, var(--nuc-lane) 10%, transparent);stroke:color-mix(in srgb, var(--nuc-lane) 40%, transparent);stroke-width:1px}.nuc-col--fired .nuc-cell--lit{fill:color-mix(in srgb, var(--nuc-lane) 40%, white);filter:drop-shadow(0 0 4px var(--nuc-lane))}.nuc-col--fired .nuc-trig--on{fill:#fff;filter:drop-shadow(0 0 6px var(--nuc-accent))}.nuc-num{font-family:var(--nuc-mono);fill:#e8f6f34d;text-anchor:middle;pointer-events:none;font-size:8px}.nuc-num--beat{fill:#e8f6f3a6}.nuc-slider{letter-spacing:.8px;text-transform:uppercase;color:#e8f6f38c;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.nuc-slider input{width:140px;accent-color:var(--nuc-accent)}.nuc-slider b{min-width:2ch;font-family:var(--nuc-mono);color:#fff;text-align:right;font-size:12px}.nuc-euclid{color:#d9f99dbf;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#0006;border:1px solid #a3e63566;border-radius:6px;padding:4px 10px;font-size:9px;font-weight:800}.nuc-euclid--on{color:#0b1403;background:#a3e635;border-color:#a3e635;box-shadow:0 0 10px #a3e6358c}.nuc-euclid-params{gap:10px;transition:opacity .15s;display:flex}.nuc-dim{opacity:.35}.nuc-stepper{letter-spacing:.8px;text-transform:uppercase;color:#e8f6f38c;align-items:center;gap:4px;font-size:9px;font-weight:700;display:inline-flex}.nuc-stepper button{color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff24;border-radius:4px;place-items:center;width:18px;height:18px;padding:0;font-size:11px;display:grid}.nuc-stepper button:disabled{opacity:.3;cursor:default}.nuc-stepper b{min-width:2ch;font-family:var(--nuc-mono);color:#fff;text-align:center;font-size:12px}.nuc-controls{flex-wrap:wrap;align-items:flex-start;gap:10px 14px;display:flex}.nuc-keys{grid-template-columns:repeat(6,1fr);gap:2px;display:grid}.nuc--expanded .nuc-keys{grid-template-columns:repeat(12,1fr)}.nuc-key{color:#e8f6f3b3;cursor:pointer;background:#e8f6f314;border:1px solid #ffffff24;border-radius:4px;min-width:22px;padding:3px 0;font-size:8px;font-weight:700}.nuc-key--black{background:#0000008c}.nuc-key--on{background:var(--nuc-accent);border-color:var(--nuc-accent);color:#1a0412;box-shadow:0 0 6px color-mix(in srgb, var(--nuc-accent) 60%, transparent)}.nuc-selects{flex-wrap:wrap;gap:6px 8px;display:flex}.nuc-sel{letter-spacing:.8px;text-transform:uppercase;color:#e8f6f380;flex-direction:column;gap:2px;font-size:8px;font-weight:700;display:flex}.nuc-sel select{color:#e8f6f3;background:#050b0b;border:1px solid #5eead440;border-radius:4px;padding:2px 4px;font-size:10px}.nuc-knobs{flex-wrap:wrap;align-items:flex-start;gap:8px 12px;margin-left:auto;display:flex}.nuc-sync{flex-direction:column;align-self:center;gap:4px;display:flex}.nuc-bpm{color:#e8f6f380;align-items:center;gap:4px;font-size:8px;font-weight:700;display:flex}.nuc-bpm input{color:#e8f6f3;background:#050b0b;border:1px solid #5eead440;border-radius:4px;width:44px;padding:2px 4px;font-size:10px}.nuc button:focus-visible,.nuc select:focus-visible,.nuc input:focus-visible{outline:2px solid var(--nuc-lane);outline-offset:1px}@media (prefers-reduced-motion:reduce){.nuc-trig,.nuc-euclid-params{transition:none}}.nuc-zero{stroke:color-mix(in srgb, var(--nuc-lane) 45%, transparent);stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.modular-view{padding:4px}.modular-view-note{color:#ffffff73;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;font-size:11px;line-height:1.5;display:flex}.modular-reset-layout-btn{color:#ffffffa6;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#00000059;border:1px solid #fff3;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:10px;font-weight:700}.modular-reset-layout-btn:hover{color:#fff;border-color:#fff6}.modular-legend{letter-spacing:.5px;font-weight:700}.modular-legend--out{color:#5eead4}.modular-legend--mod{color:#facc15}.modular-legend--in{color:#ff5fa2}.modular-stage{min-height:340px;position:relative}.modular-cable-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.modular-modules-grid{z-index:3;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px 15px;display:grid;position:relative}.modular-card{--mod-color:#5eead4;border:1px solid color-mix(in srgb, var(--mod-color) 45%, transparent);box-shadow:inset 0 1px 0 #ffffff0a, 0 0 12px color-mix(in srgb, var(--mod-color) 25%, transparent);background:#0006;border-radius:10px;flex-direction:column;gap:7px;padding:7px 9px 10px;display:flex;position:relative}.modular-card--dragging{z-index:6;box-shadow:0 10px 28px #0000008c, inset 0 1px 0 #ffffff14, 0 0 26px var(--mod-color)}.modular-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.modular-card-title{text-overflow:ellipsis;text-align:center;letter-spacing:.6px;text-transform:uppercase;min-width:0;color:var(--mod-color);white-space:nowrap;flex:auto;font-size:9px;font-weight:800;overflow:hidden}.modular-card--collapsed{gap:0}.modular-card-collapse-btn{color:#fff9;cursor:pointer;background:#00000059;border:1px solid #ffffff40;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;line-height:1;transition:transform 80ms,border-color .15s,color .15s;display:flex}.modular-card-collapse-btn:hover{border-color:var(--mod-color);color:var(--mod-color)}.modular-card-collapse-btn:active{transform:scale(.85)}.modular-instance-collapse-btn{color:#fff9;cursor:pointer;background:#00000059;border:1px solid #ffffff40;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;line-height:1;transition:border-color .15s,color .15s,transform 80ms;display:flex}.modular-instance-collapse-btn:hover{border-color:var(--mod-color,#5eead4);color:var(--mod-color,#5eead4)}.modular-instance-collapse-btn:active{transform:scale(.85)}.modular-instance-card--collapsed{gap:4px}.modular-instance-card-title{cursor:default}.modular-jack-cluster{flex-shrink:0;gap:4px;min-width:10px;display:flex}.modular-jack-cluster--out{justify-content:flex-end}.modular-jack{background:var(--mod-color);width:11px;height:11px;box-shadow:0 0 5px var(--mod-color);cursor:crosshair;touch-action:none;flex-shrink:0;transition:transform .1s,box-shadow .1s}.modular-jack--audio-in,.modular-jack--audio-out{border-radius:50%}.modular-jack--mod-in,.modular-jack--mod-out{border-radius:3px;transform:rotate(45deg)}.modular-jack--source{box-shadow:0 0 14px var(--mod-color);transform:scale(1.3)}.modular-jack--mod-in.modular-jack--source,.modular-jack--mod-out.modular-jack--source{transform:rotate(45deg)scale(1.3)}.modular-jack--hover{outline-offset:2px;outline:2px solid #fff}.modular-jack--compatible{animation:.9s ease-in-out infinite jack-invite}@keyframes jack-invite{0%,to{box-shadow:0 0 6px var(--mod-color), 0 0 0 0 #ffffff80}50%{box-shadow:0 0 14px var(--mod-color), 0 0 0 4px #ffffff26}}.modular-jack--incompatible{opacity:.2;filter:saturate(.3)}.modular-card-knobs{flex-wrap:wrap;align-items:flex-start;gap:7px 10px;display:flex}.modular-card-hint{color:#fff6;letter-spacing:.3px;font-size:9px}.modular-jack-legend{letter-spacing:.4px;color:#fff6;justify-content:space-between;align-items:center;gap:6px;margin-top:-2px;padding:0 1px;font-size:7px;font-weight:700;display:flex}.modular-jack-legend-side--in{color:#ff5fa2}.modular-jack-legend-side--out{color:#5eead4;text-align:right}.modular-select-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.4px;flex-direction:column;gap:3px;font-size:9px;display:flex}.modular-select{color:#facc15;text-transform:capitalize;background:#00000080;border:1px solid #facc1566;border-radius:5px;padding:3px 5px;font-size:10px}.modular-card--aurora{grid-column:1/-1}.modular-card-aurora-body{border-radius:8px;min-height:150px;position:relative;overflow:hidden}.modular-card--aurora .modular-card-aurora-body{min-height:260px}.modular-card-aurora-fg{z-index:1;pointer-events:none;max-width:260px;padding:8px;position:relative}.modular-card-aurora-fg>*{pointer-events:auto}.modular-aurora-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060a8c;border-radius:8px;padding:7px 8px}.modular-aurora-tabs{gap:3px;width:100%;margin-bottom:2px;display:flex}.modular-aurora-tab{color:#ffffff8c;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;background:#0006;border:1px solid #e879f94d;border-radius:5px;flex:1;padding:4px 2px;font-size:8px;font-weight:700}.modular-aurora-tab--active{color:#4a044e;background:radial-gradient(circle at 30% 25%,#f0abfc,#a21caf 75%);border-color:#f0abfc;box-shadow:0 0 8px #e879f980}.modular-aurora-scale-toggle{align-items:center;flex-direction:row!important;gap:5px!important}.modular-aurora-engage{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;touch-action:none;background:linear-gradient(135deg,#f0abfc,#a21caf);border:none;border-radius:7px;width:100%;padding:7px 0;font-size:10px;font-weight:800;box-shadow:0 0 10px #e879f980,inset 0 1px #fff6}.modular-aurora-engage:active,.modular-aurora-engage--active{color:#4a044e;background:linear-gradient(135deg,#fff,#e879f9);transform:translateY(1px);box-shadow:0 0 22px #e879f9e6,inset 0 1px #fff9}.modular-aurora-category{letter-spacing:1px;text-transform:uppercase;color:#ffffff59;margin-top:2px;font-size:9px;font-weight:700}@media (width<=900px){.modular-modules-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.modular-instances-grid{z-index:3;border-top:1px dashed #ffffff1f;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px 15px;margin-top:14px;padding-top:14px;display:grid;position:relative}.modular-instance-card{--mod-color:#5eead4;border:1px solid color-mix(in srgb, var(--mod-color) 45%, transparent);box-shadow:inset 0 1px 0 #ffffff0a, 0 0 12px color-mix(in srgb, var(--mod-color) 25%, transparent);background:#0006;border-radius:10px;flex-direction:column;gap:6px;padding:7px 9px 9px;display:flex}.modular-instance-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.modular-instance-card-title{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800}.modular-instance-remove-btn{color:#ff5fa2;cursor:pointer;background:#0006;border:1px solid #ff5fa266;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;line-height:1;display:flex}.modular-instance-remove-btn:hover{color:#1a0510;background:#ff5fa2}.modular-kicks-icon{vertical-align:-3px;filter:drop-shadow(0 0 3px);flex-shrink:0;margin-right:4px}.modular-instance-card--kickS{box-shadow:inset 0 1px 0 #ffffff0d, 0 0 16px color-mix(in srgb, var(--mod-color) 35%, transparent)}.modular-instance-kickS-controls{flex-wrap:wrap;align-items:flex-end;gap:8px;padding-top:2px;display:flex}.modular-kicks-trigger{border:2px solid var(--mod-color,#ff2d6a);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--mod-color) 35%, transparent), #00000080);width:52px;height:52px;color:var(--mod-color,#ff2d6a);letter-spacing:.5px;cursor:pointer;box-shadow:0 0 10px color-mix(in srgb, var(--mod-color) 45%, transparent);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;font-size:8px;font-weight:800;transition:transform 50ms,box-shadow .15s;display:flex}.modular-kicks-trigger .modular-kicks-icon{margin-right:0}.modular-kicks-trigger:hover{box-shadow:0 0 18px color-mix(in srgb, var(--mod-color) 70%, transparent)}.modular-kicks-trigger:active{box-shadow:0 0 24px color-mix(in srgb, var(--mod-color) 90%, transparent);transform:scale(.92)}.modular-instance-ports{--mod-color:#5eead4;background:#0000004d;border-radius:6px;flex-direction:column;gap:5px;padding:6px 7px;display:flex}.modular-instance-osc-controls{padding-top:2px}.modular-instance-port{letter-spacing:.4px;text-transform:uppercase;color:#ffffff8c;align-items:center;gap:6px;font-size:9px;display:flex}.modular-instance-port--out{justify-content:flex-end}.modular-instance-port--in .modular-instance-port-label{order:2}.modular-instance-port-label{white-space:nowrap}.modular-instance-port .modular-jack{flex-shrink:0}.modular-empty-slot{background:linear-gradient(#2b2f33,#16181b);border:1px dashed #ffffff2e;border-radius:10px;justify-content:center;align-items:center;min-height:96px;display:flex;position:relative;box-shadow:inset 0 2px 3px #ffffff0d,inset 0 0 18px #00000080}.modular-empty-slot:before,.modular-empty-slot:after{content:"";background:radial-gradient(circle at 35% 30%,#999,#333);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;box-shadow:inset 0 0 1px #000c}.modular-empty-slot:before{left:6px}.modular-empty-slot:after{right:6px}.modular-empty-slot--dragover{border-style:solid;border-color:#5eead4;box-shadow:inset 0 2px 3px #ffffff14,inset 0 0 18px #00000080,0 0 14px #5eead480}.modular-add-menu-wrap{position:relative}.modular-add-btn{color:#5eead4d9;cursor:pointer;background:radial-gradient(circle at 35% 30%,#3a3f45,#0d0f11 75%);border:1px solid #5eead466;border-radius:50%;width:34px;height:34px;font-size:18px;font-weight:700;line-height:1;box-shadow:inset 0 0 4px #000c,0 0 10px #5eead433}.modular-add-btn:hover{color:#5eead4;border-color:#5eead4;box-shadow:inset 0 0 4px #000c,0 0 14px #5eead480}.modular-add-menu{z-index:10;background:#060a0cf5;border:1px solid #5eead44d;border-radius:8px;flex-direction:column;gap:4px;width:180px;max-height:min(60vh,520px);padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 24px #0009}.modular-add-menu-group+.modular-add-menu-group{border-top:1px solid #ffffff1a;margin-top:4px;padding-top:4px}.modular-add-menu-category{letter-spacing:1px;text-transform:uppercase;color:#ffffff59;align-items:center;gap:3px;padding:2px 4px;font-size:8px;font-weight:700;display:flex}.modular-add-menu-category--draggable{cursor:grab;color:#fff9}.modular-add-menu-category--draggable:active{cursor:grabbing}.modular-add-menu-item{--entry-color:#5eead4;text-align:left;width:100%;color:var(--entry-color);cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:600;display:block}.modular-add-menu-item:hover{border-color:var(--entry-color);background:color-mix(in srgb, var(--entry-color) 18%, transparent)}.modular-add-menu-item{cursor:grab}.modular-add-menu-item:active{cursor:grabbing}.modular-instance-arp-controls,.modular-instance-seq-controls{flex-wrap:wrap;align-items:flex-end;gap:6px;padding-top:2px;display:flex}.modular-arp-keys{gap:2px;width:100%;margin-bottom:2px;display:flex}.modular-arp-key{color:#ffffff8c;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:4px;flex:1;min-width:0;padding:5px 0;font-size:8px;font-weight:700;transition:background .1s,border-color .1s,color .1s}.modular-arp-key:hover{border-color:#fff6}.modular-arp-key--on{color:#0b0d10}.modular-seq-steps{flex-wrap:wrap;gap:3px;width:100%;margin-bottom:2px;display:flex}.modular-seq-step-col{flex-direction:column;align-items:center;gap:2px;width:26px;display:flex}.modular-seq-step{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:4px;width:100%;height:20px;padding:0;transition:background .1s,border-color .1s}.modular-seq-step:hover{border-color:#fff6}.modular-seq-step--playing{box-shadow:0 0 0 1px #fff,0 0 6px #fff9}.modular-seq-step-pitch{color:#ffffff80;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:3px;width:100%;padding:1px 0;font-size:7px}.modular-sync-row{align-items:center;gap:6px;width:100%;display:flex}.modular-sync-toggle{border:1px solid #ffffff26;border-radius:5px;display:flex;overflow:hidden}.modular-sync-btn{letter-spacing:.4px;color:#ffffff80;cursor:pointer;background:#0006;border:none;padding:3px 8px;font-size:8px;font-weight:700;transition:background .15s,color .15s}.modular-sync-btn:not(:last-child){border-right:1px solid #ffffff26}.modular-sync-btn--active{color:#06110f}.modular-sync-bpm{letter-spacing:.4px;color:#ffffff80;align-items:center;gap:4px;font-size:8px;display:flex}.modular-sync-bpm input{color:#ffffffd9;background:#0006;border:1px solid #ffffff26;border-radius:3px;width:44px;padding:2px 4px;font-size:9px}.modular-instance-card--wide{grid-column:span 2}.modular-instance-card--full{grid-column:1/-1}.modular-add-menu-item:disabled{opacity:.4;cursor:default}.modular-add-menu-added{letter-spacing:.6px;text-transform:uppercase;opacity:.8;margin-left:auto;font-size:8px}.drum-pad{flex-direction:column;gap:5px;display:flex}.drum-pad-label{letter-spacing:1px;color:#fff6;text-transform:uppercase;margin-bottom:4px;font-size:10px}.drum-row{align-items:center;gap:6px;display:flex}.drum-trigger{border:1px solid var(--drum-color,#5eead4);width:48px;color:var(--drum-color,#5eead4);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;background:#0006;border-radius:6px;flex-shrink:0;padding:5px 6px;font-size:9px;font-weight:700}.drum-trigger:active{background:var(--drum-color,#5eead4);color:#0a0a0a}.drum-steps{flex:1;grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.drum-step{cursor:pointer;background:#ffffff0d;border-radius:3px;height:16px}.drum-step--bar-start{border-left:1px solid #ffffff26}.drum-step--on{background:var(--drum-color,#5eead4);box-shadow:inset 0 0 4px #0006}.drum-step--current{outline-offset:-2px;outline:2px solid #fff9}.drum-pattern-bank{align-items:center;gap:5px;margin-bottom:2px;display:flex}.drum-pattern-btn{color:#facc1599;cursor:pointer;background:#0006;border:1px solid #facc1559;border-radius:5px;width:24px;height:24px;font-size:11px;font-weight:800}.drum-pattern-btn:hover{border-color:#facc15b3}.drum-pattern-btn--active{color:#241c02;background:#facc15;border-color:#0000;box-shadow:0 0 8px #facc1580}.drum-pattern-clear,.drum-pattern-export{color:#fff9;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:5px;padding:4px 9px;font-size:9px;font-weight:700}.drum-pattern-export{color:#facc15;border-color:#facc1566;margin-left:auto}.drum-pattern-clear:hover,.drum-pattern-export:hover{border-color:#fff6}.step-grid{flex-direction:column;gap:6px;padding:8px 4px 4px;display:flex}.step-grid-toolbar{align-items:center;gap:10px;display:flex}.step-grid-hint{color:#fff6;font-size:9px}.step-grid-zoom{background:#00000040;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 6px;display:flex}.step-grid-zoom-label{letter-spacing:1px;text-transform:uppercase;color:#ffffff73;font-size:8px;font-weight:700}.step-grid-zoom button{color:#ffffffbf;cursor:pointer;background:#00000059;border:1px solid #ffffff26;border-radius:5px;min-width:20px;height:20px}.step-grid-zoom button:disabled{opacity:.35;cursor:default}.step-grid-zoom-value{text-align:center;color:#ffffffb3;min-width:34px;font-size:9px}.step-grid-scroll{padding-bottom:4px;overflow-x:auto}.step-grid-inner{flex-direction:column;gap:6px;width:max-content;min-width:100%;display:flex}.step-grid-inner .drum-steps{flex:1 0 auto}.step-grid-cells .drum-step{touch-action:none;height:26px}.step-grid-cell--bar{border-left:2px solid #ffffff59}.step-grid-trigger{z-index:1;background:#080a0ef2;width:70px;padding:7px 6px;position:sticky;left:0}.step-grid-row--lane .step-grid-trigger{box-shadow:0 0 10px color-mix(in srgb, var(--drum-color) 55%, transparent)}.step-grid-ruler{height:14px}.step-grid-ruler-spacer{flex-shrink:0;width:70px}.step-grid-extra-spacer{flex-shrink:0;width:34px}.step-grid-bar{color:#ffffff73;border-left:1px solid #ffffff40;padding-left:3px;font-size:9px;font-weight:700}.step-grid-lane-row{align-items:stretch;margin-top:4px}.step-grid-lane-label{letter-spacing:1px;text-transform:uppercase;z-index:1;background:#080a0ef2;flex-direction:column;flex-shrink:0;justify-content:flex-end;width:70px;font-size:8px;font-weight:800;display:flex;position:sticky;left:0}.step-grid-lane-label small{color:#ffffff80;letter-spacing:.5px;font-size:8px;font-weight:600}.step-grid-lane{align-items:end}.step-grid-lane-cell{cursor:ns-resize;touch-action:none;background:#ffffff08;border-radius:3px;align-items:flex-end;height:100%;display:flex;position:relative}.step-grid-lane-bar{opacity:.85;pointer-events:none;border-radius:3px 3px 1px 1px;justify-content:center;width:100%;display:flex}.step-grid-lane-bar span{color:#0a0a0a;margin-top:2px;font-size:8px;font-weight:700}.step-grid-edit{border:1px solid var(--drum-color,#5eead4);width:34px;height:26px;color:var(--drum-color,#5eead4);cursor:pointer;background:#00000059;border-radius:6px;flex-shrink:0;font-size:12px}.step-grid-edit:hover{background:color-mix(in srgb, var(--drum-color,#5eead4) 20%, transparent)}.kick-designer{background:#00000040;border:1px solid #facc1540;border-radius:9px;margin-bottom:10px;padding:9px 11px}.kick-designer-head{align-items:center;gap:9px;margin-bottom:7px;display:flex}.kick-designer-title{letter-spacing:2px;color:#facc15b3;font-size:10px;font-weight:700}.kick-preset-label{letter-spacing:.5px;text-transform:uppercase;color:#ffffff80;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.kick-preset-select{color:#facc15;background:#00000080;border:1px solid #facc1566;border-radius:6px;max-width:150px;padding:4px 6px;font-size:11px}.kick-tab-toggle{background:#0000004d;border:1px solid #facc154d;border-radius:999px;gap:2px;padding:2px;display:flex}.kick-tab-btn{color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:3px 12px;font-size:9px;font-weight:700}.kick-tab-btn--active{color:#241c02;background:radial-gradient(circle at 30% 25%,#fde68a,#d97706 75%);box-shadow:0 0 8px #facc1580}.kick-test-btn{color:#facc15;cursor:pointer;touch-action:none;background:#facc151f;border:1px solid #facc1566;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:700}.kick-test-btn:active{color:#241c02;background:#facc15}.kick-loop-btn{color:#5eead4;cursor:pointer;background:#5eead41f;border:1px solid #5eead466;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700}.kick-loop-btn--active{color:#04241d;background:#5eead4;box-shadow:0 0 10px #5eead499}.kick-shape-toggle{border:1px solid #ffffff26;border-radius:999px;align-self:center;gap:2px;padding:2px;display:flex}.kick-shape-btn{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:3px 10px;font-size:9px}.kick-shape-btn--active{color:#241c02;background:#facc15cc;font-weight:700}.kick-designer-body{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kick-knobs{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.kick-switches{border-left:1px solid #ffffff1a;flex-direction:column;gap:6px;padding-left:4px;display:flex}.kick-scope{flex:1;min-width:160px}.beat-kit-panel .kick-designer{margin-bottom:0}.beat-kit-panel .kick-designer-head{flex-wrap:wrap;row-gap:6px}.beat-kit-panel .kick-preset-select{max-width:130px}.beat-kit-panel .sampler-sample-select--compact{flex:auto;width:auto;min-width:0;padding:3px 4px;font-size:9px}.beat-kit-panel .sampler-vol-slider{flex-shrink:0;width:54px}.drum-kit{flex-direction:column;gap:8px;display:flex}.drum-kit-title{letter-spacing:2px;color:#fb923ccc;font-size:10px;font-weight:700}.drum-kit-voice{border:1px solid color-mix(in srgb, var(--drum-color) 25%, transparent);background:#00000040;border-radius:8px;grid-template-columns:64px repeat(3,1fr);align-items:center;gap:6px;padding:6px;display:grid}.drum-kit-pad{border:1px solid var(--drum-color);height:40px;color:var(--drum-color);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:#0006;border-radius:7px;font-size:9px;font-weight:800}.drum-kit-pad:active{background:var(--drum-color);color:#0a0a0a}.sampler-pad{flex-direction:column;gap:4px;display:flex}.sampler-pad-label{letter-spacing:1px;color:#fff6;text-transform:uppercase;margin-bottom:4px;font-size:10px}.sampler-pad-block{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:3px;padding-bottom:2px;display:flex}.sampler-pad-block:last-child{border-bottom:none}.drum-row.sampler-row--compact{border-radius:6px;gap:5px;transition:box-shadow .15s,background .15s}.sampler-row--drag-over{background:#50ffaa1f;box-shadow:0 0 0 1px #50ffaa99,0 0 14px #50ffaa59}.sampler-trigger--compact{border-radius:5px;width:26px;padding:3px 2px;font-size:8px}.sampler-sample-select{color:#fffc;background:#0006;border:1px solid #ffffff26;border-radius:5px;flex-shrink:0;width:118px;padding:5px 4px;font-size:9px}.sampler-sample-select--compact{border-radius:4px;width:78px;padding:2px 3px;font-size:8px}.sampler-steps{flex:1}.sampler-steps--compact .drum-step{border-radius:2px;height:11px}.sampler-mute-btn,.sampler-solo-btn{cursor:pointer;border-radius:3px;flex-shrink:0;width:16px;height:16px;font-size:8px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s}.sampler-mute-btn{color:#f87171b3;background:#0006;border:1px solid #f8717166}.sampler-solo-btn{color:#facc15b3;background:#0006;border:1px solid #facc1566}.sampler-mute-btn:active,.sampler-solo-btn:active{transform:scale(.9)}.sampler-mute-btn--active{color:#1a0505;background:#f87171;border-color:#0000;box-shadow:0 0 8px #f87171}.sampler-solo-btn--active{color:#241c02;background:#facc15;border-color:#0000;box-shadow:0 0 8px #facc15}.sampler-vol-slider{appearance:none;cursor:pointer;background:0 0;flex-shrink:0;width:46px;height:12px}.sampler-vol-slider::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:2px;height:4px}.sampler-vol-slider::-webkit-slider-thumb{appearance:none;background:var(--drum-color,#5eead4);width:9px;height:9px;box-shadow:0 0 5px var(--drum-color,#5eead4);border:none;border-radius:50%;margin-top:-2.5px}.sampler-vol-slider::-moz-range-track{background:#ffffff1f;border-radius:2px;height:4px}.sampler-vol-slider::-moz-range-thumb{background:var(--drum-color,#5eead4);width:9px;height:9px;box-shadow:0 0 5px var(--drum-color,#5eead4);border:none;border-radius:50%}.sampler-edit-btn{border:1px solid var(--drum-color,#5eead4);color:var(--drum-color,#5eead4);letter-spacing:.3px;cursor:pointer;background:#0006;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:9px;font-weight:700}.sampler-edit-btn--compact{border-radius:4px;padding:3px 5px;font-size:8px}.sampler-edit-btn--active{background:var(--drum-color,#5eead4);color:#0a0a0a;box-shadow:0 0 8px var(--drum-color,#5eead4)}.sampler-pad-editor{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-left:31px;padding:8px 10px;display:flex}.sampler-reverse-btn{border:1px solid var(--drum-color,#5eead4);height:26px;color:var(--drum-color,#5eead4);cursor:pointer;background:#0006;border-radius:6px;align-self:center;padding:0 10px;font-size:10px;font-weight:700}.sampler-reverse-btn--active{background:var(--drum-color,#5eead4);color:#0a0a0a;box-shadow:0 0 8px var(--drum-color,#5eead4)}.spe{z-index:70;border:1px solid color-mix(in srgb, var(--pad-color) 45%, transparent);width:632px;max-width:calc(100vw - 16px);box-shadow:0 18px 48px #000000a6, 0 0 18px color-mix(in srgb, var(--pad-color) 18%, transparent);background:#0c0a14f7;border-radius:12px;flex-direction:column;gap:8px;padding:10px 14px 12px;display:flex;position:fixed}.spe-head{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:6px;display:flex}.spe-title{letter-spacing:1.5px;color:var(--pad-color);text-align:center;min-width:44px;font-size:11px;font-weight:800}.spe-nav,.spe-close,.spe-play{color:#fffc;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:6px;width:24px;height:24px}.spe-play{border-color:var(--pad-color);color:var(--pad-color)}.spe-close{font-size:15px;line-height:1}.spe-select{border:1px solid color-mix(in srgb, var(--pad-color) 35%, transparent);color:#fff;background:#00000073;border-radius:6px;flex:1;min-width:0;padding:4px 6px;font-size:11px}.spe-wave{background:#07070b;border:1px solid #ffffff14;border-radius:8px;width:600px;max-width:100%;position:relative;overflow:hidden}.spe-wave canvas{touch-action:none;max-width:100%;display:block}.spe-empty{color:#ffffff73;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.spe-overview{cursor:pointer;touch-action:none;background:#ffffff0d;border-radius:4px;height:12px;position:relative}.spe-overview-region{background:color-mix(in srgb, var(--pad-color) 45%, transparent);border-radius:2px;position:absolute;top:3px;bottom:3px}.spe-overview-window{border:1px solid #ffffffb3;border-radius:4px;min-width:4px;position:absolute;top:0;bottom:0}.spe-row{align-items:center;gap:12px;display:flex}.spe-row--info{color:#ffffffb3;font-size:10px}.spe-zoom{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.spe-zoom button{color:#fffc;cursor:pointer;background:#00000059;border:1px solid #ffffff26;border-radius:5px;min-width:20px;height:20px;padding:0 6px;font-size:9px}.spe-knobs{flex-wrap:wrap;justify-content:space-between}.spe-toggle{border:1px solid color-mix(in srgb, var(--pad-color) 45%, transparent);color:#ffffffbf;cursor:pointer;background:#00000059;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:700}.spe-toggle--on{background:var(--pad-color);color:#0a0a0a}.spe-hint{color:#fff6;font-size:9px}.acw{position:relative;overflow:hidden}.acw canvas{display:block}.acw-band{cursor:col-resize;touch-action:none;z-index:2;position:absolute;top:0;left:0;right:0}.acw-band:hover,.acw-band--active{background:linear-gradient(#ffffff24,#0000)}.acw-handle{z-index:3;cursor:ew-resize;touch-action:none;opacity:.85;background:#fff;border:1px solid #0009;border-radius:2px;position:absolute;top:1px;box-shadow:0 0 6px #fff9}.acw-handle:hover{opacity:1;transform:scale(1.15)}.audio-panel{flex-direction:column;gap:8px;display:flex}.audio-drop{border:1px dashed color-mix(in srgb, var(--osc-color,#60a5fa) 45%, transparent);color:#ffffff80;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;font-size:9px;transition:background .15s,border-color .15s;display:flex}.audio-drop--over{border-color:var(--osc-color,#60a5fa);background:color-mix(in srgb, var(--osc-color,#60a5fa) 14%, transparent)}.audio-btn{border:1px solid color-mix(in srgb, var(--osc-color,#60a5fa) 55%, transparent);color:#fff;letter-spacing:.4px;cursor:pointer;background:#0006;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:700}.audio-btn:hover{border-color:var(--osc-color,#60a5fa)}.audio-btn--small{margin-left:auto;padding:3px 8px;font-size:9px}.audio-rec{color:#fca5a5;border-color:#f8717199}.audio-rec--on{color:#1a0505;background:#f87171;animation:1s ease-in-out infinite audio-rec-pulse}@keyframes audio-rec-pulse{50%{box-shadow:0 0 14px #f87171cc}}.audio-status{color:#ffffff8c;font-size:9px}.audio-sel-name{color:var(--osc-color,#60a5fa);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.audio-editor-bar{gap:10px}.audio-editor-len{color:#ffffff8c;font-size:10px}.audio-editor-wave{background:#0006;border:1px solid #ffffff14;border-radius:8px;min-height:222px;margin-top:8px;overflow:hidden}.audio-editor-empty{color:#ffffff73;place-items:center;height:220px;font-size:11px;display:grid}.audio-editor-hint{color:#fff6;margin:6px 0 4px;font-size:9px}.track-rail{flex-direction:column;gap:8px;min-height:0;display:flex}.track-rail-label{letter-spacing:2px;text-transform:uppercase;color:#5eead480;font-size:9px}.track-rail-list{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.track-rail-card{border:1px solid color-mix(in srgb, var(--rail-color,#5eead4) 30%, transparent);color:#e8f6f3bf;text-align:left;cursor:pointer;background:#00000059;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.track-rail-card:hover{border-color:var(--rail-color,#5eead4)}.track-rail-card--active{border-color:var(--rail-color,#5eead4);background:color-mix(in srgb, var(--rail-color,#5eead4) 16%, #00000059);box-shadow:0 0 10px color-mix(in srgb, var(--rail-color,#5eead4) 35%, transparent);color:#e8f6f3}.track-rail-swatch{background:var(--rail-color,#5eead4);width:9px;height:9px;box-shadow:0 0 5px var(--rail-color,#5eead4);border-radius:50%;flex-shrink:0}.track-rail-name{text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:1;min-width:0;overflow:hidden}.track-rail-buttons{flex-shrink:0;gap:3px;display:flex}.track-rail-mute,.track-rail-solo,.track-rail-arec,.track-rail-delete{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-family:inherit;font-size:8px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s,color .15s,border-color .15s;display:flex}.track-rail-mute:active,.track-rail-solo:active,.track-rail-arec:active,.track-rail-delete:active{transform:scale(.88)}.track-rail-mute{color:#f87171b3;background:#0006;border:1px solid #f8717166}.track-rail-solo{color:#facc15b3;background:#0006;border:1px solid #facc1566}.track-rail-mute--active{color:#1a0505;background:#f87171;box-shadow:0 0 8px #f87171}.track-rail-solo--active{color:#241c02;background:#facc15;box-shadow:0 0 8px #facc15}.track-rail-delete{color:#fff6;background:#0006;border:1px solid #fff3;font-size:9px}.track-rail-delete:hover{color:#f87171;border-color:#f871718c}.track-rail-delete--armed{color:#1a0505;background:#f87171;border-color:#f87171;box-shadow:0 0 8px #f87171}.track-rail-name-input{border:1px solid var(--rail-color,#5eead4);color:#e8f6f3;width:100%;min-width:0;font:inherit;background:#00000080;border-radius:4px;padding:1px 4px;font-size:11px}.track-rail-name-input:focus{box-shadow:0 0 6px color-mix(in srgb, var(--rail-color,#5eead4) 50%, transparent);outline:none}.track-rail-add{color:#5eead4d9;letter-spacing:.3px;cursor:pointer;background:#00000040;border:1px dashed #5eead466;border-radius:8px;margin-top:2px;padding:8px 10px;font-family:inherit;font-size:10px;font-weight:700;transition:border-color .15s,color .15s,box-shadow .15s}.track-rail-add:hover{color:#5eead4;border-color:#5eead4;box-shadow:0 0 10px #5eead44d}.track-rail-add:active,.track-rail-card:active{transform:scale(.98)}.track-rail-arec{color:#ff5fa2cc;background:#0006;border:1px solid #ff5fa273}.track-rail-arec--active{color:#1a0412;background:#ff5fa2;animation:1.1s ease-in-out infinite track-rail-arec-pulse;box-shadow:0 0 8px #ff5fa2b3}@keyframes track-rail-arec-pulse{50%{box-shadow:0 0 2px #ff5fa24d}}@media (prefers-reduced-motion:reduce){.track-rail-arec--active{animation:none}}.shortcut-help-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-help-panel{background:linear-gradient(160deg,#0a0e10fa,#040608fa);border:1px solid #5eead459;border-radius:14px;width:min(520px,92vw);max-height:82vh;padding:20px 22px;overflow-y:auto;box-shadow:0 0 40px #5eead426}.shortcut-help-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.shortcut-help-title{letter-spacing:1.5px;color:#5eead4;text-transform:uppercase;font-size:13px;font-weight:800}.shortcut-help-close{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;padding:3px 9px;font-size:12px}.shortcut-help-group{margin-bottom:14px}.shortcut-help-group-title{letter-spacing:1px;text-transform:uppercase;color:#fff6;margin-bottom:6px;font-size:10px}.shortcut-help-row{color:#ffffffd9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.shortcut-help-keys{gap:4px;display:flex}.shortcut-help-key{color:#5eead4;background:#5eead41f;border:1px solid #5eead459;border-radius:4px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:10px;font-weight:700}.menu-bar{z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;background:#040608eb;border-bottom:1px solid #5eead42e;align-items:stretch;height:26px;font-size:11px;display:flex;position:fixed;top:0;left:0;right:0}.menu-bar-item{position:relative}.menu-bar-label{color:#e8f6f3bf;cursor:pointer;background:0 0;border:none;height:100%;padding:0 12px;font-size:11px;transition:background .12s,color .12s}.menu-bar-label:hover{color:#e8f6f3;background:#5eead414}.menu-bar-label--active{color:#5eead4;background:#5eead429}.menu-bar-dropdown{z-index:13;background:#080c0ef7;border:1px solid #5eead440;border-top:none;border-radius:0 0 8px 8px;min-width:190px;padding:4px;animation:.12s both menu-bar-drop;position:absolute;top:100%;left:0;box-shadow:0 10px 24px #0000008c}@keyframes menu-bar-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-bar-row{color:#e8f6f3d9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:6px 9px;font-size:11px;display:flex}.menu-bar-row:hover{color:#5eead4;background:#5eead424}.menu-bar-hint{color:#ffffff59;white-space:nowrap;font-family:Courier New,monospace;font-size:9px}.menu-bar-row:hover .menu-bar-hint{color:#5eead499}.menu-bar-divider{background:#ffffff14;height:1px;margin:4px 6px}.menu-about-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-about-panel{text-align:center;background:#080c0ef7;border:1px solid #5eead44d;border-radius:10px;width:300px;padding:18px 20px;box-shadow:0 16px 40px #0009}.menu-about-title{letter-spacing:2px;background:linear-gradient(#ff5050,#900000);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:20px;font-weight:900}.menu-about-body{color:#e8f6f3b3;margin-bottom:14px;font-size:11px;line-height:1.6}.menu-about-close{color:#5eead4;letter-spacing:.5px;cursor:pointer;background:#5eead41a;border:1px solid #5eead466;border-radius:6px;padding:6px 18px;font-size:10px;font-weight:700}.menu-about-close:hover{background:#5eead433}.arr-view{--arr-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;background:#060c0ef0;border:1px solid #5eead42e;border-radius:12px;flex-direction:column;grid-area:editor;gap:8px;min-width:0;min-height:0;padding:10px 12px 12px;display:flex}.arr-toolbar{flex-wrap:wrap;align-items:flex-end;gap:8px 14px;display:flex}.arr-toolgroup{background:#00000073;border-radius:7px;gap:2px;padding:2px;display:inline-flex}.arr-tool{color:#e8f6f3b3;cursor:pointer;background:0 0;border:none;border-radius:5px;height:24px;padding:0 9px;font-size:10px;font-weight:700}.arr-tool:hover{color:#fff;background:#ffffff12}.arr-tool--on{color:#7dffe0;background:#5eead438}.arr-export .arr-tool{background:#00000059;border:1px solid #5eead440}.arr-export{align-items:center;gap:4px;display:flex}.arr-snap{flex-direction:column;gap:2px;display:flex}.arr-snap select{color:#e8f6f3;background:#050b0b;border:1px solid #5eead440;border-radius:5px;height:24px;font-size:11px}.arr-inspector{background:#00000059;border:1px solid #ffffff0f;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:6px 10px;margin-left:auto;padding:4px 8px;display:flex}.arr-name .bbt-input{width:110px;font-family:inherit}.arr-loop-check{flex-direction:column;align-items:center;gap:4px;display:flex}.arr-loop-check input{accent-color:#5eead4;width:15px;height:15px}.arr-status{font-family:var(--arr-mono);color:#7dffe0;flex-basis:100%;font-size:10px}.bbt-field{flex-direction:column;gap:2px;display:flex}.bbt-field--off{opacity:.45}.bbt-label{letter-spacing:1px;text-transform:uppercase;color:#e8f6f373;font-size:8px;font-weight:700}.bbt-box{background:#050b0b;border:1px solid #5eead440;border-radius:5px;align-items:stretch;display:flex;overflow:hidden}.bbt-input{color:#7dffe0;width:86px;height:22px;font-family:var(--arr-mono);font-variant-numeric:tabular-nums;background:#050b0b;border:none;border-radius:5px;padding:0 6px;font-size:11px}.bbt-box .bbt-input{border-radius:0}.bbt-input:focus-visible{outline-offset:-1px;outline:1px solid #7dffe0}.bbt-spin{border-left:1px solid #5eead42e;flex-direction:column;display:flex}.bbt-spin button{color:#7dffe08c;cursor:pointer;background:0 0;border:none;flex:1;width:14px;padding:0;font-size:6px;line-height:1}.bbt-spin button:hover:not(:disabled){color:#7dffe0;background:#7dffe026}.arr-body{background:#070d0f;border:1px solid #5eead41f;border-radius:8px;flex:auto;min-height:120px;display:flex;overflow:hidden auto}.arr-headers{border-right:1px solid #5eead424;flex-direction:column;flex-shrink:0;display:flex}.arr-header{--track-color:#5eead4;color:#e8f6f3cc;text-align:left;cursor:pointer;background:#0000004d;border:none;border-bottom:1px solid #ffffff0d;grid-template-rows:auto auto;grid-template-columns:6px 1fr;align-content:center;column-gap:8px;padding:0 10px 0 0;display:grid}.arr-header:hover{background:#ffffff0a}.arr-header--active{background:color-mix(in srgb, var(--track-color) 12%, #0000004d)}.arr-header-swatch{background:var(--track-color);box-shadow:0 0 8px var(--track-color);grid-row:1/span 2;align-self:stretch}.arr-header-name{letter-spacing:.5px;color:var(--track-color);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.arr-header-count{color:#e8f6f366;font-size:9px}.arr-scroll{contain:inline-size;flex:auto;min-width:0;overflow:auto hidden}.arr-stage{background-image:linear-gradient(90deg, #ffffff1f 1px, transparent 1px), linear-gradient(90deg, #ffffff0f 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), linear-gradient(90deg, rgba(192, 132, 252, var(--grid-alpha,0)) 1px, transparent 1px);background-size:var(--phrase-px) 100%, var(--bar-px) 100%, var(--beat-px) 100%, var(--grid-px,100px) 100%;position:relative}.arr-stage--razor .arr-clip{cursor:inherit}.arr-lane{--track-color:#5eead4;border-bottom:1px solid #ffffff0d;position:absolute;left:0;right:0}.arr-lane--active{background:color-mix(in srgb, var(--track-color) 5%, transparent)}.arr-past-end{pointer-events:none;background:repeating-linear-gradient(135deg,#00000073 0 6px,#0000004d 6px 12px);border-left:2px solid #f5f5f4b3;position:absolute;top:0;bottom:0;right:0}.arr-playhead{pointer-events:none;z-index:4;background:#ff5fa2;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ff5fa2}.arr-clip{--clip-color:#5eead4;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--clip-color) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--clip-color) 30%, #0b1416), color-mix(in srgb, var(--clip-color) 14%, #0b1416));touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;border-radius:6px;position:absolute;top:4px;bottom:4px;overflow:hidden}.arr-clip--selected{box-shadow:0 0 0 1px var(--clip-color), 0 0 12px color-mix(in srgb, var(--clip-color) 60%, transparent);z-index:2;border-color:#fff}.arr-clip--ghost{opacity:.55;pointer-events:none;z-index:3;border-style:dashed}.arr-clip-title{letter-spacing:.4px;color:#fff;background:color-mix(in srgb, var(--clip-color) 45%, transparent);white-space:nowrap;text-overflow:ellipsis;padding:2px 6px;font-size:9px;font-weight:800;position:relative;overflow:hidden}.arr-clip-notes{width:100%;height:calc(100% - 21px);fill:color-mix(in srgb, var(--clip-color) 80%, white);opacity:.9;position:absolute;inset:18px 0 3px}.arr-clip-seam{pointer-events:none;border-left:1px dashed #ffffff59;width:0;position:absolute;top:16px;bottom:0}.arr-clip-dup{background:linear-gradient(135deg, transparent 45%, color-mix(in srgb, var(--clip-color) 90%, white) 45% 55%, transparent 55%), #00000059;opacity:.7;pointer-events:none;border-radius:3px 0 5px;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.arr-clip:hover .arr-clip-dup{opacity:1}.arr-clip-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#000000bf;border-radius:4px;align-items:center;gap:4px;padding:2px 5px;font-size:9px;display:inline-flex;position:absolute;top:18px}.arr-clip-hint--left{left:4px}.arr-clip-hint--right{right:4px}.arr-menu{z-index:1000;background:#080e10fa;border:1px solid #5eead44d;border-radius:9px;min-width:210px;padding:5px;position:fixed;box-shadow:0 12px 30px #0009}.arr-menu-item{color:#e8f6f3e6;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;width:100%;padding:6px 8px;font-size:11px;display:grid}.arr-menu-item:hover:not(:disabled),.arr-menu-item:focus-visible{background:#5eead426;outline:none}.arr-menu-item:disabled{opacity:.35;cursor:default}.arr-menu-item--danger{color:#ff8fa3}.arr-menu-check{color:#7dffe0}.arr-menu-hint{color:#e8f6f366;font-size:9px}.arr-menu-divider{background:#ffffff14;height:1px;margin:4px 2px}.arr-view button:focus-visible,.arr-view select:focus-visible{outline-offset:1px;outline:2px solid #5eead4}.arr-clip-audio{pointer-events:auto;position:absolute;inset:16px 0 0}.arr-marquee{z-index:6;pointer-events:none;background:#5eead41a;border:1px dashed #5eead4;border-radius:3px;position:absolute;box-shadow:0 0 10px #5eead440}.arr-tool:disabled{opacity:.35;cursor:default}.arr-grid{align-items:center;gap:3px;display:flex}.arr-grid .bbt-label{margin-right:3px}.wfx-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wfx-panel{background:#121212;border:1px solid #facc1559;border-radius:10px;flex-direction:column;gap:10px;width:500px;max-width:calc(100vw - 32px);padding:12px 14px 14px;display:flex;box-shadow:0 12px 40px #0009}.wfx-head{justify-content:space-between;align-items:center;display:flex}.wfx-title{letter-spacing:1px;color:#facc15;font-size:12px;font-weight:800}.wfx-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.wfx-close:hover{color:#fff}.wfx-canvas-wrap{background:#00000080;border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden}.wfx-canvas{width:100%;display:block}.wfx-canvas-overlay{letter-spacing:.5px;color:#fff9;background:#00000059;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.wfx-canvas-overlay--error{color:#fca5a5}.wfx-row{align-items:flex-end;gap:8px;display:flex}.wfx-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:6px;padding:7px 12px;font-size:11px;font-weight:700}.wfx-btn:disabled{opacity:.4;cursor:not-allowed}.wfx-btn--primary{color:#241c02;background:#facc15;border-color:#0000}.wfx-select-label{letter-spacing:.5px;text-transform:uppercase;color:#ffffff73;flex-direction:column;flex:1;gap:3px;font-size:9px;display:flex}.wfx-select{color:#facc15;background:#00000080;border:1px solid #facc1566;border-radius:6px;padding:4px 5px;font-size:11px}.wfx-note{color:#ffffff59;font-size:9px;line-height:1.5}.wfx-note code{color:#facc15b3}.wfx-settings{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wfx-check{color:#ffffffb3;cursor:pointer;align-items:center;gap:5px;font-size:10px;display:flex}.wfx-progress{background:#ffffff1f;border-radius:2px;width:60%;height:4px;margin-top:6px;overflow:hidden}.wfx-progress>div{background:#facc15;height:100%;transition:width .15s linear}.wfx-canvas-overlay{flex-direction:column}.wfx-stats{color:#ffffffa6;gap:14px;font-size:10px;display:flex}.wfx-stat--hot{color:#f87171;font-weight:700}:root{--lab-line:#5eead414;--lab-glow:#5eead459}.app-shell{z-index:0;color:#e8f6f3;background:#05070a;flex-direction:column;width:100%;height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:relative;overflow:hidden auto}.lab-grid{z-index:-2;background-image:repeating-linear-gradient(0deg, var(--lab-line) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, var(--lab-line) 0 1px, transparent 1px 40px);position:fixed;inset:0}.petri{border:1px solid var(--lab-glow);width:220px;height:220px;box-shadow:0 0 40px var(--lab-glow), inset 0 0 30px #5eead414;z-index:-1;pointer-events:none;border-radius:50%;position:fixed}.petri--tl{animation:7s ease-in-out infinite petri-breathe;top:-100px;left:-100px}.petri--br{animation:7s ease-in-out 2.2s infinite petri-breathe;bottom:-100px;right:-100px}@keyframes petri-breathe{0%,to{box-shadow:0 0 40px var(--lab-glow), inset 0 0 30px #5eead414;opacity:1}50%{box-shadow:0 0 68px var(--lab-glow), inset 0 0 44px #5eead424;opacity:.85}}.lab-tag{letter-spacing:2px;color:#5eead48c;white-space:nowrap;font-family:Courier New,monospace;font-size:10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.petri--tl .lab-tag{top:16px;bottom:auto}.top-bar{z-index:10;height:var(--top-bar-h);box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05070ae0;border-bottom:1px solid #5eead433;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 16px;animation:.5s cubic-bezier(.2,.9,.3,1.2) both top-bar-drop;display:grid;position:fixed;top:26px;left:0;right:0}:root{--top-bar-h:54px}.top-bar-left{align-items:center;gap:16px;min-width:0;display:flex}@keyframes top-bar-drop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.top-bar-brand{letter-spacing:1.5px;background:linear-gradient(#ff4d4d,#a80000);color:#0000;filter:drop-shadow(0 0 10px #ff282899);-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:900;animation:4.5s ease-in-out infinite brand-breathe}@keyframes brand-breathe{0%,to{filter:drop-shadow(0 0 10px #ff282899)}50%{filter:drop-shadow(0 0 18px #ff5050e6)}}.transport-btn--help{cursor:pointer;color:#fff9;background:#ffffff0f;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;font-size:10px;font-weight:800;display:grid}.transport-btn--help:hover{color:#5eead4;border-color:#5eead480}.mode-toggle{background:#0000004d;border:1px solid #5eead44d;border-radius:999px;gap:2px;padding:2px;display:flex}.mode-toggle-btn{color:#ffffff8c;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:3px 10px;font-size:9px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s,color .15s}.mode-toggle-btn:active{transform:scale(.92)}.mode-toggle-btn--active{color:#04241d;background:radial-gradient(circle at 30% 25%,#7dffe0,#0e8a72 75%);box-shadow:0 0 10px #7dffe080}.top-bar-master{justify-self:end;align-items:center;gap:10px;display:flex}.top-bar-master .vu-bars{flex-direction:row-reverse;width:auto;height:10px;padding:2px 3px}.top-bar-master .vu-segment{width:3px;height:auto}.midi-status{letter-spacing:.5px;color:#fff6;white-space:nowrap;border:1px solid #ffffff26;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700}.midi-status--on{color:#5eead4;border-color:#5eead480;box-shadow:0 0 8px #5eead459}.app-body{z-index:1;padding-top:calc(26px + var(--top-bar-h) + 8px);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.timeline{flex-shrink:0}.boot-screen{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:90vh;animation:.6s both boot-fade-in;display:flex}@keyframes boot-fade-in{0%{opacity:0}to{opacity:1}}.app-title{letter-spacing:3px;background:linear-gradient(#ff5050,#900000);color:#0000;filter:drop-shadow(0 0 24px #ff28288c);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:12px;font-size:40px;font-weight:900;animation:.9s cubic-bezier(.2,.8,.25,1) both app-title-entrance;display:flex}.app-title-icon{filter:hue-rotate(-140deg)saturate(2)brightness(1.1)drop-shadow(0 0 10px #ff282899);width:40px;height:40px}@keyframes app-title-entrance{0%{opacity:0;filter:drop-shadow(0 0 #ff282800);letter-spacing:10px;transform:scale(.8)translateY(14px)}60%{opacity:1;filter:drop-shadow(0 0 34px #ff3c3cbf);transform:scale(1.04)translateY(0)}to{opacity:1;filter:drop-shadow(0 0 24px #ff28288c);letter-spacing:3px;transform:scale(1)translateY(0)}}.panel{--glow:#5eead459;border:1px solid var(--glow);box-shadow:inset 0 1px 0 #ffffff0a, 0 0 18px var(--glow), 0 8px 18px #00000080;background:#080c0eb3;border-radius:11px;padding:11px}.waveform-pad-wrap{background:#00000073;border:1px solid #50ffaa4d;border-radius:8px;padding:4px;display:inline-block;box-shadow:0 0 12px #50ffaa26}.waveform-pad{cursor:crosshair;touch-action:none;border-radius:5px;display:block}.panel-cyan{--glow:#5eead466}.panel-amber{--glow:#f5c51866}.panel-purple{--glow:#c084fc66}.panel-pink{--glow:#ff5fa266}.workspace{flex:auto;grid-template:"sidebar rail editor"minmax(0,1fr)/325px 210px minmax(0,1fr);gap:14px;min-height:0;padding:14px 18px 28px;display:grid;overflow:hidden}.track-content-host,.track-content-host>div,.track-content{display:contents}.track-rail{grid-area:rail}.sidebar{scrollbar-width:thin;scrollbar-color:#5eead473 #00000040;flex-direction:column;grid-area:sidebar;gap:11px;min-height:0;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:9px}.sidebar::-webkit-scrollbar-track{background:#00000040;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:#5eead473 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#5eead4b3 padding-box padding-box}.sidebar>*{animation:.5s both panel-fade-up}.sidebar>:first-child{animation-delay:50ms}.sidebar>:nth-child(2){animation-delay:.12s}.sidebar>:nth-child(3){animation-delay:.19s}.sidebar>:nth-child(4){animation-delay:.26s}.sidebar>:nth-child(5){animation-delay:.33s}.sidebar>:nth-child(6){animation-delay:.4s}.sidebar>:nth-child(n+7){animation-delay:.46s}.editor-area{scrollbar-width:thin;scrollbar-color:#ff5fa273 #00000040;flex-direction:column;grid-area:editor;min-width:0;min-height:0;animation:.55s .15s backwards panel-fade-up;display:flex;overflow-y:auto}.editor-area::-webkit-scrollbar{width:9px}.editor-area::-webkit-scrollbar-track{background:#00000040;border-radius:999px}.editor-area::-webkit-scrollbar-thumb{background:#ff5fa273 padding-box padding-box;border:2px solid #0000;border-radius:999px}.editor-area::-webkit-scrollbar-thumb:hover{background:#ff5fa2b3 padding-box padding-box}.editor-panel{flex-direction:column;flex:1 0 auto;min-height:420px;display:flex}.editor-panel--fullscreen{z-index:60;min-height:0;box-shadow:inset 0 1px 0 #ffffff0a, 0 0 32px var(--glow), 0 20px 60px #000000bf;border-radius:14px;animation:.28s cubic-bezier(.25,1,.5,1) editor-panel-fullscreen-in;position:fixed;inset:30px 12px 12px}.app-body:has(.editor-panel--fullscreen){z-index:60}.editor-panel.editor-panel--fullscreen{background:#07090c;overflow-y:auto}@keyframes editor-panel-fullscreen-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes panel-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.wave-select{flex-wrap:wrap;gap:8px;display:flex}.wave-button{color:#ffffffb3;text-transform:capitalize;cursor:pointer;background:#0000004d;border:1px solid #5eead44d;border-radius:999px;padding:5px 9px;font-size:11px;transition:transform 80ms,box-shadow .15s,background .15s,border-color .15s}.wave-button:active{transform:scale(.93)}.wave-button--active{color:#04241d;background:radial-gradient(circle at 30% 25%,#7dffe0,#0e8a72 75%);border-color:#7dffe0;font-weight:700;box-shadow:0 0 12px #7dffe080}.play-pad-card{flex-direction:column;gap:10px;display:flex}.play-pad-toggle-row{justify-content:flex-end;display:flex}.play-pad{cursor:crosshair;touch-action:none;background:radial-gradient(circle,#ff5fa22e,#0000 70%),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 22px),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 22px);border-radius:8px;height:140px;position:relative;overflow:hidden}.play-pad-label{letter-spacing:1px;color:#fff6;pointer-events:none;font-size:11px;position:absolute;bottom:10px;left:12px}.trigger-keys{gap:5px;height:140px;display:flex}.trigger-key{cursor:pointer;touch-action:none;background:linear-gradient(#ff5fa229,#ff5fa20a);border:1px solid #ff5fa266;border-radius:8px;flex:1;transition:transform 50ms}.trigger-key:hover{border-color:#ff5fa2b3}.trigger-key:active{background:linear-gradient(#ff8fc2,#ff5fa2);transform:scale(.97);box-shadow:0 0 16px #ff5fa299,inset 0 0 12px #00000040}.automation-lane,.engine-panel{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.engine-knobs{gap:11px;display:flex}.engine-knobs.osc-pwm-row{border-top:1px dashed #5eead44d;padding-top:6px}.bottom-bays{height:var(--bottom-bays-h,320px);z-index:1;flex-shrink:0;gap:14px;max-height:calc(100vh - 250px);padding:0 18px 14px;display:flex;position:relative;overflow:hidden}.bottom-bays--snapping{transition:height .42s cubic-bezier(.25,1,.5,1)}.bottom-bay{flex-direction:column;flex:50%;gap:6px;min-width:0;min-height:0;display:flex}.bottom-bay--collapsed{flex:none;align-self:flex-start}.bay-label{letter-spacing:2px;text-transform:uppercase;color:#5eead480;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:6px;font-family:Courier New,monospace;font-size:9px;display:flex}.bay-collapse-btn{color:#5eead499;cursor:pointer;letter-spacing:0;background:#0000004d;border:1px solid #5eead440;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;margin-left:auto;font-size:9px;line-height:1;transition:border-color .15s,color .15s;display:flex}.bay-collapse-btn:hover{color:#5eead4;border-color:#5eead4}.drum-panel{z-index:1;flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;margin:0;animation:.55s .2s both panel-fade-up;display:flex;position:relative;overflow-y:auto}@media (width<=900px){.workspace{grid-template:"sidebar""rail""editor"/1fr;overflow-y:auto}.top-bar{grid-template-columns:auto 1fr auto}.top-bar-brand{display:none}.bottom-bays{flex-direction:column;height:auto;max-height:none;overflow-y:auto}}.top-bar-project{color:#e8f6f3bf;white-space:nowrap;text-overflow:ellipsis;cursor:text;border-radius:5px;max-width:180px;padding:2px 6px;font-size:11px;font-weight:700;overflow:hidden}.top-bar-project:hover{background:#ffffff0f}.restore-banner,.project-notice{left:50%;top:calc(26px + var(--top-bar-h) + 10px);z-index:50;color:#e8f6f3;background:#060c0ef7;border:1px solid #5eead466;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000008c}.project-notice{pointer-events:none;color:#7dffe0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px}.restore-banner-btn{color:#e8f6f3;cursor:pointer;background:#00000059;border:1px solid #5eead459;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.restore-banner-btn--primary{color:#04241d;background:#5eead4;border-color:#5eead4}.restore-banner-btn:focus-visible{outline-offset:1px;outline:2px solid #7dffe0}