*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#05060a;--bg-light:#0b0f18;--bg-lighter:#111827;--border:#26324c;--surface-glass:#0b0f18f0;--surface-inset:color-mix(in srgb, var(--bg) 72%, transparent);--surface-chrome:color-mix(in srgb, var(--bg) 60%, transparent);--panel-shadow:inset 0 0 0 1px #47f6ff0a, 0 0 24px #47f6ff12;--text:#f2f7ff;--text-secondary:#a7b7d6;--text-muted:#687797;--text-dim:#55627f;--accent:#47f6ff;--accent-subtle:#47f6ff1f;--selection:#47f6ff3d;--green:#0a3025;--green-bright:#52ff9f;--purple:#9d7cff;--pink:#ff4fd8;--red:#ff456c;--red-subtle:#ff456c1f;--orange:#ffb000;--orange-bright:#ffd45a;--orange-dark:#9d5d10;--yellow:#f7ff5a;--cyan:#47f6ff;--rust:#ff4fd8;--magenta:#ff2bd6;--violet:#9d7cff;--blue:#6aa8ff;--danger-hover:#ff7a96;--neon:#47f6ff;--neon-subtle:#47f6ff33;--neon-glow:#47f6ff57;--neon-bright:#bdffff;--neon-secondary:#ff2bd6;--neon-secondary-glow:#ff2bd652;--pixel-grid:#47f6ff0e;--scanline:#ffffff09;--viz-active:#f7ff5a;--viz-hot:#ff2bd6;--text-glitch:2px 0 0 #ff2bd673, 0 0 6px var(--neon-glow);--edge-3d:3px 3px 0 #ff2bd673;--edge-3d-strong:3px 3px 0 #ff2bd68c;--edge-3d-panel:6px 6px 0 #ff2bd62e;--backdrop-scanlines:repeating-linear-gradient(0deg, transparent, transparent 2px, #0000002e 2px, #0000002e 4px);--edge-hairline:1px solid var(--border);--edge-neon:1px solid var(--neon-subtle);--edge-neon-strong:1px solid var(--neon);--glow-1:0 0 6px var(--neon-glow);--glow-2:0 0 12px var(--neon-glow);--glow-3:0 0 30px var(--neon-glow), 0 0 60px var(--neon-subtle);--r-0:0;--r-1:2px;--r-round:50%;--r-pill:999px;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:12px;--sp-6:16px;--sp-7:24px;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--ls-label:.25em;--ls-caps:.15em;--ls-wide:.08em;--ls-body:.02em;--ls-code:0;--fw-body:400;--fw-med:600;--fw-bold:700;--fw-display:800;--lh-tight:1.2;--lh-ui:1.35;--lh-body:1.5;--fs-med:15px;--fs-lg:18px;--sidebar-width:300px;--editor-font-size:14px;--sb-thumb:var(--bg-lighter);--sb-track:var(--bg);--sb-size-medium:10px;--sb-size-thin:4px;--modal-w-small:min(420px, 90vw);--modal-w-base:min(560px, 92vw);--modal-w-wide:min(760px, 92vw);--modal-w-browser:min(1080px, 94vw);--modal-h-browser:min(720px, 86vh);--ai-bg:var(--bg);--ai-panel:var(--bg-light);--ai-panel-hover:var(--bg-lighter);--ai-border:var(--border);--ai-text:var(--text);--ai-text-muted:var(--text-muted);--ai-text-dim:var(--text-dim);--ai-neon:var(--neon);--ai-neon-subtle:var(--neon-subtle);--ai-neon-glow:var(--neon-glow);--ai-neon-bright:var(--neon-bright);--ai-magenta:var(--magenta);--ai-green:var(--green-bright);--ai-blue:var(--blue);--ai-red:var(--red)}:root,:root[data-density=comfortable]{--fs-micro:10px;--fs-tiny:11px;--fs-small:12px;--fs-base:13px;--pad-pane:var(--sp-5);--pad-row-x:var(--sp-5);--pad-row-y:var(--sp-3);--gap-stack:var(--sp-4);--gap-inline:var(--sp-3);--ctl-h-xs:22px;--ctl-h-sm:26px;--ctl-h-md:30px;--ctl-h-lg:34px;--row-h:30px;--rail-w:176px;--text-muted:#7b8aab}:root[data-density=compact]{--fs-micro:9px;--fs-tiny:10px;--fs-small:11px;--fs-base:12px;--pad-pane:var(--sp-4);--pad-row-x:var(--sp-4);--pad-row-y:var(--sp-2);--gap-stack:var(--sp-3);--gap-inline:var(--sp-2);--ctl-h-xs:20px;--ctl-h-sm:24px;--ctl-h-md:28px;--ctl-h-lg:32px;--row-h:24px;--rail-w:152px}:root{--ctl-h-row:calc(var(--row-h) - var(--sp-2))}body{font-family:var(--font-mono);background:linear-gradient(90deg, var(--pixel-grid) 1px, transparent 1px), linear-gradient(0deg, var(--pixel-grid) 1px, transparent 1px), linear-gradient(135deg, #ff2bd61a, transparent 28%, transparent 72%, #47f6ff1a), var(--bg);color:var(--text);background-size:16px 16px,16px 16px,100% 100%,auto;flex-direction:column;height:100vh;animation:.7s ease-out crt-boot;display:flex;overflow:hidden}@keyframes crt-boot{0%{filter:brightness(.1)saturate(.2)}25%{filter:brightness(1.55)saturate(1.3)}40%{filter:brightness(.65)}60%{filter:brightness(1.2)}75%{filter:brightness(.92)}to{filter:brightness()}}body:before{content:"";pointer-events:none;z-index:9998;mix-blend-mode:screen;opacity:.35;background:linear-gradient(90deg,#ff2bd614,#0000 18% 82%,#47f6ff14),linear-gradient(#ffffff0d,#0000 16%);position:fixed;inset:0}body:after{content:"";background:var(--backdrop-scanlines);pointer-events:none;z-index:9999;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--neon);outline-offset:2px;box-shadow:0 0 0 4px #47f6ff38}.js-tooltip{z-index:10050;color:#e0e0e0;white-space:normal;overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;background-color:#121212;border:1px solid #333;border-radius:4px;width:max-content;max-width:min(220px,85vw);padding:5px 9px;font-size:.72rem;line-height:1.3;transition:opacity .15s ease-in-out,transform .15s ease-in-out;position:fixed;transform:translateY(-4px);box-shadow:0 4px 12px #00000080}.js-tooltip--visible{opacity:1;visibility:visible;transform:translateY(0)}.js-tooltip__arrow{border:4px solid #0000;width:0;height:0;position:absolute}.js-tooltip--below .js-tooltip__arrow{border-bottom-color:#121212;top:-8px}.js-tooltip--above .js-tooltip__arrow{border-top-color:#121212;bottom:-8px}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}main{grid-template-columns:1fr 4px clamp(max(250px, 20%), var(--sidebar-width), calc(100% - 660px));background:#05060ad1;flex:1;grid-template-rows:1fr auto;grid-template-areas:"editor handle sidebar""status status status";gap:1px;min-width:0;min-height:0;display:grid;overflow:hidden}header{background:var(--surface-glass);border-bottom:1px solid var(--neon-subtle);box-shadow:var(--panel-shadow);z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;display:flex;position:relative}.logo{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.logo h1{color:var(--neon);text-transform:uppercase;letter-spacing:.18em;text-shadow:2px 0 0 #ff2bd68c, 0 0 8px var(--neon-glow);font-size:.85rem;font-weight:700;animation:9s infinite logo-glitch}.logo h1:after{content:"▮";color:var(--neon);text-shadow:0 0 8px var(--neon-glow);margin-left:4px}@keyframes logo-glitch{0%,93%,to{text-shadow:2px 0 0 #ff2bd68c, 0 0 8px var(--neon-glow);transform:none}94%{text-shadow:-3px 0 #ff2bd6d9,3px 0 #47f6ffd9;transform:translate(1px)}95%{text-shadow:3px 0 #ff2bd6d9,-3px 0 #47f6ffd9;transform:translate(-1px)skew(-6deg)}96%{text-shadow:2px 0 0 #ff2bd68c, 0 0 8px var(--neon-glow);transform:none}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.transport-group{flex-shrink:0;gap:6px;display:flex}.file-menu-group{flex-shrink:0;position:relative}.file-menu-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff05;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:12px;line-height:1;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.file-menu-btn:hover{border-color:var(--neon-subtle);background:var(--accent-subtle);box-shadow:0 0 0 1px #47f6ff24, 0 0 8px var(--neon-glow)}.file-menu-btn[aria-expanded=true]{border-color:var(--neon);color:var(--neon);background:#47f6ff14}.file-menu-btn-label{letter-spacing:.04em;text-transform:uppercase;font-weight:500}.file-menu-btn-caret{opacity:.7;font-variant-emoji:text;font-size:10px}.file-menu-popover{z-index:9000;border:1px solid var(--neon-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0cf7;min-width:240px;max-width:360px;padding:4px 0;animation:.1s ease-out fileMenuFade;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 28px #0000008c,0 0 0 1px #47f6ff14}.file-menu-popover--sub{top:0;left:0}@keyframes fileMenuFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.file-menu-list{flex-direction:column;min-width:220px;display:flex}.file-menu-row{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:7px 14px;font-family:inherit;font-size:12.5px;transition:background 80ms,color 80ms;display:flex}.file-menu-row:hover:not(.is-disabled),.file-menu-row:focus-visible{color:var(--neon);background:#47f6ff1a;outline:none}.file-menu-row.is-disabled{opacity:.4;cursor:not-allowed}.file-menu-row-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.file-menu-row-hint{color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:11px}.file-menu-row-caret{color:var(--text-dim);font-size:10px}.file-menu-separator{background:var(--border);height:1px;margin:4px 0}.slider-group{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.bpm-control{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.bpm-control input[type=range]{width:80px;accent-color:var(--neon)}.gain-control{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.gain-control input[type=range]{width:60px;accent-color:var(--neon)}input[type=range]{appearance:none;background:0 0;height:18px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #47f6ff47, #ff2bd638), var(--bg);border:1px solid var(--border);border-radius:0;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--neon-bright);border:1px solid var(--bg);width:10px;height:16px;box-shadow:0 0 8px var(--neon-glow), 2px 2px 0 #ff2bd68c;border-radius:0;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--bg);border:1px solid var(--border);border-radius:0;height:6px}input[type=range]::-moz-range-thumb{background:var(--neon-bright);border:1px solid var(--bg);width:10px;height:16px;box-shadow:0 0 8px var(--neon-glow);border-radius:0}.gain-control span{min-width:4ch;color:var(--text);text-align:right;font-size:10px;font-weight:500}.bpm-value{color:var(--text);min-width:40px;font-weight:500}input.bpm-value{text-align:center;cursor:text;-moz-appearance:textfield;background:0 0;border:1px solid #0000;border-radius:2px;width:4ch;padding:2px 4px;font-family:inherit;font-size:10px;font-weight:500;transition:border-color .15s,background .15s}input.bpm-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.bpm-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.bpm-value:hover{border-color:var(--border);background:var(--bg-lighter)}input.bpm-value:focus{border-color:var(--neon-subtle);background:var(--bg-lighter);box-shadow:0 0 6px var(--neon-glow);outline:none}button{height:28px;color:var(--text);border:1px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#05060a8c;border-radius:0;align-items:center;gap:5px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:color .12s,border-color .12s,background .12s,box-shadow .12s;display:flex;position:relative}button:before{content:"";opacity:.45;background:currentColor;width:4px;height:4px;position:absolute;inset:2px auto auto 2px}button:hover:not(:disabled){color:var(--neon);border-color:var(--neon-subtle);background:var(--accent-subtle);box-shadow:0 0 0 1px #47f6ff24, 0 0 12px var(--neon-glow), inset 0 -2px 0 #47f6ff33}button:disabled{opacity:.3;cursor:not-allowed}button.primary{border-color:var(--neon);color:var(--neon);background:#47f6ff14}button.primary:hover:not(:disabled){background:var(--neon);color:#0a0a0c;box-shadow:0 0 12px var(--neon-glow), 0 0 24px var(--neon-subtle), var(--edge-3d-strong)}button.danger{border-color:var(--red);color:var(--red);background:0 0}button.danger:hover:not(:disabled){background:var(--red);color:#0a0a0c;box-shadow:0 0 12px #ff456c6b,3px 3px #47f6ff47}#transportBtn{justify-content:center;min-width:80px}#transportBtn.transport--playing{border-color:var(--neon);color:var(--neon);box-shadow:0 0 8px var(--neon-glow);background:0 0;animation:2.2s ease-in-out infinite transport-pulse}@keyframes transport-pulse{0%,to{box-shadow:0 0 8px var(--neon-glow)}50%{box-shadow:0 0 16px var(--neon-glow), 0 0 30px var(--neon-subtle)}}#transportBtn.transport--playing:hover:not(:disabled){background:var(--neon);color:#0a0a0c;box-shadow:0 0 16px var(--neon-glow)}#transportBtn.transport--paused{border-color:var(--neon);color:var(--neon);background:0 0}#transportBtn.transport--paused:hover:not(:disabled){background:var(--neon);color:#0a0a0c;box-shadow:0 0 12px var(--neon-glow)}.copy-btn{min-width:60px;height:20px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-family:inherit;font-size:8px;transition:all .2s;display:inline-flex}.copy-btn:hover{color:var(--neon);border-color:var(--neon-subtle);box-shadow:0 0 6px var(--neon-glow)}.copy-btn--flash{color:var(--ai-green)!important;border-color:var(--ai-green)!important;background:0 0!important;box-shadow:0 0 8px #00ff004d!important}button>svg,.btn-icon{flex-shrink:0;display:block}input[type=radio],input[type=checkbox]{appearance:none;border:1px solid var(--border);cursor:pointer;vertical-align:middle;background:#05060ad1;flex-shrink:0;width:16px;height:16px;margin:0;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}input[type=radio]:hover:not(:disabled),input[type=checkbox]:hover:not(:disabled){border-color:color-mix(in srgb, var(--neon) 55%, transparent)}input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:1px solid var(--neon);outline-offset:2px}input[type=radio]:disabled,input[type=checkbox]:disabled{opacity:.3;cursor:not-allowed}input[type=checkbox]{border-radius:0}input[type=checkbox]:checked{background:color-mix(in srgb, var(--neon) 20%, transparent);border-color:var(--neon);box-shadow:0 0 6px color-mix(in srgb, var(--neon) 30%, transparent)}input[type=checkbox]:checked:after{content:"";border-left:1.5px solid var(--neon);border-bottom:1.5px solid var(--neon);width:8px;height:4px;position:absolute;top:6px;left:3px;transform:rotate(-45deg)translateY(-2px)}input[type=checkbox]:indeterminate{background:color-mix(in srgb, var(--neon) 15%, transparent);border-color:color-mix(in srgb, var(--neon) 60%, transparent)}input[type=checkbox]:indeterminate:after{content:"";background:var(--neon);width:9px;height:1.5px;position:absolute;top:50%;left:3px;transform:translateY(-50%)}input[type=radio]{border-radius:50%}input[type=radio]:checked{border-color:var(--neon);box-shadow:0 0 6px color-mix(in srgb, var(--neon) 30%, transparent)}input[type=radio]:checked:after{content:"";background:var(--neon);width:8px;height:8px;box-shadow:0 0 4px color-mix(in srgb, var(--neon) 60%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:26px;color:var(--neon-bright);border:1px solid var(--border);cursor:pointer;background-color:#05060ad1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23687797' d='M0 1h10L5 6z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:8px 5px;border-radius:0;padding:0 28px 0 8px;font-family:inherit;font-size:11px;line-height:1;transition:border-color .15s,box-shadow .15s}select:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb, var(--neon) 55%, transparent)}select:disabled{opacity:.3;cursor:not-allowed}select option{background:var(--bg-light);color:var(--text)}.editor-panel{background:#05060aeb;border-right:1px solid #47f6ff14;flex-direction:column;grid-area:editor;display:flex;position:relative;overflow:hidden;container:editor/inline-size}.editor-empty-state{pointer-events:none;z-index:5;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:38px 0 0}.editor-empty-state[hidden]{display:none}.editor-empty-state-inner{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;max-width:420px;color:var(--text);background:#0a0a0ec7;border:1px dashed #47f6ff40;padding:24px 28px;box-shadow:0 6px 28px #00000059}.editor-empty-state-wave{color:var(--neon);letter-spacing:1px;text-shadow:2px 0 0 #ff2bd666, 0 0 10px var(--neon-glow);opacity:.9;-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:15px;line-height:1}.editor-empty-state-title{letter-spacing:.08em;text-transform:uppercase;color:var(--neon);margin-bottom:8px;font-size:13px;font-weight:600}.editor-empty-state-text{color:var(--text-dim);margin-bottom:16px;font-size:13px;line-height:1.5}.editor-empty-state-text code{color:var(--neon);background:#47f6ff1a;padding:1px 6px;font-size:12px}.editor-empty-state-text kbd{border:1px solid var(--border);min-width:18px;color:var(--text);background:#ffffff0a;margin:0 1px;padding:1px 6px;font-family:inherit;font-size:11px;line-height:1.4;display:inline-block}.editor-empty-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.editor-empty-state-btn{border:1px solid var(--neon);color:var(--neon);letter-spacing:.04em;cursor:pointer;background:#47f6ff14;padding:7px 14px;font-family:inherit;font-size:12px;transition:background .1s,color .1s,box-shadow .1s}.editor-empty-state-btn:hover{background:var(--neon);color:#0a0a0c;box-shadow:0 0 12px var(--neon-glow)}.editor-empty-state-btn--ghost{border-color:var(--border);color:var(--text);background:0 0}.editor-empty-state-btn--ghost:hover{border-color:var(--neon-subtle);color:var(--neon);box-shadow:none;background:#47f6ff14}.panel-header,.ai-panel-header,.files-panel-header,.app-modal-header,.ex-header{border-bottom:1px solid var(--neon-subtle);flex-shrink:0;justify-content:space-between;align-items:center;height:32px;display:flex}.panel-header{background:var(--surface-glass);color:var(--neon);text-transform:uppercase;letter-spacing:.18em;text-shadow:2px 0 0 #ff2bd66b, 0 0 6px var(--neon-glow);padding:0 12px;font-size:9px;font-weight:700}.panel-header,.ai-panel-header,.files-panel-header{position:relative;overflow:hidden}.panel-header:after,.ai-panel-header:after,.files-panel-header:after{content:"";background:linear-gradient(90deg, transparent, var(--neon) 40%, var(--neon-secondary) 60%, transparent);opacity:.6;pointer-events:none;width:60%;height:1px;animation:10s ease-in-out infinite header-sweep;position:absolute;bottom:0;left:0;transform:translate(-100%)}@keyframes header-sweep{0%,55%{transform:translate(-100%)}85%,to{transform:translate(280%)}}.panel-header .shortcuts{color:var(--text-muted);letter-spacing:.02em;text-shadow:none;gap:8px;font-size:9px;font-weight:400;display:flex}.panel-header .shortcuts span{white-space:nowrap}.panel-header kbd{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:2px;padding:1px 4px;font-family:inherit;font-size:8px}.panel-header-right{align-items:center;gap:8px;display:flex}.editor-zoom{color:var(--text-muted);align-items:center;gap:2px;font-size:9px;display:flex}.editor-zoom button{min-width:20px;height:20px;padding:0 5px;font-size:11px;line-height:1}.editor-zoom span{text-align:center;min-width:28px;font-family:inherit;font-size:9px}#editor{background:linear-gradient(90deg, #47f6ff09 1px, transparent 1px), linear-gradient(0deg, #47f6ff06 1px, transparent 1px), var(--bg);background-size:16px 16px;flex:1;position:relative;overflow:auto}#editor .cm-editor{height:100%!important}.editor-split{flex:1;min-height:0;display:flex;position:relative}.editor-split>#editor{min-width:0}.show-divider{cursor:col-resize;background:var(--accent-subtle);flex:0 0 5px;transition:background .15s}.show-divider:hover,.show-divider.dragging{background:var(--neon-glow)}.show-pane{flex:0 0 var(--show-pane-width,38%);background:var(--bg);flex-direction:column;min-width:220px;display:flex}.show-divider[hidden],.show-pane[hidden]{display:none}.show-pane-header{letter-spacing:.04em;height:26px;color:var(--neon);border-bottom:var(--edge-neon);flex-shrink:0;align-items:center;gap:6px;padding:0 6px 0 10px;font-size:11px;display:flex}.show-pane-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.show-pane-dirty{color:var(--orange-bright);font-size:10px}.show-pane-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:15px;line-height:1}.show-pane-close:hover{opacity:1}.show-pane-editor{flex:1;min-height:0;overflow:auto}.show-pane-editor .cm-editor{height:100%}.show-pane-playing{color:var(--neon);padding:0 2px}@container editor (width<=650px){.editor-split{flex-direction:column}.show-divider{display:none}.show-pane{border-top:1px solid var(--accent-subtle);flex:0 0 40%;min-width:0}}.editor-skel{background:var(--bg);pointer-events:none;z-index:10;transition:opacity .4s ease-out,visibility .4s;display:flex;position:absolute;inset:0;overflow:hidden}.editor-skel.fade-out{opacity:0;visibility:hidden;pointer-events:none}.es-gutters{background:var(--bg-light);height:100%;color:var(--text-muted);border:none;border-right:1px solid var(--border);box-sizing:border-box;flex-shrink:0;padding-right:8px;font-family:monospace;line-height:1.4;display:flex}.es-gutter{box-sizing:border-box;flex-direction:column;flex-shrink:0;min-height:100%;display:flex;overflow:hidden}.es-gut-el{box-sizing:border-box;white-space:nowrap;flex-shrink:0;display:block}.es-gutter-ln .es-gut-el{text-align:right;min-width:40px;padding:0 8px 0 16px}.es-gutter-fold .es-gut-el span{padding:0 1px}.es-gutter-lint{width:1.4em}.es-gutter-lint .es-gut-el{padding:.2em}.es-content{flex:1;line-height:1.6;position:relative;overflow:hidden}.es-row{white-space:pre;box-sizing:border-box;align-items:flex-start;padding:0 2px 0 6px;line-height:1.6;display:flex;overflow:hidden}.es-row-text{vertical-align:top;white-space:pre;clip-path:inset(0 calc(100% - var(--skip,0%)) 0 0);font-family:monospace;line-height:1.6;animation-name:es-typing;animation-timing-function:linear;animation-fill-mode:forwards;display:inline-block;position:relative}.es-row-text:after{content:"";top:10%;right:calc(100% - var(--skip,0%));background:var(--neon,#7df9ff);width:2px;height:80%;box-shadow:0 0 5px var(--neon);opacity:0;animation:linear forwards es-cursor-move,.8s infinite es-cursor-blink,linear forwards es-cursor-fade;animation-duration:inherit;animation-delay:inherit;position:absolute}@keyframes es-typing{0%{clip-path:inset(0 calc(100% - var(--skip,0%)) 0 0)}to{clip-path:inset(0)}}@keyframes es-cursor-move{0%{right:calc(100% - var(--skip,0%))}to{right:0}}@keyframes es-cursor-blink{50%{opacity:0}}@keyframes es-cursor-fade{0%,99%{opacity:1}to{opacity:0}}.es-content:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0a 40%,#ffffff12 50%,#ffffff0a 60%,#0000 100%);animation:2s ease-in-out infinite skel-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes skel-sweep{to{transform:translate(300%)}}#error{border-top:1px solid var(--red);border-left:2px solid var(--red);color:var(--red);white-space:pre-wrap;background:#ff44440d;flex-shrink:0;padding:12px;font-family:inherit;font-size:11px;display:none}.cm-inspect-panel .insp-sep{color:var(--text-muted);margin:0 8px}.cm-inspect-panel .insp-key{color:var(--accent)}.cm-inspect-panel .insp-warn{color:var(--orange-bright)}#error.error--visible{display:block}@container editor (width<=650px){.panel-header .shortcuts{display:none}}@container editor (width<=350px){.panel-header-right{display:none}}#resizeHandle{background:var(--border);cursor:col-resize;grid-area:handle;width:4px;transition:background .2s}#resizeHandle:hover{background:var(--neon);box-shadow:0 0 8px var(--neon-glow)}.sidebar{background:var(--surface-glass);scrollbar-gutter:stable;min-height:0;box-shadow:var(--panel-shadow);flex-direction:column;grid-area:sidebar;display:flex;overflow:hidden auto}.sidebar-section{border-bottom:1px solid var(--border);padding:10px;position:relative}.sidebar-section:before{content:"";background:var(--neon-secondary);width:28px;height:1px;box-shadow:0 0 8px var(--neon-secondary-glow);position:absolute;top:0;left:10px}.sidebar-section:first-child{border-top:none}.sidebar-section h3{align-items:center;gap:var(--gap-inline);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--neon-bright);margin-bottom:var(--sp-3);font-weight:var(--fw-bold);text-shadow:2px 0 0 #ff2bd65c, 0 0 4px var(--neon-glow);display:flex}.sidebar-section h3>.prefs-inline-btn:first-of-type{margin-left:auto}.sidebar-section h3>.prefs-inline-btn{flex:none}.sidebar-section h3:before{content:"// ";color:var(--neon-secondary);text-shadow:0 0 6px var(--neon-secondary-glow)}#visualizer{background:linear-gradient(90deg, #47f6ff14 1px, transparent 1px), linear-gradient(0deg, #ff2bd60b 1px, transparent 1px), var(--bg);background-size:12px 12px;border:1px solid #47f6ff42;border-radius:0;min-height:120px;transition:none;overflow:hidden;box-shadow:inset 0 0 0 1px #ff2bd60f,0 0 18px #47f6ff14}#scope{background:linear-gradient(90deg, #47f6ff0f 1px, transparent 1px), linear-gradient(0deg, #47f6ff0a 1px, transparent 1px), var(--bg);background-size:10px 10px;border:1px solid #47f6ff33;border-radius:0;height:60px;overflow:hidden}#visualizer canvas,#scope canvas{width:100%;height:100%;display:block}.stats{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.stat{border:1px solid var(--border);background:#05060ab8;border-radius:0;padding:6px 8px;box-shadow:inset 0 -2px #47f6ff14}.stat-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:7px;font-weight:700}.stat-value{color:var(--green-bright);text-shadow:2px 0 #ff2bd659,0 0 4px #52ff9f59;font-family:inherit;font-size:14px;font-weight:700}.sidebar-browse{padding:10px}.browse-btn{border:1px solid var(--neon-subtle);width:100%;height:28px;color:var(--neon);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:flex}.browse-btn:hover{background:var(--accent-subtle);border-color:var(--neon);box-shadow:0 0 10px var(--neon-glow), inset 0 0 10px var(--accent-subtle)}.browse-hint{color:var(--text-muted);letter-spacing:.05em;margin-left:auto;font-size:8px;font-weight:400}.synths-compact{flex-wrap:wrap;align-items:center;gap:3px;margin-top:8px;display:flex}.synths-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-right:2px;font-size:8px;font-weight:700}.synths-compact code{background:var(--bg);border:1px solid var(--border);color:var(--neon-bright);border-radius:0;padding:1px 5px;font-family:inherit;font-size:9px}.ex-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.ex-overlay.ex-visible{opacity:1;visibility:visible}.ex-modal{background:var(--bg-light);border:1px solid var(--neon-subtle);border-radius:0;flex-direction:column;width:min(640px,94vw);max-height:min(720px,88vh);display:flex;overflow:hidden;box-shadow:0 0 40px #7df9ff14,0 0 80px #00000080}.ex-tip{color:var(--text-muted);border-bottom:1px solid var(--neon-subtle);margin:0;padding:6px 12px 4px;font-size:10px}.ex-toolbar{border-bottom:1px solid var(--neon-subtle);align-items:center;gap:10px;padding:8px 12px;display:flex}.ex-search{border:1px solid var(--neon-subtle);color:var(--text);background:#05060a99;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:11px}.ex-search:focus{border-color:var(--neon);box-shadow:0 0 8px var(--neon-glow)}.ex-search::placeholder{color:var(--text-muted)}.ex-filter-count{letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-size:9px}.ex-section-count{letter-spacing:.05em;color:var(--text-muted);opacity:.8;margin-left:8px;font-weight:500}.ex-empty{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:11px}.ex-tip kbd{border:1px solid var(--neon-subtle);color:var(--neon);padding:1px 4px;font-size:9px}.ex-section{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.ex-section-label{text-transform:uppercase;letter-spacing:.2em;color:var(--magenta,#ff6ec7);padding:6px 10px 2px;font-size:8px;font-weight:700}.ex-lesson{color:var(--bg);background:var(--neon);letter-spacing:.05em;flex-shrink:0;padding:1px 5px;font-size:8px;font-weight:700}.ex-header{padding:0 12px}.ex-title{text-transform:uppercase;letter-spacing:.25em;color:var(--neon);text-shadow:0 0 6px var(--neon-glow);font-size:9px;font-weight:700}.ex-subtitle{color:var(--text-muted);letter-spacing:.1em;text-shadow:none;font-size:8px;font-weight:400}.ex-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;height:auto;margin-left:auto;padding:0 4px;font-size:16px;line-height:1;transition:color .2s}.ex-close:before,.picker-close:before,.ai-toggle:before{display:none}.ex-close:hover{color:var(--neon)}.ex-grid{flex-direction:column;flex:1;gap:2px;padding:6px 8px;display:flex;overflow-y:auto}.ex-card{cursor:pointer;text-align:left;text-transform:none;letter-spacing:normal;background:0 0;border:1px solid #0000;border-radius:0;flex-shrink:0;align-items:center;gap:8px;height:30px;padding:0 10px;font-family:inherit;transition:all .12s;display:flex}.ex-card:hover{border-color:var(--neon-subtle);background:var(--accent-subtle)}.ex-card-title{color:var(--text);text-transform:none;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.ex-complexity{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);flex-shrink:0;font-size:7px;font-weight:700}.ex-card-meta{flex-shrink:0;align-items:center;gap:3px;margin-left:auto;display:flex}.ex-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--neon);border:1px solid var(--neon-subtle);border-radius:0;padding:1px 5px;font-size:7px;font-weight:700}.ex-tempo{color:var(--text-muted);font-size:7px}.ex-loading,.ex-empty{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;grid-column:1/-1;padding:30px;font-size:10px}.ex-loading{color:var(--neon);animation:1.5s steps(3,end) infinite ai-dots}.status-bar{background:var(--surface-glass);height:24px;color:var(--text-muted);border-top:1px solid var(--neon-subtle);text-transform:uppercase;letter-spacing:.1em;grid-area:status;align-items:center;gap:12px;padding:4px 12px;font-size:9px;display:flex}.status-bar #status{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.status-bar #status:before{content:"> ";color:var(--neon);text-shadow:0 0 4px var(--neon-glow)}.status-bar #status:after{content:"▊";color:var(--neon);opacity:.75;margin-left:3px;animation:1.2s step-end infinite cursor-blink}.status-bar .live{align-items:center;gap:5px;font-size:12px;font-weight:500;display:none}.status-bar .live.active{color:var(--neon);text-shadow:0 0 4px var(--neon-glow);display:inline-flex}.status-bar .live.active:before{content:"●";font-size:9px;animation:2s ease-in-out infinite rec-pulse}.status-bar .live.active:after{content:"Live"}.status-bar .live.indicator-paused{color:var(--text-muted);display:inline-flex}.status-bar .live.indicator-paused:before{content:"";box-sizing:border-box;border-left:2.5px solid;border-right:2.5px solid;width:7px;height:9px;display:inline-block}.status-bar .live.indicator-paused:after{content:"Paused"}.status-file{font-variant-numeric:tabular-nums;color:var(--text-muted);text-transform:none;letter-spacing:0;margin-left:auto;margin-right:12px;font-size:10px}.status-file--dirty{color:var(--neon);text-shadow:0 0 4px var(--neon-glow)}.picker-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-modal{background:var(--bg-light);border:1px solid var(--border);border-radius:0;flex-direction:column;width:min(560px,90vw);max-height:70vh;display:flex;box-shadow:0 20px 60px #00000080}.picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.picker-title{color:var(--text);font-weight:600}.picker-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.picker-list{flex-direction:column;gap:3px;padding:6px;display:flex;overflow-y:auto}.picker-item{background:var(--bg);color:var(--text);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:0;flex-direction:column;gap:2px;padding:8px 10px;font-family:inherit;display:flex}.picker-item:hover,.picker-item:focus{border-color:var(--neon);background:var(--bg-light);outline:none}.picker-item-name{font-size:12px;font-weight:600}.picker-item-path{color:var(--text-muted);font-size:10px}.picker-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:12px}body.is-drop-target:after{content:"Drop to open .strudel, .js or .mid file";border:2px dashed var(--neon);color:var(--neon);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00c8b41f;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.help-trigger{cursor:help;border-bottom:1px dotted var(--text-muted)}.loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.loading:after{content:"";border:2px solid var(--border);border-top-color:var(--neon);border-radius:50%;width:20px;height:20px;margin-left:10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){body{height:auto;min-height:100vh;overflow:auto}header{flex-direction:column;align-items:flex-start}.app-body{flex-direction:column;overflow:visible}.ai-panel{border-right:0;border-bottom:1px solid var(--ai-neon-subtle);width:100%;min-width:0;height:220px}.ai-panel.collapsed{width:100%;min-width:0;height:36px}.controls{justify-content:flex-start;width:100%}#resizeHandle{display:none}main{background:var(--bg);flex-direction:column;display:flex;overflow:visible}.editor-panel{order:1;width:100%;height:60vh;min-height:0;grid-area:auto!important}.status-bar{order:2;width:100%;grid-area:auto!important}.sidebar{order:3;align-self:start;width:100%;max-height:none;overflow:visible;grid-area:auto!important}}@media (width<=400px){.controls{justify-content:flex-start;gap:12px}.slider-group{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.bpm-control,.gain-control{grid-template-columns:45px 1fr 45px;align-items:center;gap:10px;width:100%;display:grid}.bpm-control input[type=range],.gain-control input[type=range]{width:100%;margin:0}.bpm-value,.gain-control span{text-align:right;min-width:unset}}.ai-panel{border-right:1px solid var(--ai-neon-subtle);background:var(--surface-glass);width:300px;min-width:240px;font-family:var(--font-mono);box-shadow:var(--panel-shadow);flex-direction:column;flex-shrink:0;display:flex;position:relative}.ai-panel:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px),linear-gradient(90deg,#ff2bd60d,#0000 26%,#0000);position:absolute;inset:0}.ai-panel.collapsed,.ai-enable-cta,.ai-panel.ai-off .ai-messages,.ai-panel.ai-off .ai-quick-prompts,.ai-panel.ai-off .ai-form,.ai-panel.ai-off #aiClear{display:none}.ai-panel.ai-off .ai-enable-cta{text-align:center;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 18px;display:flex;position:relative}.ai-enable-lead{letter-spacing:.22em;text-transform:uppercase;color:var(--ai-neon);text-shadow:var(--text-glitch);margin:0;font-size:11px;font-weight:700}.ai-enable-sub{color:var(--text-muted);margin:0;font-size:11px}.ai-enable-btn{border:1px solid var(--ai-neon);color:var(--ai-neon);letter-spacing:.05em;cursor:pointer;text-shadow:var(--text-glitch);background:0 0;margin-top:6px;padding:8px 16px;font-family:inherit;font-size:12px}.ai-enable-btn:hover{background:var(--ai-neon-subtle)}.ai-consent-body{padding:16px 20px;line-height:1.5}.ai-consent-body p{margin:0 0 12px}.ai-consent-fine{color:var(--text-dim);font-size:12px}.ai-panel-header{color:var(--ai-neon);text-transform:uppercase;letter-spacing:.25em;text-shadow:var(--text-glitch);background:#05060ab3;padding:0 10px;font-size:9px;font-weight:700}.ai-panel-actions{align-items:center;gap:6px;display:flex}.ai-action-btn{border:1px solid var(--ai-neon-subtle);height:20px;color:var(--ai-neon);cursor:pointer;text-transform:uppercase;letter-spacing:.15em;background:0 0;border-radius:0;align-items:center;gap:3px;padding:2px 8px;font-family:inherit;font-size:8px;font-weight:700;transition:all .2s;display:flex}.ai-action-btn:hover{background:var(--accent-subtle);border-color:var(--ai-neon);box-shadow:0 0 8px var(--ai-neon-glow), inset 0 0 8px var(--accent-subtle)}.ai-toggle{border:1px solid var(--ai-border);color:var(--ai-text-dim);cursor:pointer;background:0 0;border-radius:0;height:20px;padding:2px 5px;font-size:9px;transition:all .2s}.ai-toggle:hover{color:var(--ai-neon);border-color:var(--ai-neon-subtle)}.ai-messages{z-index:2;flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;position:relative;overflow-y:auto}.ai-msg{white-space:pre-wrap;word-break:break-word;border-radius:0;max-width:92%;padding:6px 8px;font-size:11px;line-height:1.5}.ai-msg-user{background:var(--ai-neon);color:#05060a;box-shadow:var(--edge-3d-strong), 0 0 12px var(--ai-neon-glow);align-self:flex-end;font-weight:600}.ai-msg-assistant{color:var(--ai-text);border:1px solid var(--ai-border);border-left:2px solid var(--ai-neon);white-space:normal;background:#0b0f18d1;align-self:flex-start}.ai-msg-system{color:var(--ai-text-dim);letter-spacing:.05em;text-transform:uppercase;align-self:center;max-width:100%;padding:2px 8px;font-size:10px}.ai-msg-error{border-left:2px solid var(--ai-red)}.ai-tools{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.ai-tool{color:var(--ai-text-dim);border:1px solid var(--ai-border);background:#00000040;padding:2px 6px;font-size:10px}.ai-tool>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:baseline;gap:6px;list-style:none;display:flex}.ai-tool>summary::-webkit-details-marker{display:none}.ai-tool-glyph{text-align:center;flex:none;width:1em}.ai-tool-name{font-family:var(--font-mono);color:var(--ai-neon);flex:none}.ai-tool-summary{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ai-tool-cat{letter-spacing:.05em;text-transform:uppercase;color:var(--ai-red);border:1px solid var(--ai-red);flex:none;padding:0 4px;font-size:9px}.ai-tool-ms{font-variant-numeric:tabular-nums;flex:none}.ai-tool-pending .ai-tool-glyph{color:var(--ai-neon)}.ai-tool-err .ai-tool-glyph,.ai-tool-err .ai-tool-name{color:var(--ai-red)}.ai-tool pre{white-space:pre-wrap;word-break:break-word;max-height:240px;color:var(--ai-text);margin:4px 0 2px;padding:0;font-size:10px;line-height:1.4;overflow:auto}.ai-tool-input{opacity:.7}.ai-msg-assistant p{margin:0 0 6px}.ai-msg-assistant p:last-child{margin-bottom:0}.ai-msg-assistant strong{color:var(--ai-neon)}.ai-msg-assistant em{color:var(--ai-text-muted)}.ai-msg-assistant ul,.ai-msg-assistant ol{margin:4px 0;padding-left:16px}.ai-msg-assistant li{margin-bottom:2px}.ai-msg-assistant h1,.ai-msg-assistant h2,.ai-msg-assistant h3,.ai-msg-assistant h4,.ai-msg-assistant h5,.ai-msg-assistant h6{color:var(--ai-neon-bright);text-shadow:var(--text-glitch);letter-spacing:.03em;margin:10px 0 6px}.ai-msg-assistant h1{border-bottom:1px solid var(--ai-neon-subtle);padding-bottom:4px;font-size:15px}.ai-msg-assistant h2{font-size:13px}.ai-msg-assistant h3,.ai-msg-assistant h4,.ai-msg-assistant h5,.ai-msg-assistant h6{color:var(--ai-neon);text-shadow:none;font-size:12px}.ai-msg-assistant h1:first-child,.ai-msg-assistant h2:first-child,.ai-msg-assistant h3:first-child{margin-top:0}.ai-msg-assistant blockquote{border-left:2px solid var(--ai-magenta);color:var(--ai-text-muted);background:#ff2bd60f;margin:6px 0;padding:4px 10px;font-style:italic}.ai-msg-assistant a{color:var(--ai-neon);text-decoration:underline;-webkit-text-decoration-color:var(--ai-neon-subtle);text-decoration-color:var(--ai-neon-subtle);cursor:pointer}.ai-msg-assistant a:hover{color:var(--ai-neon-bright);text-shadow:0 0 6px var(--ai-neon-glow)}.ai-msg-assistant table{border-collapse:collapse;width:100%;margin:6px 0;font-size:10px}.ai-msg-assistant th,.ai-msg-assistant td{border:1px solid var(--ai-border);text-align:left;padding:3px 6px}.ai-msg-assistant th{color:var(--ai-neon);text-transform:uppercase;letter-spacing:.05em;background:#47f6ff0d}.ai-msg-assistant hr{border:none;border-top:1px solid var(--ai-neon-subtle);margin:8px 0}.ai-code-block{border:1px solid var(--ai-border);border-left:2px solid var(--ai-neon-subtle);color:var(--ai-text);background:#08080a;border-radius:0;margin:6px 0;padding:8px 10px;font-size:11px;line-height:1.5;position:relative;overflow-x:auto}.ai-code-block code{white-space:pre-wrap;background:0 0;padding:0}.ai-inline-code{border:1px solid var(--ai-border);color:var(--ai-neon-bright);background:#18181c;border-radius:0;padding:0 4px;font-size:11px}.ai-code-copy-btn{border:1px solid var(--ai-border);height:18px;color:var(--ai-text-dim);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;opacity:0;background:#05060ad9;padding:1px 6px;font-family:inherit;font-size:8px;font-weight:700;transition:opacity .15s,color .15s,border-color .15s;position:absolute;top:4px;right:4px}.ai-code-block:hover .ai-code-copy-btn{opacity:1}.ai-code-copy-btn:hover{color:var(--ai-neon);border-color:var(--ai-neon-subtle);box-shadow:0 0 6px var(--ai-neon-glow)}.ai-code-copy-btn--flash{color:var(--ai-green);border-color:var(--ai-green);opacity:1}.ai-tok-keyword{color:var(--magenta);font-weight:700}.ai-tok-string{color:var(--green-bright)}.ai-tok-number{color:var(--yellow)}.ai-tok-bool{color:var(--purple)}.ai-tok-comment{color:var(--text-muted);font-style:italic}.ai-tok-function{color:var(--cyan)}.ai-tok-variable{color:var(--ai-text)}.ai-tok-property{color:var(--pink)}.ai-tok-operator{color:var(--magenta)}.ai-tok-bracket,.ai-tok-paren{color:var(--ai-text)}.ai-tok-squareBracket{color:var(--cyan)}.ai-tok-brace{color:var(--magenta)}.ai-tok-type{color:var(--cyan);font-style:italic}.ai-tok-regexp{color:var(--pink)}.ai-tok-escape{color:var(--red)}.ai-tok-invalid{color:var(--red);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.ai-tok-null{color:var(--purple)}.ai-quick-prompts{border-top:1px solid var(--ai-neon-subtle);z-index:2;flex-wrap:wrap;flex-shrink:0;gap:3px;padding:6px 8px;display:flex;position:relative}.ai-quick{border:1px solid var(--ai-border);height:22px;color:var(--ai-text-dim);cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border-radius:0;padding:2px 8px;font-family:inherit;font-size:9px;font-weight:600;transition:all .2s}.ai-quick:hover{color:var(--ai-neon);border-color:var(--ai-neon-subtle);background:var(--accent-subtle);box-shadow:0 0 6px var(--neon-subtle)}.ai-form{border-top:1px solid var(--ai-neon-subtle);z-index:2;background:#05060ab8;flex-shrink:0;gap:5px;padding:6px 8px;display:flex;position:relative}.ai-form input{border:1px solid var(--ai-border);height:28px;color:var(--ai-text);background:#05060ad1;border-radius:0;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .2s}.ai-form input:focus{border-color:var(--ai-neon-subtle);box-shadow:0 0 8px var(--neon-subtle), inset 0 0 4px var(--accent-subtle)}.ai-form input::placeholder{color:var(--ai-text-dim);font-style:italic}.ai-form input:disabled{opacity:.4}.ai-form button{border:1px solid var(--ai-neon);height:28px;color:var(--ai-neon);cursor:pointer;text-transform:uppercase;letter-spacing:.15em;background:0 0;border-radius:0;padding:0 12px;font-family:inherit;font-size:9px;font-weight:700;transition:all .2s}.ai-form button:hover:not(:disabled){background:var(--ai-neon);color:#0a0a0c;box-shadow:0 0 12px var(--ai-neon-glow), 0 0 24px var(--neon-subtle)}.ai-form button:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.ai-loading{color:var(--ai-neon);letter-spacing:.1em;font-style:italic}.ai-loading:after{content:"";animation:1.5s steps(3,end) infinite ai-dots}@keyframes ai-dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.files-panel{border-right:1px solid var(--neon-subtle);background:var(--surface-glass);width:260px;min-width:220px;font-family:var(--font-mono);box-shadow:var(--panel-shadow);flex-direction:column;flex-shrink:0;display:flex;position:relative}.files-panel:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px),linear-gradient(270deg,#ff2bd60d,#0000 26%,#0000);position:absolute;inset:0}.files-panel.collapsed{width:36px;min-width:36px;overflow:hidden}.files-panel.collapsed:after,.files-panel.collapsed .file-tree,.files-panel.collapsed .files-panel-footer,.files-panel.collapsed .files-panel-actions>:not(.files-toggle){display:none}.files-panel.collapsed .files-panel-header{justify-content:center;padding:0}.files-panel.collapsed .files-panel-title{display:none}.files-panel.collapsed .files-panel-actions{gap:0}.files-panel.collapsed .files-toggle{transform:rotate(180deg)}.files-panel-header{color:var(--neon);text-transform:uppercase;letter-spacing:.25em;text-shadow:var(--text-glitch);z-index:2;background:#05060ab3;padding:0 10px;font-size:9px;font-weight:700;position:relative}.files-panel-actions{align-items:center;gap:4px;display:flex}.files-action-btn{border:1px solid var(--neon-subtle);width:22px;height:20px;color:var(--neon);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;transition:all .18s;display:flex}.files-action-btn:hover{background:var(--accent-subtle);border-color:var(--neon);box-shadow:0 0 8px var(--neon-glow), inset 0 0 8px var(--accent-subtle)}.files-action-btn svg{stroke:var(--neon);display:block}.files-toggle{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:0;height:20px;padding:2px 5px;font-size:9px;transition:all .2s}.files-toggle:hover{color:var(--neon);border-color:var(--neon-subtle)}.file-tree{z-index:2;flex:1;padding:4px 0;font-size:11px;position:relative;overflow:auto}.file-tree-empty{color:var(--text-muted);letter-spacing:.06em;padding:18px 14px;font-size:10px;line-height:1.6}.file-tree-empty button{border:1px solid var(--neon-subtle);color:var(--neon);text-transform:uppercase;letter-spacing:.18em;cursor:pointer;background:#05060a8c;margin-top:8px;padding:4px 8px;font-size:9px;font-weight:700;transition:all .18s}.file-tree-empty button:hover{background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow)}.file-tree-row{height:22px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-left:2px solid #0000;align-items:center;gap:6px;padding:0 8px;display:flex;position:relative;overflow:hidden}.file-tree-recent-header{color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.file-tree-recent-header .file-tree-name{color:var(--neon);opacity:.85}.file-tree-recent-row{font-size:12px}.file-tree-recent-separator{background:var(--border);opacity:.6;height:1px;margin:6px 6px 4px}.file-tree-row:hover{background:var(--accent-subtle);color:var(--neon-bright);border-left-color:var(--magenta);box-shadow:inset 0 0 12px #47f6ff14}.file-tree-row.active{background:var(--accent-subtle);color:var(--neon-bright);border-left-color:var(--neon);text-shadow:0 0 6px var(--neon-glow)}.file-tree-row.active .file-tree-icon{color:var(--neon)}.file-tree-row.dirty .file-tree-name:after{content:"";background:var(--magenta);width:5px;height:5px;box-shadow:0 0 6px var(--neon-secondary-glow);vertical-align:middle;margin-left:6px;display:inline-block}.file-tree-row .chevron{text-align:center;opacity:.6;font-variant-emoji:text;flex-shrink:0;width:10px;font-size:9px;transition:transform .12s}.file-tree-row.is-dir.expanded .chevron{transform:rotate(90deg)}.file-tree-row.is-file .chevron{visibility:hidden}.file-tree-icon{width:12px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-tree-row.is-dir .file-tree-icon{color:var(--magenta)}.file-tree-name{text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.file-tree-input{border:1px solid var(--neon-subtle);color:var(--neon-bright);background:#05060aeb;outline:none;flex:1;height:18px;padding:0 4px;font-family:inherit;font-size:11px}.file-tree-input:focus{border-color:var(--neon);box-shadow:0 0 6px var(--neon-glow)}.file-context-menu{z-index:9999;background:var(--surface-glass);border:1px solid var(--neon-subtle);min-width:160px;box-shadow:0 0 18px var(--neon-glow), 4px 4px 0 #ff2bd62e;flex-direction:column;padding:4px 0;display:flex;position:fixed}.file-context-menu[hidden]{display:none!important}.file-context-menu button{color:var(--text-secondary);text-align:left;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;height:auto;padding:5px 12px;font-family:inherit;font-size:10px;font-weight:600;transition:all .12s}.file-context-menu button:hover{background:var(--accent-subtle);color:var(--neon-bright);text-shadow:0 0 6px var(--neon-glow)}.file-context-menu button.danger{color:var(--red)}.file-context-menu button.danger:hover{color:var(--danger-hover)}.file-context-menu hr{border:0;border-top:1px solid var(--border);margin:4px 0}.files-panel-footer{border-top:1px solid var(--border);letter-spacing:.12em;height:22px;color:var(--text-muted);z-index:2;background:#05060a8c;flex-shrink:0;align-items:center;padding:0 10px;font-size:9px;display:flex;position:relative}.files-root-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;direction:rtl;max-width:100%;overflow:hidden}@media (width<=900px){.files-panel{border-right:0;border-bottom:1px solid var(--neon-subtle);width:100%;min-width:0;height:200px}.files-panel.collapsed{width:100%;min-width:0;height:36px}}.midi-lab-fileline{border-bottom:1px solid var(--border);background:#05060a73;align-items:center;gap:10px;padding:10px 14px;font-size:11px;display:flex}.midi-lab-browse{color:var(--neon);border:1px solid var(--neon-subtle);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#05060a99;border-radius:0;height:24px;padding:4px 10px;font-family:inherit;font-size:10px;font-weight:700;transition:all .15s}.midi-lab-browse:hover{background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow)}.midi-lab-filename{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:600;overflow:hidden}.midi-lab-meta{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-left:auto;font-size:10px}.midi-lab-analysis{border-bottom:1px solid var(--border);background:#05060a59;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;padding:8px 14px;display:grid}.midi-lab-stat{flex-direction:column;gap:2px;min-width:0;display:flex}.midi-lab-stat--wide{grid-column:1/-1}.midi-lab-stat-k{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:700}.midi-lab-stat-v{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.midi-lab-body{background:var(--border);grid-template-columns:1.2fr 1fr;gap:1px;min-height:220px;max-height:320px;display:grid}.midi-lab-tracks,.midi-lab-options{background:var(--surface-glass);padding:10px 14px;overflow:auto}.midi-lab-tracks h4,.midi-lab-options h4,.midi-lab-preview h4{color:var(--neon);text-transform:uppercase;letter-spacing:.25em;text-shadow:2px 0 0 #ff2bd666, 0 0 4px var(--neon-glow);margin-bottom:8px;font-size:9px;font-weight:700}.midi-lab-options-sub{margin-top:12px}.midi-lab-hint{color:var(--text-muted);margin:0 0 8px;font-size:10px;line-height:1.35}.midi-lab-field select:disabled,.midi-lab-field input:disabled{opacity:.45;cursor:not-allowed}.midi-lab-track-list{flex-direction:column;gap:2px;display:flex}.midi-lab-track-empty{color:var(--text-muted);padding:12px 0;font-size:11px}.midi-lab-track-row{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;grid-template-columns:18px 28px 1fr auto;align-items:center;gap:6px;padding:3px 6px;font-size:11px;transition:background .12s,color .12s,box-shadow .12s;display:grid}.midi-lab-track-row:hover{background:var(--accent-subtle);color:var(--neon-bright);box-shadow:inset 0 0 10px #47f6ff14}.midi-lab-track-row.is-drum{border-left-color:var(--magenta)}.midi-lab-track-row.is-drum .midi-lab-track-drum{color:var(--magenta);text-shadow:0 0 6px var(--neon-secondary-glow)}.midi-lab-track-row.disabled{color:var(--text-muted);opacity:.55}.midi-lab-track-row input[type=checkbox]{margin:0}.midi-lab-track-channel{color:var(--neon);text-align:right;font-size:10px}.midi-lab-track-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.midi-lab-track-count{color:var(--text-muted);letter-spacing:.05em;font-size:10px}.midi-lab-options{flex-direction:column;gap:8px;display:flex}.midi-lab-field{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.midi-lab-field span{white-space:nowrap}.midi-lab-field select{min-width:110px}.midi-lab-field input[type=number]{color:var(--neon-bright);border:1px solid var(--border);background:#05060ac7;border-radius:0;min-width:110px;padding:3px 6px;font-family:inherit;font-size:11px;transition:border-color .15s,box-shadow .15s}.midi-lab-field input[type=number]:focus{border-color:var(--neon-subtle);box-shadow:0 0 6px var(--neon-glow);outline:none}.midi-lab-field input[type=number]:disabled{opacity:.45;cursor:not-allowed}.midi-lab-check{justify-content:flex-start;gap:8px}.midi-lab-check input[type=checkbox]{margin:0}.midi-lab-preview{border-top:1px solid var(--border);background:#05060a73;flex-direction:column;flex:1;min-height:100px;padding:8px 14px 10px;display:flex}.midi-lab-preview-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.midi-lab-preview-hint{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.midi-lab-preview-hint em{color:var(--neon);font-style:normal}#midiLabPreview{border:1px solid var(--border);border-left:2px solid var(--neon-subtle);min-height:80px;max-height:200px;color:var(--text);white-space:pre;background:#08080a;flex:1;margin:0;padding:8px 10px;font-family:inherit;font-size:11px;line-height:1.5;overflow:auto}.midi-lab-actions{border-top:1px solid var(--border);background:#05060a8c;align-items:center;gap:8px;padding:10px 14px;display:flex}.midi-lab-actions button{color:var(--neon);border:1px solid var(--neon-subtle);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#05060a99;border-radius:0;height:26px;padding:5px 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .15s}.midi-lab-actions button:hover:not(:disabled){background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow)}.midi-lab-actions button:disabled{opacity:.4;cursor:not-allowed}.midi-lab-actions button.midi-lab-primary{background:var(--neon);color:#05060a;border-color:var(--neon);box-shadow:0 0 12px var(--neon-glow), var(--edge-3d)}.midi-lab-actions button.midi-lab-primary:hover:not(:disabled){background:var(--neon-bright);box-shadow:0 0 18px var(--neon-glow), var(--edge-3d-strong)}.midi-lab-spacer{flex:1}@media (width<=900px){.app-modal-window--wide{width:96vw;max-height:92vh}.midi-lab-body{grid-template-columns:1fr;grid-auto-rows:minmax(180px,auto);max-height:none}}.metronome-btn{width:30px;height:28px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#05060a8c;border-radius:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.metronome-btn:hover{color:var(--neon);border-color:var(--neon-subtle);box-shadow:0 0 8px var(--neon-glow)}.metronome-btn.is-on{color:var(--neon);border-color:var(--neon);background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow), inset 0 0 8px var(--accent-subtle)}.metronome-btn svg{display:block}.skip-btn{letter-spacing:.02em;height:28px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#05060a8c;border-radius:0;gap:4px;padding:0 8px;font-size:11px;transition:all .15s}.skip-btn:hover:not(:disabled){color:var(--neon);border-color:var(--neon-subtle);box-shadow:0 0 8px var(--neon-glow)}.skip-btn:disabled{opacity:.4;pointer-events:none}.midi-in-status{background:var(--magenta);width:9px;height:9px;box-shadow:0 0 6px var(--neon-secondary-glow);opacity:.4;border-radius:50%;transition:opacity .2s,transform .12s}.midi-in-status.flash{opacity:1;transform:scale(1.4)}.launch-btn{letter-spacing:.04em;white-space:nowrap;min-width:46px;height:28px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#05060a8c;border-radius:0;margin-left:4px;padding:0 8px;font-family:inherit;font-size:11px;transition:all .15s}.launch-btn:hover{color:var(--neon);border-color:var(--neon-subtle);box-shadow:0 0 8px var(--neon-glow)}.launch-btn.is-on{color:var(--neon);border-color:var(--neon);background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow), inset 0 0 8px var(--accent-subtle)}.launch-btn.is-armed{animation:1s ease-in-out infinite launch-armed-pulse}@keyframes launch-armed-pulse{0%,to{box-shadow:0 0 10px var(--neon-glow), inset 0 0 8px var(--accent-subtle)}50%{box-shadow:0 0 2px var(--neon-glow);color:var(--text-muted)}}@media (prefers-reduced-motion:reduce){.launch-btn.is-armed{animation:none}}.welcome-body{min-height:240px;padding:18px 22px 10px}.welcome-step h3{color:var(--neon-bright);text-transform:uppercase;letter-spacing:.2em;text-shadow:2px 0 0 var(--magenta), 0 0 8px var(--neon-glow);margin-bottom:12px;font-size:14px}.welcome-step p{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.55}.welcome-list{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.welcome-list li{color:var(--text-secondary);align-items:center;gap:10px;font-size:11px;display:flex}.welcome-key{border:1px solid var(--neon-subtle);color:var(--neon);letter-spacing:.08em;text-align:center;background:#05060a99;min-width:38px;padding:2px 6px;font-size:10px;display:inline-block}.welcome-field{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);flex-direction:column;gap:4px;font-size:10px;display:flex}.welcome-field input{color:var(--neon-bright);border:1px solid var(--border);background:#05060ac7;border-radius:0;outline:none;padding:6px 8px;font-family:inherit;font-size:11px;transition:border-color .15s,box-shadow .15s}.welcome-field input:focus{border-color:var(--neon-subtle);box-shadow:0 0 6px var(--neon-glow)}.welcome-actions{padding:10px 22px}.welcome-step-label{letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase;font-size:9px}.logs-window{width:min(820px,94vw)}.logs-body{background:var(--surface-glass);flex-direction:column;flex:1;min-height:360px;max-height:60vh;padding:0;display:flex;overflow:hidden}.logs-toolbar{border-bottom:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;padding:6px 12px;font-size:10px;display:flex}.logs-toolbar .prefs-inline-btn{height:22px}#logsContent{color:var(--text);white-space:pre-wrap;word-break:break-word;background:#08080a;flex:1;margin:0;padding:10px 12px;font-family:inherit;font-size:10px;line-height:1.55;overflow:auto}#logsContent .log-warn{color:var(--orange-bright)}#logsContent .log-error{color:var(--red)}#logsContent .log-debug{color:var(--text-muted)}.history-modal-window{width:min(760px,92vw)}.history-body{background:var(--border);grid-template-columns:220px 1fr;gap:1px;min-height:340px;max-height:56vh;display:grid}.history-list,.history-preview{background:var(--surface-glass);overflow:auto}.history-list{padding:6px 0}.history-empty{color:var(--text-muted);letter-spacing:.08em;padding:18px 14px;font-size:10px}.history-row{color:var(--text-secondary);cursor:pointer;border-left:2px solid #0000;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:grid}.history-row:hover,.history-row.active{background:var(--accent-subtle);color:var(--neon-bright);border-left-color:var(--neon);box-shadow:inset 0 0 10px #47f6ff14}.history-row.active{border-left-color:var(--magenta)}.history-row-time{font-weight:600}.history-row-size{color:var(--text-muted);letter-spacing:.1em;font-size:9px}#historyPreview{color:var(--text);white-space:pre;background:#08080a;height:100%;margin:0;padding:10px 12px;font-family:inherit;font-size:11px;line-height:1.5;overflow:auto}.cm-panels{background:var(--surface-glass);border-top:1px solid var(--neon-subtle);color:var(--text);font-family:var(--font-mono);font-size:11px}.cm-panels-bottom{box-shadow:0 -4px 18px #47f6ff0f}.cm-panel.cm-search{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.cm-panel.cm-search input.cm-textfield,.cm-panel.cm-search input[type=text],.cm-panel.cm-search input[type=checkbox]+label{border:1px solid var(--border);color:var(--neon-bright);background:#05060ac7;border-radius:0;padding:3px 6px;font-family:inherit;font-size:11px;transition:border-color .15s,box-shadow .15s}.cm-panel.cm-search input.cm-textfield:focus,.cm-panel.cm-search input[type=text]:focus{border-color:var(--neon-subtle);box-shadow:0 0 6px var(--neon-glow);outline:none}.cm-panel.cm-search label,.cm-panel.cm-search br+span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.cm-panel.cm-search button{color:var(--neon);border:1px solid var(--neon-subtle);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#05060a8c;border-radius:0;padding:3px 8px;font-family:inherit;font-size:9px;font-weight:700;transition:all .15s}.cm-panel.cm-search button:hover{background:var(--accent-subtle);box-shadow:0 0 8px var(--neon-glow)}.cm-panel.cm-search button[name=close]{color:var(--text-muted);border-color:var(--border)}.cm-panel.cm-search input[type=checkbox]{margin-right:4px}.cm-searchMatch{background:var(--accent-subtle);outline:1px solid var(--neon)}.cm-searchMatch-selected{background:var(--magenta);color:#05060a;outline:1px solid var(--magenta)}.record-group{align-items:center;gap:4px;display:flex}.record-btn:before{content:"●";opacity:1;width:auto;height:auto;color:var(--red);text-shadow:0 0 5px #ff456c8c;background:0 0;font-size:8px;line-height:1;position:static}.record-btn.is-recording:before{animation:1.1s ease-in-out infinite rec-pulse}.record-btn.is-recording{border-color:var(--red);color:var(--red);box-shadow:0 0 10px #ff456c73}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.record-bars{color:var(--neon);border:1px solid var(--border);text-align:center;-moz-appearance:textfield;background:#05060ac7;border-radius:0;width:48px;height:24px;padding:0 4px;font-family:inherit;font-size:10px;transition:border-color .15s,box-shadow .15s}.record-bars::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.record-bars::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-bars:focus{border-color:var(--neon-subtle);box-shadow:0 0 6px var(--neon-glow);outline:none}.record-status{letter-spacing:.18em;min-width:48px;color:var(--red);text-shadow:0 0 6px #ff456c73;font-size:9px}.cmd-palette{z-index:10001;font-family:var(--font-mono);justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmd-palette[hidden]{display:none!important}.cmd-palette-backdrop{background:var(--backdrop-scanlines), #05060abd;position:absolute;inset:0}.cmd-palette-window{background:var(--surface-glass);border:1px solid var(--neon-subtle);width:min(620px,92vw);max-height:70vh;box-shadow:0 0 30px var(--neon-glow), 6px 6px 0 #ff2bd633, inset 0 0 0 1px #47f6ff0d;flex-direction:column;display:flex;position:relative}.cmd-palette-input{color:var(--neon-bright);border:0;border-bottom:1px solid var(--neon-subtle);letter-spacing:.05em;background:#05060ad9;outline:none;padding:12px 16px;font-family:inherit;font-size:13px}.cmd-palette-input::placeholder{color:var(--text-muted)}.cmd-palette-list{flex:1;padding:4px 0;overflow:auto}.cmd-palette-empty{color:var(--text-muted);letter-spacing:.08em;padding:16px 18px;font-size:11px}.cmd-palette-tip{color:var(--text-muted);letter-spacing:.04em;border-bottom:1px solid var(--border);background:#47f6ff0a;padding:8px 16px;font-size:10.5px}.cmd-palette-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3em;border-top:1px solid var(--border);margin-top:4px;padding:4px 16px 2px;font-size:8px;font-weight:700}.cmd-palette-section:first-child{border-top:0;margin-top:0}.cmd-palette-row{color:var(--text-secondary);cursor:pointer;border-left:2px solid #0000;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:6px 16px;display:grid}.cmd-palette-row:hover,.cmd-palette-row.active{background:var(--accent-subtle);color:var(--neon-bright);border-left-color:var(--neon);box-shadow:inset 0 0 12px #47f6ff14}.cmd-palette-icon{color:var(--magenta);font-size:11px}.cmd-palette-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cmd-palette-subtitle{color:var(--text-muted);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:10px;overflow:hidden}.cmd-palette-hint{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:9px}.cmd-palette-footer{border-top:1px solid var(--border);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;background:#05060a8c;gap:14px;padding:6px 16px;font-size:9px;display:flex}.cmd-palette-footer kbd{border:1px solid var(--border);color:var(--neon);background:#05060a99;margin-right:4px;padding:1px 4px;font-family:inherit}.app-modal{z-index:10000;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-modal[hidden]{display:none!important}.app-modal-backdrop{background:var(--backdrop-scanlines), #05060ad1;position:absolute;inset:0}.app-modal-window{background:var(--surface-glass);border:1px solid var(--neon-subtle);width:min(560px,92vw);max-height:86vh;box-shadow:0 0 30px var(--neon-glow), 6px 6px 0 #ff2bd62e, inset 0 0 0 1px #47f6ff0d;flex-direction:column;display:flex;position:relative}.app-modal-window--small{width:var(--modal-w-small)}.app-modal-window--wide{width:var(--modal-w-wide)}.app-modal-window--browser{width:var(--modal-w-browser);height:var(--modal-h-browser);max-height:var(--modal-h-browser)}.app-modal-header{color:var(--neon);text-transform:uppercase;letter-spacing:.3em;text-shadow:var(--text-glitch);background:#05060ab3;padding:0 10px;font-size:10px;font-weight:700}.app-modal-close{border:1px solid var(--neon-subtle);color:var(--neon);width:22px;height:22px;text-shadow:none;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:0;padding:0;line-height:1;transition:all .15s;display:inline-flex}.app-modal-close:before{content:none}.app-modal-close:hover{background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow)}.app-modal-actions{border-top:1px solid var(--border);background:#05060a8c;align-items:center;gap:8px;padding:10px 14px;display:flex}.app-modal-actions button{color:var(--neon);border:1px solid var(--neon-subtle);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#05060a99;border-radius:0;height:26px;padding:5px 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .15s}.app-modal-actions button:hover:not(:disabled){background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow)}.app-modal-actions button:disabled{opacity:.4;cursor:not-allowed}.app-modal-actions button.app-modal-primary,.app-modal-window .app-modal-primary{background:var(--neon);color:#05060a;border-color:var(--neon);box-shadow:0 0 12px var(--neon-glow), var(--edge-3d)}.app-modal-actions button.app-modal-primary:hover:not(:disabled){background:var(--neon-bright);box-shadow:0 0 18px var(--neon-glow), var(--edge-3d-strong)}.app-modal-spacer{flex:1}.about-modal-body{text-align:center;color:var(--text-secondary);padding:18px 22px 14px}.help-tabs{border-bottom:1px solid var(--neon-subtle);gap:0;padding:0 12px;display:flex}.help-tab{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 12px;font-family:inherit;font-size:10px;font-weight:600}.help-tab:hover{color:var(--neon)}.help-tab--active{color:var(--neon);border-bottom-color:var(--neon)}.help-body{max-height:min(420px,60vh);color:var(--text);padding:14px 16px 8px;font-size:12px;line-height:1.5;overflow-y:auto}.help-lead{color:var(--text-muted);margin:0 0 12px;font-size:12px}.help-h{text-transform:uppercase;letter-spacing:.15em;color:var(--neon);margin:14px 0 6px;font-size:10px;font-weight:700}.help-list{margin:0 0 8px 1.1em;padding:0}.help-list li{margin-bottom:4px}.help-table{border-collapse:collapse;width:100%;margin-bottom:8px}.help-table td{vertical-align:top;border-bottom:1px solid #7df9ff0f;padding:4px 8px 4px 0}.help-keys{white-space:nowrap;width:7em}.help-keys kbd{color:var(--neon);border:1px solid var(--neon-subtle);padding:1px 6px;font-size:11px}.help-rule{border-bottom:1px solid #7df9ff0f;margin-bottom:14px;padding-bottom:10px}.help-code-label{text-transform:uppercase;letter-spacing:.12em;color:var(--neon);margin:6px 0 2px;font-size:9px;font-weight:700}.help-code-label--bad{color:var(--magenta,#ff6ec7)}.help-code{border:1px solid var(--neon-subtle);white-space:pre-wrap;color:var(--text);background:#00000059;margin:0;padding:8px 10px;font-size:11px;overflow-x:auto}.help-code--bad{border-color:#ff6ec759}.help-body--doc{max-height:min(640px,70vh)}.help-body--doc h1{display:none}.help-body--doc .doc-h2{text-transform:uppercase;letter-spacing:.15em;color:var(--neon);margin:18px 0 6px;font-size:11px;font-weight:700}.help-body--doc .doc-h3{color:var(--text);margin:12px 0 4px;font-size:11px}.help-body--doc p,.help-body--doc ul{margin:0 0 8px}.help-body--doc ul{padding-left:1.1em}.help-body--doc hr{border:none;border-top:1px solid #7df9ff14;margin:14px 0}.help-body--doc code{color:var(--neon);font-size:11px}.help-body--doc pre code{color:var(--text)}.help-body--doc .help-code{margin:0 0 8px}.help-body--doc table{border-collapse:collapse;width:100%;margin:0 0 10px}.help-body--doc th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--neon-subtle);padding:4px 8px 4px 0;font-size:10px}.help-body--doc td{vertical-align:top;border-bottom:1px solid #7df9ff0f;padding:4px 8px 4px 0}.help-body--doc a{color:var(--neon)}.help-foot{color:var(--text-muted);margin:16px 0 4px;font-size:11px}.help-foot code{color:var(--neon);font-size:10px}.about-credit{color:var(--text-muted);letter-spacing:.04em;margin:0 0 6px;font-size:10px}.about-license{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:9px}.about-privacy{max-width:320px;color:var(--text-muted);text-align:center;margin:0 auto 12px;font-size:10px;line-height:1.45}.about-logo{letter-spacing:.18em;color:var(--neon-bright);text-shadow:2px 0 0 var(--magenta), 0 0 10px var(--neon-glow);font-size:18px;font-weight:800}.about-logo-accent{color:var(--magenta)}.about-tagline{letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:10px}.about-grid{text-align:left;letter-spacing:.08em;grid-template-columns:max-content 1fr;gap:4px 14px;max-width:280px;margin:18px auto 14px;font-size:10px;display:grid}.about-grid dt{color:var(--text-muted);text-transform:uppercase}.about-grid dd{color:var(--neon);word-break:break-all;font-weight:700}.about-links{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.app-modal-link{color:var(--neon);border:1px solid var(--neon-subtle);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#05060a8c;border-radius:0;height:24px;padding:5px 10px;font-family:inherit;font-size:9px;font-weight:700;transition:all .15s}.app-modal-link:hover{background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow)}.prefs-body{flex-direction:column;gap:14px;padding:14px 22px 6px;display:flex;overflow:auto}.prefs-section{border-left:2px solid var(--neon-subtle);flex-direction:column;gap:6px;padding:0 12px 2px;display:flex}.prefs-section h4{color:var(--neon);text-transform:uppercase;letter-spacing:.25em;text-shadow:2px 0 0 #ff2bd666, 0 0 4px var(--neon-glow);margin-bottom:4px;font-size:9px;font-weight:700}.prefs-field{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.prefs-field span{white-space:nowrap}.prefs-field input[type=text],.prefs-field input[type=password],.prefs-field input[type=number]{color:var(--neon-bright);border:1px solid var(--border);background:#05060ac7;border-radius:0;min-width:220px;padding:4px 8px;font-family:inherit;font-size:11px;transition:border-color .15s,box-shadow .15s}.prefs-field select{min-width:220px}.prefs-field input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--neon-subtle);box-shadow:0 0 6px var(--neon-glow);outline:none}.prefs-field-hint{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);text-align:right;margin-top:-4px;font-size:9px}.prefs-field-wide{flex-direction:column;align-items:stretch}.prefs-field-wide input,.prefs-field-wide select{width:100%;min-width:0}.prefs-row{align-items:center;gap:10px;display:flex}.prefs-path{border:1px solid var(--border);color:var(--neon);text-overflow:ellipsis;white-space:nowrap;text-align:left;direction:rtl;background:#05060a99;flex:1;padding:4px 8px;font-size:11px;overflow:hidden}.prefs-inline-btn{color:var(--neon);border:1px solid var(--neon-subtle);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#05060a99;border-radius:0;flex-shrink:0;height:26px;padding:4px 10px;font-family:inherit;font-size:9px;font-weight:700;transition:all .15s}.prefs-inline-btn:hover{background:var(--accent-subtle);box-shadow:0 0 10px var(--neon-glow)}.prefs-oauth{flex-direction:column;gap:6px;margin:6px 0 10px;display:flex}.prefs-oauth-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prefs-field-hint.is-ok{color:var(--neon)}.prefs-hint{letter-spacing:.1em;color:var(--text-secondary);text-transform:none;opacity:.7;font-size:9px}.prefs-midi-pads{flex-direction:column;gap:4px;margin-top:6px;display:flex}.prefs-pad-row{align-items:center;gap:8px;display:flex}.prefs-pad-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);flex:1;font-size:10px}.prefs-pad-binding{text-align:right;min-width:88px;color:var(--neon);font-family:inherit;font-size:10px}.prefs-pad-row .prefs-inline-btn{height:22px;padding:3px 8px}.prefs-check{cursor:pointer;justify-content:flex-start;align-items:center;gap:10px;display:inline-flex}.prefs-check:has(input:disabled){opacity:.45;cursor:not-allowed}.prefs-note{color:var(--text-muted);letter-spacing:.08em;font-size:9px;line-height:1.5}.prefs-note a{color:var(--neon);text-decoration:none}.prefs-note a:hover{text-shadow:0 0 6px var(--neon-glow)}.fullscreen-viz{pointer-events:none;background:0 0;position:absolute;inset:32px 0 0;overflow:hidden}body.immersive-viz-active #editor,body.immersive-viz-active #editor .cm-editor,body.immersive-viz-active #editor .cm-scroller,body.immersive-viz-active .show-pane,body.immersive-viz-active .show-pane .cm-editor,body.immersive-viz-active .show-pane .cm-scroller{background:0 0!important}body.immersive-viz-active #editor .cm-gutters,body.immersive-viz-active .show-pane .cm-gutters{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0b0f188c!important}.fullscreen-viz-canvas{width:100%;height:100%;position:absolute;inset:0}.fullscreen-viz-hud{pointer-events:none;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted,#a7b7d6);z-index:10000;font-size:11px;transition:opacity .22s;position:fixed;bottom:16px;right:16px}.fullscreen-viz-hud[hidden]{display:none}.fullscreen-viz-hud.hidden{opacity:0;pointer-events:none}.fullscreen-viz-hud>*{pointer-events:auto}.fullscreen-viz-hud:not([hidden]){gap:8px;display:flex}.hud-left,.hud-center,.hud-right{border:1px solid color-mix(in srgb, var(--neon,#47f6ff) 18%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#05060ac7;align-items:center;gap:8px;padding:6px 10px;display:flex}.hud-btn{border:1px solid color-mix(in srgb, var(--neon,#47f6ff) 28%, transparent);color:var(--neon,#47f6ff);cursor:pointer;background:0 0;gap:0;padding:2px 9px;font-size:10px;transition:all 80ms}.hud-btn:hover{background:color-mix(in srgb, var(--neon,#47f6ff) 10%, transparent);border-color:var(--neon,#47f6ff);text-shadow:0 0 6px var(--neon-glow)}.hud-exit{border-color:color-mix(in srgb, var(--neon-secondary,#ff2bd6) 38%, transparent);color:var(--neon-secondary,#ff2bd6)}.hud-exit:hover{background:color-mix(in srgb, var(--neon-secondary,#ff2bd6) 12%, transparent);border-color:var(--neon-secondary,#ff2bd6)}.hud-divider{opacity:.4;padding:0 4px}.hud-unit{opacity:.6;padding-left:1px;font-size:9px}.fullscreen-viz:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.stage-root{z-index:10050;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.stage-root[hidden]{display:none}.stage-root canvas{display:block}body.stage-active:before,body.stage-active:after,body.stage-active #fullscreenVizHUD{display:none}.header-menu{position:relative}.header-menu-btn{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-variant-emoji:text;background:0 0;border-radius:0;padding:4px 10px;font-family:inherit;font-size:10px;font-weight:600;transition:all .12s}.header-menu-btn:hover,.header-menu-btn[aria-expanded=true]{border-color:var(--neon-subtle);color:var(--neon);text-shadow:0 0 6px var(--neon-glow);box-shadow:0 0 8px var(--neon-glow)}.dropdown-menu{z-index:100;background:var(--surface-glass);border:1px solid var(--neon-subtle);min-width:240px;max-width:calc(100vw - 24px);max-height:min(70vh,480px);box-shadow:0 0 18px var(--neon-glow), 4px 4px 0 #ff2bd62e;flex-direction:column;padding:4px 0;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.dropdown-menu[hidden]{display:none!important}.dropdown-menu .menu-section{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:8px 12px 3px;font-size:9px;font-weight:700}.dropdown-menu hr{border:0;border-top:1px solid var(--border);margin:4px 0}.dropdown-menu button,.dropdown-menu a{color:var(--text-secondary);text-align:left;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;height:auto;padding:5px 12px;font-family:inherit;font-size:10px;font-weight:600;text-decoration:none;transition:all .12s;display:flex}.dropdown-menu button:hover,.dropdown-menu button:focus-visible,.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:var(--accent-subtle);color:var(--neon-bright);text-shadow:0 0 6px var(--neon-glow);outline:none}.dropdown-menu button:before,.dropdown-menu a:before{content:"▸";opacity:0;font-variant-emoji:text;background:0 0;flex-shrink:0;width:10px;height:auto;position:static}.dropdown-menu button[aria-checked=true]{color:var(--neon)}.dropdown-menu button[aria-checked=true]:before{opacity:1;text-shadow:0 0 6px var(--neon-glow)}.dropdown-menu .menu-item-label{white-space:nowrap;flex:auto}.dropdown-menu .menu-item-hint{letter-spacing:.08em;color:var(--text-muted);text-transform:none;white-space:nowrap;font-size:8px}.dropdown-menu button[role=menuitemcheckbox]{padding-left:12px;position:relative}.dropdown-menu button[role=menuitemcheckbox]:before{content:"";opacity:1;border:1px solid var(--border);background:#05060ad1;flex-shrink:0;width:22px;height:12px;transition:border-color .15s,background .15s,box-shadow .15s;position:static}.dropdown-menu button[role=menuitemcheckbox]:after{content:"";background:var(--text-muted);width:8px;height:8px;transition:transform .15s,background .15s,box-shadow .15s;position:absolute;left:15px}.dropdown-menu button[role=menuitemcheckbox][aria-checked=true]:before{border-color:var(--neon);background:#47f6ff26;box-shadow:0 0 6px #47f6ff40,inset 0 0 4px #47f6ff14}.dropdown-menu button[role=menuitemcheckbox][aria-checked=true]:after{background:var(--neon);transform:translate(10px);box-shadow:0 0 6px #47f6ff99,2px 2px #ff2bd666}@media (prefers-reduced-motion:reduce){.dropdown-menu button[role=menuitemcheckbox]:before,.dropdown-menu button[role=menuitemcheckbox]:after{transition:none}}.no-scanlines body:after{display:none}.no-scanlines .files-panel:after{background:linear-gradient(270deg,#ff2bd60d,#0000 26%,#0000)}.no-scanlines .app-modal-backdrop{background:#05060ad1}.no-scanlines .fullscreen-viz:after{display:none}.export-modal{width:min(420px,90vw);padding-bottom:12px}.export-modal-help{color:var(--text-muted);margin:12px 14px 0;font-size:12px;line-height:1.45}.export-modal-field{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin:14px 14px 0;font-size:13px;display:flex}.export-modal-field input,.export-modal-field select{width:120px}.export-modal-field input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 8px;font-family:inherit;font-size:13px}.export-modal-field input:focus{border-color:var(--neon);outline:none}.export-modal-check{color:var(--text);cursor:pointer;align-items:flex-start;gap:8px;margin:12px 14px 0;font-size:12px;display:flex}.export-modal-check input{margin-top:2px}.export-length-modes{align-items:flex-start}.export-length-choices{flex-direction:column;gap:6px;font-size:12px;display:flex}.export-length-choices label{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.export-length-choices input{width:16px;height:16px;margin:0;padding:0}.export-length-choices input:disabled+*{opacity:.5;cursor:default}.export-length-choices label:has(input:disabled){opacity:.5;cursor:default}.export-modal-help code{background:var(--bg);border:1px solid var(--border);padding:0 3px;font-size:11px}.export-modal-meta{color:var(--text-muted);margin:10px 14px 0;font-size:11px}.export-modal-actions{justify-content:flex-end;gap:8px;margin:16px 14px 0;display:flex}.export-modal-actions button{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid var(--neon-subtle);color:var(--text);background:0 0;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700}.export-modal-actions button.primary{background:var(--neon);color:var(--bg);border-color:var(--neon)}.export-modal-actions button:hover{box-shadow:0 0 10px var(--neon-glow)}.packs-modal-body{max-height:min(420px,60vh);padding:12px 16px 8px;overflow:auto}.packs-intro{color:var(--text-dim);margin:0 0 12px;font-size:12px;line-height:1.45}.samples-heading{align-items:center;gap:var(--gap-inline);margin:var(--sp-6) 0 var(--sp-3);font-size:var(--fs-small);font-weight:var(--fw-med);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--text-muted);display:flex}.samples-heading>.prefs-inline-btn:first-of-type{margin-left:auto}.samples-heading>.prefs-inline-btn{flex:none}.samples-heading:first-child{margin-top:0}.sounds-manage-btn{font-weight:var(--fw-body);text-transform:none}.packs-intro code{font-size:11px}.packs-list{flex-direction:column;gap:6px;display:flex}.packs-row{border:1px solid var(--neon-subtle,#333);cursor:pointer;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.packs-row input{margin-top:1px}.packs-row-body{flex-direction:column;gap:2px;min-width:0;display:flex}.packs-row-title{font-size:13px;font-weight:600}.packs-row-meta{color:var(--text-dim);margin-left:8px;font-size:11px;font-weight:400}.packs-row-banks{color:var(--text-dim);word-break:break-all;font-size:11px}.packs-empty{color:var(--text-dim);font-size:12px;line-height:1.45}.sidebar,#editor .cm-scroller,.dropdown-menu,.file-menu-popover{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track)}.sidebar::-webkit-scrollbar{width:var(--sb-size-medium);height:var(--sb-size-medium)}#editor .cm-scroller::-webkit-scrollbar{width:var(--sb-size-medium);height:var(--sb-size-medium)}.dropdown-menu::-webkit-scrollbar{width:var(--sb-size-medium);height:var(--sb-size-medium)}.file-menu-popover::-webkit-scrollbar{width:var(--sb-size-medium);height:var(--sb-size-medium)}.sidebar::-webkit-scrollbar-track{background:var(--sb-track)}#editor .cm-scroller::-webkit-scrollbar-track{background:var(--sb-track)}.dropdown-menu::-webkit-scrollbar-track{background:var(--sb-track)}.file-menu-popover::-webkit-scrollbar-track{background:var(--sb-track)}.sidebar::-webkit-scrollbar-thumb{background:var(--sb-thumb);border:3px solid var(--sb-track);border-radius:10px}#editor .cm-scroller::-webkit-scrollbar-thumb{background:var(--sb-thumb);border:3px solid var(--sb-track);border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--sb-thumb);border:3px solid var(--sb-track);border-radius:10px}.file-menu-popover::-webkit-scrollbar-thumb{background:var(--sb-thumb);border:3px solid var(--sb-track);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border)}#editor .cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--border)}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--border)}.file-menu-popover::-webkit-scrollbar-thumb:hover{background:var(--border)}.file-tree,.ex-grid,.cmd-palette-list,.ai-messages,#midiLabPreview{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}.file-tree::-webkit-scrollbar{width:4px;height:4px}.ex-grid::-webkit-scrollbar{width:4px;height:4px}.cmd-palette-list::-webkit-scrollbar{width:4px;height:4px}.ai-messages::-webkit-scrollbar{width:4px;height:4px}#midiLabPreview::-webkit-scrollbar{width:4px;height:4px}.file-tree::-webkit-scrollbar-track{background:0 0}.ex-grid::-webkit-scrollbar-track{background:0 0}.cmd-palette-list::-webkit-scrollbar-track{background:0 0}.ai-messages::-webkit-scrollbar-track{background:0 0}#midiLabPreview::-webkit-scrollbar-track{background:0 0}.file-tree::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:2px}.ex-grid::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:2px}.cmd-palette-list::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:2px}.ai-messages::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:2px}#midiLabPreview::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:2px}.file-tree::-webkit-scrollbar-thumb:hover{background:var(--border)}.ex-grid::-webkit-scrollbar-thumb:hover{background:var(--border)}.cmd-palette-list::-webkit-scrollbar-thumb:hover{background:var(--border)}.ai-messages::-webkit-scrollbar-thumb:hover{background:var(--border)}#midiLabPreview::-webkit-scrollbar-thumb:hover{background:var(--border)}.mixer-list{flex-direction:column;gap:3px;max-height:190px;display:flex;overflow-y:auto}.mixer-row{border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:2px 4px;transition:background .15s,opacity .15s;display:flex}.mixer-row:hover{background:var(--bg-lighter)}.mixer-row--silent .mixer-name{opacity:.4;text-decoration:line-through}.mixer-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.mixer-btn{letter-spacing:0;width:22px;height:20px;color:var(--text-secondary);background:var(--bg-light);border:1px solid var(--border);cursor:pointer;border-radius:3px;flex:none;justify-content:center;padding:0;font-family:inherit;font-size:10px;font-weight:600;line-height:1;transition:color .12s,border-color .12s,background .12s,box-shadow .12s}.mixer-btn:before{content:none}.mixer-btn:hover{color:var(--text);border-color:var(--neon-subtle)}.mixer-btn--mute.is-on{color:#0b0f18;background:var(--neon-secondary);border-color:var(--neon-secondary);box-shadow:0 0 6px var(--neon-secondary-glow)}.mixer-btn--solo.is-on{color:#0b0f18;background:var(--neon);border-color:var(--neon);box-shadow:0 0 6px var(--neon-glow)}.samples-set-blurb{margin:-4px 0 8px 26px;font-size:11px;line-height:1.4}.snd-browser button,.snd-panel button{text-transform:none;height:auto;letter-spacing:var(--ls-body)}.snd-browser button:before,.snd-panel button:before{content:none}.section-count{font-size:var(--fs-tiny);font-weight:var(--fw-body);letter-spacing:var(--ls-wide);color:var(--neon);opacity:.75;text-shadow:none}.vlist-spacer{width:100%;position:relative}.vlist-window{position:absolute;top:0;left:0;right:0}.snd-browser{flex-direction:column;display:flex}.snd-browser-toolbar{align-items:center;gap:var(--gap-inline);padding:var(--sp-3) var(--pad-pane);border-bottom:var(--edge-neon);background:var(--surface-inset);display:flex}.snd-search{min-width:0;height:var(--ctl-h-md);padding:0 var(--sp-4);background:var(--bg);color:var(--neon-bright);border:var(--edge-hairline);border-radius:var(--r-0);font-family:var(--font-mono);font-size:var(--fs-base);line-height:var(--lh-ui);letter-spacing:var(--ls-code);flex:1}.snd-search:focus{border-color:var(--neon);box-shadow:var(--glow-1);outline:none}.snd-search::placeholder{color:var(--text-dim)}.snd-result-count{font-size:var(--fs-tiny);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-muted);flex:none}.snd-browser-body{grid-template-columns:var(--rail-w) 1fr;background:var(--border);flex:1;gap:1px;min-height:0;display:grid}.snd-rail,.snd-main{background:var(--surface-glass);min-width:0;min-height:0}.snd-rail{padding:var(--pad-pane) 0;overflow-y:auto}.snd-main{flex-direction:column;display:flex}.snd-rail-item{align-items:center;gap:var(--gap-inline);width:100%;height:var(--row-h);padding:0 var(--pad-row-x);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-small);text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;display:flex}.snd-rail-item:hover{background:var(--accent-subtle);color:var(--neon-bright)}.snd-rail-item.is-active{border-left-color:var(--neon);background:var(--accent-subtle);color:var(--neon-bright);box-shadow:inset 0 0 12px #47f6ff14}.snd-rail-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snd-rail-count{font-size:var(--fs-tiny);color:var(--text-dim);margin-left:auto}.snd-rail-item.is-active .snd-rail-count{color:var(--neon)}.snd-list{flex:1;min-height:0;position:relative;overflow-y:auto}.snd-row{height:var(--row-h);align-items:center;gap:var(--gap-inline);padding-left:calc(var(--pad-row-x) + var(--depth,0) * var(--sp-5));padding-right:var(--pad-row-x);border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--lh-tight);letter-spacing:var(--ls-code);cursor:pointer;contain:layout paint;border-left:2px solid #0000;display:flex}.snd-row:hover,.snd-row.is-selected{background:var(--accent-subtle);color:var(--neon-bright);border-left-color:var(--neon)}.snd-row.is-selected{box-shadow:inset 0 0 12px #47f6ff14}.snd-row-caret{width:var(--sp-5);color:var(--neon-secondary);font-size:var(--fs-tiny);flex:none}.snd-row-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.snd-row--bank>.snd-row-name{color:var(--text);font-weight:var(--fw-med)}.snd-row.is-selected>.snd-row-name,.snd-row:hover>.snd-row-name{color:inherit}.snd-row-kind,.snd-row-meta,.snd-row-origin{font-size:var(--fs-tiny);color:var(--text-dim);white-space:nowrap;flex:none}.snd-row-meta{color:var(--neon);opacity:.8}.snd-row-origin{text-overflow:ellipsis;max-width:14ch;overflow:hidden}.snd-row-tag{padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--r-1);color:var(--text-muted);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:var(--ls-wide);white-space:nowrap;flex:none}.snd-row-tag[data-flag=live]{color:var(--orange);border-color:var(--orange-dark)}.snd-row-tag[data-flag=shadowed],.snd-row-tag[data-flag=disabled]{color:var(--text-dim)}.snd-audition{width:var(--ctl-h-row);height:var(--ctl-h-row);border-radius:var(--r-0);color:var(--text-muted);font-size:var(--fs-tiny);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;transition:opacity .1s,color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.snd-audition-spacer{width:var(--ctl-h-row);flex:none}.snd-row:hover .snd-audition,.snd-row:focus-within .snd-audition,.snd-audition:focus-visible,.snd-audition.is-playing{opacity:1}.snd-audition:hover{color:var(--neon);border-color:var(--neon-subtle);box-shadow:var(--glow-1)}.snd-audition.is-playing{color:var(--viz-active);border-color:var(--viz-active);animation:1.1s ease-in-out infinite snd-audition-pulse}.snd-row.is-playing{border-left-color:var(--viz-active)}@keyframes snd-audition-pulse{0%,to{box-shadow:0 0 4px #f7ff5a59}50%{box-shadow:0 0 14px #f7ff5aa6}}.snd-empty,.snd-error{padding:var(--sp-7) var(--pad-pane);text-align:center;font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-muted)}.snd-error{color:var(--red)}.snd-hint{font-size:var(--fs-tiny);color:var(--text-dim);letter-spacing:var(--ls-wide)}.snd-panel-search{width:100%;height:var(--ctl-h-sm);margin-bottom:var(--sp-3);padding:0 var(--sp-3);background:var(--bg);color:var(--neon-bright);border:var(--edge-hairline);border-radius:var(--r-0);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:var(--ls-code)}.snd-panel-search:focus{border-color:var(--neon);box-shadow:var(--glow-1);outline:none}.snd-panel-search::placeholder{color:var(--text-dim)}.snd-panel-list{max-height:calc(var(--row-h) * 8);position:relative;overflow-y:auto}.snd-row--group{color:var(--text-muted);font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;background:var(--surface-inset)}.snd-row--group>.snd-row-name{font-weight:var(--fw-bold)}.snd-row--more{color:var(--neon);font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;justify-content:center}@media (width<=900px){.app-modal-window--browser{width:96vw;height:92vh;max-height:92vh}.snd-browser-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.snd-rail{gap:var(--sp-2);padding:var(--sp-3) var(--pad-pane);display:flex;overflow:auto hidden}.snd-rail-item{border-bottom:2px solid #0000;border-left:0;flex:none;width:auto}.snd-rail-item.is-active{border-bottom-color:var(--neon)}}@media (width<=400px){.snd-browser-toolbar{flex-wrap:wrap}.snd-result-count{order:3;width:100%}.snd-row-kind,.snd-row-origin,.snd-row-tag{display:none}}.si-toolbar{gap:var(--gap-stack);flex-wrap:wrap}.si-field{align-items:center;gap:var(--gap-inline);font-size:var(--fs-micro);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);display:flex}.si-field input{height:var(--ctl-h-sm);padding:0 var(--sp-3);background:var(--bg);color:var(--neon-bright);border:var(--edge-hairline);border-radius:var(--r-0);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:var(--ls-code);text-transform:none}.si-field input:focus{border-color:var(--neon);box-shadow:var(--glow-1);outline:none}.si-source{padding:var(--sp-3) var(--pad-pane);font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-muted);border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent)}.si-warnings{padding:var(--sp-3) var(--pad-pane) var(--sp-3) calc(var(--pad-pane) + var(--sp-5));font-size:var(--fs-tiny);line-height:var(--lh-body);color:var(--orange);background:var(--surface-inset);margin:0;list-style:square}.si-body{grid-template-columns:1fr 1fr}.si-banks,.si-files{background:var(--surface-glass)}.si-bank.is-dropped{opacity:.4}.si-bank.is-dropped .si-bank-name{text-decoration:line-through}.si-bank-name{min-width:0;height:var(--ctl-h-row);padding:0 var(--sp-2);color:var(--text);border-radius:var(--r-0);font-family:var(--font-mono);font-size:var(--fs-base);font-weight:var(--fw-med);letter-spacing:var(--ls-code);background:0 0;border:1px solid #0000;flex:auto}.si-bank-name:hover{border-color:var(--border)}.si-bank-name:focus{border-color:var(--neon);box-shadow:var(--glow-1);outline:none}.si-bank-drop,.si-file-drop,.si-file-up{width:var(--ctl-h-row);height:var(--ctl-h-row);color:var(--text-dim);font-size:var(--fs-tiny);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;transition:opacity .1s,color .12s,border-color .12s;display:inline-flex}.snd-row:hover .si-bank-drop,.snd-row:hover .si-file-drop,.snd-row:hover .si-file-up,.si-bank-drop:focus-visible,.si-file-drop:focus-visible,.si-file-up:focus-visible{opacity:1}.si-bank-drop:hover,.si-file-drop:hover{color:var(--red);border-color:var(--red-subtle)}.si-file-up:hover{color:var(--neon);border-color:var(--neon-subtle)}.si-summary{font-size:var(--fs-tiny);color:var(--text-muted);letter-spacing:var(--ls-wide)}.snd-sources{gap:var(--gap-stack);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.snd-source-card{gap:var(--sp-2);padding:var(--pad-pane);background:var(--surface-inset);border:var(--edge-neon);flex-direction:column;display:flex}.snd-source-card:hover{border-color:var(--neon);box-shadow:var(--glow-2)}.snd-source-open{color:var(--neon-bright);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;text-shadow:var(--text-glitch);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.snd-source-open:hover{color:var(--neon)}.snd-source-blurb{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--text-secondary)}.snd-source-license,.snd-source-format{font-size:var(--fs-tiny);line-height:var(--lh-body);color:var(--text-dim);letter-spacing:var(--ls-wide)}.samples-getmore-note strong{color:var(--orange-bright)}.snd-set{gap:var(--sp-2);padding:var(--pad-row-y) var(--pad-row-x);background:var(--surface-inset);border:var(--edge-hairline);cursor:pointer;border-left:2px solid #0000;flex-direction:column;display:flex}.snd-set:hover{border-color:var(--neon-subtle);border-left-color:var(--neon-subtle)}.snd-set[data-state=active]{border-left-color:var(--neon);background:var(--accent-subtle);box-shadow:inset 0 0 12px #47f6ff14}.snd-set[data-state=missing]{opacity:.82}.snd-set[data-state=missing]:hover{opacity:1}.snd-set-head{align-items:center;gap:var(--gap-inline);display:flex}.snd-set-radio{pointer-events:none;flex:none}.snd-set-label{min-width:0;font-size:var(--fs-base);font-weight:var(--fw-med);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.snd-set-chip{padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--r-1);font-size:var(--fs-tiny);letter-spacing:var(--ls-wide);text-transform:uppercase;white-space:nowrap;color:var(--text-muted);flex:none}.snd-set[data-state=active] .snd-set-chip{color:var(--neon);border-color:var(--neon-subtle)}.snd-set[data-state=ready] .snd-set-chip{color:var(--green-bright);border-color:var(--green)}.snd-set[data-state=missing] .snd-set-chip{color:var(--orange-bright);border-color:var(--orange-dark)}.snd-set-action{height:var(--ctl-h-sm);padding:0 var(--sp-4);border:1px solid var(--neon-subtle);border-radius:var(--r-0);color:var(--neon);font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:var(--ls-caps);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;flex:none}.snd-set-action:hover:not(:disabled){border-color:var(--neon);box-shadow:var(--glow-1)}.snd-set-action:disabled{opacity:.45;cursor:default}.snd-set[data-state=missing] .snd-set-action{color:var(--orange-bright);border-color:var(--orange-dark)}.snd-set[data-state=missing] .snd-set-action:hover{border-color:var(--orange-bright);box-shadow:0 0 6px #ffb00059}.snd-set-desc,.snd-set-status{font-size:var(--fs-tiny);line-height:var(--lh-body);color:var(--text-dim)}.snd-set-status:empty{display:none}.snd-progress{background:var(--surface-chrome);width:100%;height:2px;overflow:hidden}.snd-progress-fill{background:var(--neon);width:0;height:100%;box-shadow:var(--glow-1);transition:width .2s linear}.snd-row--machine>.snd-row-name{color:var(--neon-bright);font-weight:var(--fw-bold)}.snd-row-voices{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-tiny);color:var(--text-dim);letter-spacing:var(--ls-wide);flex:auto;overflow:hidden}.snd-row--machine>.snd-row-name{flex:none}.snd-row--voice .snd-row-kind,.snd-row--voice .snd-row-origin{display:none}#fileMenuBtn,#fileMenuPopover,#midiInStatus,#aiPanel,#filesNewFile,#filesNewFolder,#filesMidiImport,#filesChangeRoot,#fileContextMenu,#historyBtn,#recordBtn,#recordBars,#recordStatus,#editorMidiBtn,#soundsManage,#emptyNewBtn{display:none!important}