.context-menu{z-index:2000;border:1px solid var(--border-light);background:var(--bg-2);min-width:270px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);font-family:var(--font);border-radius:16px;padding:7px;position:fixed;overflow:auto;box-shadow:0 16px 50px #0008}.context-menu>button{text-align:left;width:100%;box-shadow:none;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:22px;padding:6px 10px;font-size:13px;display:flex}.context-menu>button:hover:not(:disabled),.context-menu>button:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none}.context-title{color:var(--text-1);padding:5px 10px 8px;font-size:11px}.context-menu .shortcut{color:var(--text-2);font-size:11px}.context-separator{background:#ffffff12;height:1px;margin:5px 8px}.context-colors{gap:5px;padding:9px;display:flex}.context-colors button{border:1px solid #ffffff30;border-radius:50%;width:19px;height:19px;padding:0}.top-menu[data-v-03e4adda]{background:var(--bg-1);border-bottom:1px solid var(--border);z-index:100;align-items:center;height:28px;padding:0 6px;font-size:15px;display:flex;position:relative}.menus[data-v-03e4adda]{align-items:center;gap:1px;display:flex}.menu[data-v-03e4adda]{position:relative}.menu-btn[data-v-03e4adda]{background:0 0;border:none;border-radius:3px;padding:3px 9px}.menu-btn[data-v-03e4adda]:hover,.menu-btn.active[data-v-03e4adda]{background:var(--bg-3)}.dropdown[data-v-03e4adda]{background:var(--bg-2);border:1px solid var(--border-light);border-radius:3px;flex-direction:column;min-width:180px;padding:3px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 6px 16px #00000080}.item[data-v-03e4adda]{text-align:left;background:0 0;border:none;border-radius:2px;padding:4px 10px;font-size:15px}.item[data-v-03e4adda]:hover:not(:disabled){background:var(--accent-dim);color:#fff}.sep[data-v-03e4adda]{background:var(--border);height:1px;margin:3px 6px}.right[data-v-03e4adda]{align-items:center;gap:10px;margin-left:auto;display:flex}.project-name[data-v-03e4adda]{color:var(--text-1);cursor:default;text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.project-name[data-v-03e4adda]:hover{color:var(--text-0)}.rename-input[data-v-03e4adda]{width:180px}.brand[data-v-03e4adda]{color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:1px 6px;font-size:13px;font-weight:600}.ui-num[data-v-b669a66b]{align-items:stretch;display:inline-flex;position:relative}.ui-num input[data-v-b669a66b]{width:88px;padding-right:18px}.ui-num.small input[data-v-b669a66b]{width:60px;padding:3px 17px 3px 6px;font-size:13px}.ui-num-btns[data-v-b669a66b]{flex-direction:column;width:16px;display:flex;position:absolute;top:1px;bottom:1px;right:1px}.ui-num-btns button[data-v-b669a66b]{border:none;border-left:1px solid var(--border-light);background:var(--bg-2);color:var(--text-1);cursor:pointer;border-radius:0;flex:1;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:flex}.ui-num-btns button[data-v-b669a66b]:first-child{border-bottom:1px solid var(--border-light)}.ui-num-btns button[data-v-b669a66b]:hover{background:var(--bg-3);color:var(--accent)}.ui-num.disabled .ui-num-btns button[data-v-b669a66b]{opacity:.4;cursor:default}.transport[data-v-8f9bacd2]{background:var(--bg-1);border-bottom:1px solid var(--border);align-items:center;gap:0;height:44px;padding:0 8px;font-size:15px;display:flex}.group[data-v-8f9bacd2]{border-right:1px solid var(--border);align-items:center;gap:5px;height:100%;padding:0 10px;display:flex}.group[data-v-8f9bacd2]:last-child{border-right:none}.time-display[data-v-8f9bacd2]{min-width:120px}.time[data-v-8f9bacd2]{color:var(--accent);font-size:28px}.btns button[data-v-8f9bacd2]{min-width:30px;padding:3px 7px;font-size:16px}.rec.active[data-v-8f9bacd2]{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 6px #e5534b80}.loop input[data-v-8f9bacd2]{width:56px}.loop label[data-v-8f9bacd2]{color:var(--text-2);font-size:13px}.sel-info[data-v-8f9bacd2]{color:var(--text-1);gap:8px;font-size:13px}.sel-info .dim[data-v-8f9bacd2]{color:var(--text-2)}.mini[data-v-8f9bacd2]{padding:0 5px;font-size:13px;line-height:16px}.right[data-v-8f9bacd2]{margin-left:auto}.bpm[data-v-8f9bacd2]{width:58px}.suffix[data-v-8f9bacd2]{color:var(--text-2);margin-left:-3px;font-size:13px}.timesig[data-v-8f9bacd2]{color:var(--text-1);padding:0 4px;font-size:15px}.in-meter[data-v-8f9bacd2]{background:var(--bg-0);border:1px solid var(--border-light);border-radius:2px;width:70px;height:10px;overflow:hidden}.in-meter-fill[data-v-8f9bacd2]{background:linear-gradient(90deg, var(--green), var(--yellow) 70%, var(--red));height:100%;transition:width 60ms linear}.track-parameter[data-v-deb82774]{background:0 0;border:1px solid #0000;border-radius:7px;flex:1;min-width:0;padding:2px 6px 0}.track-parameter[data-v-deb82774]:hover{border-color:var(--border-light)}.track-parameter[data-v-deb82774]:focus-within{border-color:var(--accent)}.parameter-value[data-v-deb82774]{color:var(--text-1);justify-content:space-between;align-items:center;gap:4px;font-size:12px;display:flex}.parameter-value input[data-v-deb82774]{width:53px;min-width:0;height:22px;font:inherit;font-variant-numeric:tabular-nums;color:var(--text-0);background:var(--bg-inset);border:1px solid var(--border-light);border-radius:4px;padding:1px 4px;font-size:12px;font-weight:600}.parameter-value input[data-v-deb82774]:hover{border-color:var(--accent);background:var(--bg-3)}.track-parameter .parameter-slider[data-v-deb82774]{width:100%;height:20px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.parameter-slider[data-v-deb82774]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--bg-inset) var(--fill));border-radius:4px;height:5px}.parameter-slider[data-v-deb82774]::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--bg-inset) var(--fill));border-radius:4px;height:5px}.track-parameter .parameter-slider[data-v-deb82774]::-webkit-slider-thumb{background:#9fcaff;border:1px solid #d4e7ff;border-radius:4px;width:13px;height:15px;margin-top:-5px}.track-parameter .parameter-slider[data-v-deb82774]::-moz-range-thumb{background:#9fcaff;border:1px solid #d4e7ff;border-radius:4px;width:11px;height:13px}.parameter-slider[data-v-deb82774]:hover{filter:brightness(1.25)}.th[data-v-56523510]{border-bottom:1px solid var(--border);background:var(--bg-1);flex-direction:column;flex:none;justify-content:space-between;gap:5px;padding:7px 8px 8px 12px;display:flex;position:relative;overflow:hidden}.th.selected[data-v-56523510]{background:var(--bg-2)}.strip[data-v-56523510]{width:4px;position:absolute;top:0;bottom:0;left:0}.row[data-v-56523510]{align-items:center;gap:7px;min-height:22px;display:flex}.name[data-v-56523510]{white-space:nowrap;text-overflow:ellipsis;cursor:default;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.name-input[data-v-56523510]{flex:1;min-width:0;padding:2px 6px;font-size:15px}.btns[data-v-56523510]{flex:none;align-items:center;gap:6px;display:flex}.mini[data-v-56523510]{min-height:22px;padding:2px 10px;font-size:13px;line-height:1.2}.btns .danger[data-v-56523510]{width:28px;height:26px;color:var(--text-1);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btns .danger svg[data-v-56523510]{flex-shrink:0}.btns .danger[data-v-56523510]:hover{background:var(--red);border-color:var(--red);color:#fff}.tgl[data-v-56523510]{width:26px;height:22px;padding:0;font-size:13px;line-height:1}.tgl.wide[data-v-56523510]{width:38px}.tgl.on[data-v-56523510]{background:var(--accent-dim);border-color:var(--accent);color:#fff}.tgl.rec.on[data-v-56523510]{background:var(--red);border-color:var(--red);box-shadow:0 0 5px #e5534b80}.dev[data-v-56523510]{text-overflow:ellipsis;flex:1;width:0;min-width:64px;padding:3px 24px 3px 6px;font-size:13px}.aclip[data-v-52ce1dac]{background:var(--clip-bg);border:1px solid var(--border-light);cursor:grab;pointer-events:auto;z-index:1;border-left:3px solid;border-radius:3px;height:66px;position:absolute;overflow:hidden}.aclip.selected[data-v-52ce1dac]{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);z-index:2}.wave[data-v-52ce1dac]{width:100%;height:calc(100% - 24px);position:absolute;top:24px;left:0}.label[data-v-52ce1dac]{color:var(--text-0);text-shadow:0 1px 2px #000c;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:12px;position:absolute;top:2px;left:5px;right:4px;overflow:hidden}.rev[data-v-52ce1dac]{color:var(--accent);margin-right:3px}.mclip[data-v-fdd85646]{background:var(--clip-bg);border:1px solid var(--border-light);cursor:grab;pointer-events:auto;z-index:1;border-left:3px solid;border-radius:3px;height:66px;position:absolute;overflow:hidden}.mclip.selected[data-v-fdd85646]{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);z-index:2}.note[data-v-fdd85646]{background:var(--accent);pointer-events:none;border-radius:1px;min-width:2px;height:4px;position:absolute}.label[data-v-fdd85646]{color:var(--text-0);text-shadow:0 1px 2px #000c;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:12px;position:absolute;top:2px;left:5px;right:4px;overflow:hidden}.arrange[data-v-573bbe03]{background:var(--bg-0);flex:1;min-width:0;position:relative;overflow:auto}.inner[data-v-573bbe03]{min-height:100%;display:flex}.side[data-v-573bbe03]{z-index:10;width:var(--v2a9c95ec);flex:0 0 var(--v2a9c95ec);background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;display:flex;position:sticky;left:0}.side-spacer[data-v-573bbe03]{background:var(--bg-1);border-bottom:1px solid var(--border);flex:none}.side-add[data-v-573bbe03]{border-top:1px solid var(--border);gap:6px;padding:6px 8px;display:flex}.timeline[data-v-573bbe03]{flex:none;position:relative}.ruler-wrap[data-v-573bbe03]{z-index:5;height:var(--a4cad1a0);border-bottom:1px solid var(--border);background:var(--bg-1);line-height:0;position:sticky;top:0}.ruler-canvas[data-v-573bbe03]{cursor:ew-resize;display:block}.lanes[data-v-573bbe03]{min-height:220px;position:relative}.lane[data-v-573bbe03]{height:var(--v4bc986c5);border-bottom:1px solid var(--border);background:#ffffff03;border-left:2px solid #0000}.lane.alt[data-v-573bbe03]{background:#ffffff08}.lane.selected[data-v-573bbe03]{background:#f0a8320d}.loop-region[data-v-573bbe03]{pointer-events:none;z-index:1;background:#f0a83212;border-left:1px solid #f0a83299;border-right:1px solid #f0a83299;position:absolute;top:0;bottom:0}.empty-hint[data-v-573bbe03]{color:var(--text-2);background:var(--bg-1);border:1px dashed var(--border-light);pointer-events:none;white-space:nowrap;border-radius:4px;margin:120px 0 0 40px;padding:10px 16px;font-size:16px;display:inline-block;position:sticky;left:200px}.clips-layer[data-v-573bbe03]{pointer-events:none;z-index:2;position:absolute;inset:0}.playhead[data-v-573bbe03]{background:var(--accent);width:1px;box-shadow:0 0 4px var(--accent-glow);z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.clip-panel[data-v-544ceef0]{gap:16px;height:100%;padding:10px 12px;font-size:15px;display:flex}.col[data-v-544ceef0]{flex-direction:column;gap:6px;display:flex}.left[data-v-544ceef0]{width:200px}.name[data-v-544ceef0]{width:100%;font-weight:600}.info[data-v-544ceef0]{color:var(--text-2);font-size:13px}.fx-wrap[data-v-544ceef0]{margin-top:auto;position:relative}.fx-btn[data-v-544ceef0]{width:110px}.fx-menu[data-v-544ceef0]{background:var(--bg-2);border:1px solid var(--border-light);z-index:20;border-radius:3px;flex-direction:column;min-width:150px;margin-bottom:3px;padding:3px;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 -4px 14px #00000080}.item[data-v-544ceef0]{text-align:left;background:0 0;border:none;border-radius:2px;padding:4px 10px;font-size:15px}.item[data-v-544ceef0]:hover{background:var(--accent-dim);color:#fff}.fields[data-v-544ceef0]{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px 12px;max-width:320px;display:grid}.field[data-v-544ceef0]{flex-direction:column;gap:2px;display:flex}.field label[data-v-544ceef0]{text-transform:uppercase;color:var(--text-1);font-size:12px}.gain-field[data-v-544ceef0]{grid-column:span 2}.actions[data-v-544ceef0]{border-left:1px solid var(--border);padding-left:16px}.actions button[data-v-544ceef0]{width:130px}.empty[data-v-544ceef0]{color:var(--text-2);padding:20px;font-size:15px}.library-entry[data-v-08a1ee21]{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding-bottom:10px;display:flex}.library-entry strong[data-v-08a1ee21]{color:var(--accent);margin-top:4px;font-size:14px;display:block}.library-entry button[data-v-08a1ee21]{background:var(--bg-2);border-color:var(--text-2);font-size:12px}.inst-panel[data-v-08a1ee21]{gap:20px;height:100%;padding:10px 12px;font-size:15px;display:flex}.col[data-v-08a1ee21]{flex-direction:column;gap:8px;display:flex}.play-col[data-v-08a1ee21]{border-left:1px solid var(--border);padding-left:20px}.row[data-v-08a1ee21]{align-items:center;gap:6px;display:flex}.lbl[data-v-08a1ee21]{text-transform:uppercase;color:var(--text-1);width:52px;font-size:12px}.knobs[data-v-08a1ee21]{flex-wrap:wrap;gap:4px 6px;max-width:360px;display:flex}.dim[data-v-08a1ee21]{color:var(--text-2);font-size:13px}.hint[data-v-08a1ee21]{color:var(--text-1);font-size:13px}.hint b[data-v-08a1ee21]{color:var(--text-0)}.oct[data-v-08a1ee21]{text-align:center;min-width:24px}.keys[data-v-08a1ee21]{border:1px solid var(--border-light);border-radius:2px;height:74px;display:flex;position:relative;overflow:hidden}.wkey[data-v-08a1ee21]{background:var(--text-1);border-right:1px solid var(--bg-3);cursor:pointer;flex:1}.wkey[data-v-08a1ee21]:last-child{border-right:none}.wkey.active[data-v-08a1ee21]{background:var(--accent)}.bkey[data-v-08a1ee21]{background:var(--bg-3);z-index:2;cursor:pointer;border:1px solid #000;border-radius:0 0 2px 2px;width:12px;height:58%;position:absolute;top:0}.bkey.active[data-v-08a1ee21]{background:var(--accent-dim)}.midi-row[data-v-08a1ee21]{margin-top:2px}.rec-hint[data-v-08a1ee21]{font-style:italic}.empty[data-v-08a1ee21]{color:var(--text-2);padding:20px;font-size:15px}.proll[data-v-c3b2b838]{background:var(--bg-1);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.empty[data-v-c3b2b838]{color:var(--text-2);text-align:center;padding:24px}.toolbar[data-v-c3b2b838]{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:4px 8px;display:flex}.clip-name[data-v-c3b2b838]{color:var(--text-0);font-weight:600}.meta[data-v-c3b2b838]{color:var(--text-2);white-space:nowrap;font-size:15px}.snap[data-v-c3b2b838]{color:var(--text-1)}.val[data-v-c3b2b838]{min-width:22px}.spacer[data-v-c3b2b838]{flex:1}.vel[data-v-c3b2b838]{width:80px}.body[data-v-c3b2b838]{flex:1;min-height:0;position:relative;overflow:auto}.content[data-v-c3b2b838]{position:relative}.keys[data-v-c3b2b838]{z-index:5;float:left;background:var(--bg-2);border-right:1px solid var(--border-light);position:sticky;left:0}.key[data-v-c3b2b838]{border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;padding-right:4px;display:flex;position:absolute;left:0;right:0}.key.black[data-v-c3b2b838]{background:var(--bg-0)}.key.c[data-v-c3b2b838]{border-bottom-color:var(--border-light)}.key-label[data-v-c3b2b838]{color:var(--text-1);font-size:12px}.grid[data-v-c3b2b838]{cursor:crosshair;position:absolute;top:0}.hrow[data-v-c3b2b838]{border-bottom:1px solid var(--border);pointer-events:none;position:absolute;left:0;right:0}.hrow.black[data-v-c3b2b838]{background:#00000047}.vline[data-v-c3b2b838]{pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.vline.sub[data-v-c3b2b838]{background:#ffffff0a}.vline.beat[data-v-c3b2b838]{background:var(--border)}.vline.bar[data-v-c3b2b838]{background:var(--border-light);width:1px;box-shadow:0 0 0 .5px var(--border-light)}.note[data-v-c3b2b838]{background:var(--accent-dim);border:1px solid var(--accent);cursor:grab;z-index:2;border-radius:2px;position:absolute}.note[data-v-c3b2b838]:hover{background:var(--accent)}.note.sel[data-v-c3b2b838]{background:var(--accent);box-shadow:0 0 4px var(--accent-glow);z-index:3;border-color:#fff}.playhead[data-v-c3b2b838]{background:var(--red);pointer-events:none;z-index:4;width:1px;position:absolute;top:0;bottom:0}.drum-panel[data-v-8e1a70e7]{background:var(--bg-1);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.toolbar[data-v-8e1a70e7]{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:4px 8px;display:flex}.title[data-v-8e1a70e7]{font-weight:600}.meta[data-v-8e1a70e7]{color:var(--text-2);margin-left:auto;font-size:15px}.grid[data-v-8e1a70e7]{flex-direction:column;flex:1;gap:4px;min-height:0;padding:8px;display:flex;overflow:auto}.row[data-v-8e1a70e7]{flex:none;align-items:center;gap:6px;display:flex}.rowlabel[data-v-8e1a70e7]{text-align:left;text-overflow:ellipsis;flex:none;width:90px;overflow:hidden}.steps[data-v-8e1a70e7]{gap:3px;display:flex}.step[data-v-8e1a70e7]{background:var(--bg-3);border-radius:3px;flex:none;width:22px;height:22px;padding:0}.step.grp[data-v-8e1a70e7]{margin-left:7px}.step.on[data-v-8e1a70e7]{background:var(--accent-dim);border-color:var(--accent)}.step.now[data-v-8e1a70e7]{box-shadow:0 0 0 1px #fff}.hint[data-v-8e1a70e7]{color:var(--text-2);border-top:1px solid var(--border);flex:none;padding:4px 8px;font-size:15px}.empty[data-v-8e1a70e7]{height:100%;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.ui-check[data-v-bb076fca]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.ui-check.disabled[data-v-bb076fca]{cursor:default}.ui-check-label[data-v-bb076fca]{color:var(--text-1);font-size:13px}.effect-preset[data-v-a3b6e28d]{color:var(--text-1);align-items:center;gap:8px;font-size:13px;display:flex}.effect-preset select[data-v-a3b6e28d]{width:150px;min-width:0;font:inherit;flex:1}.fx-panel[data-v-cbf740c4]{flex-direction:column;gap:10px;height:100%;padding:10px 12px;font-size:15px;display:flex}.toolbar[data-v-cbf740c4]{align-items:center;gap:8px;display:flex}.lbl[data-v-cbf740c4]{text-transform:uppercase;color:var(--text-1);font-size:12px}.chain[data-v-cbf740c4]{flex:1;align-items:stretch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.module[data-v-cbf740c4]{background:var(--bg-2);border:1px solid var(--border-light);border-radius:3px;flex-direction:column;flex-shrink:0;min-width:108px;display:flex}.module.off[data-v-cbf740c4]{opacity:.55}.mod-head[data-v-cbf740c4]{border-bottom:1px solid var(--border);background:var(--bg-3);align-items:center;gap:4px;padding:4px 5px;display:flex}.pwr[data-v-cbf740c4]{padding:0 5px;font-size:13px;line-height:16px}.mod-name[data-v-cbf740c4]{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.rm[data-v-cbf740c4]{color:var(--text-2);background:0 0;border:none;padding:0 3px;font-size:16px}.rm[data-v-cbf740c4]:hover{color:var(--red);background:0 0}.mod-params[data-v-cbf740c4]{flex-direction:column;gap:5px;padding:6px;display:flex}.prm[data-v-cbf740c4]{flex-direction:column;gap:1px;display:flex}.prm label[data-v-cbf740c4]{text-transform:uppercase;color:var(--text-1);font-size:12px}.prm select[data-v-cbf740c4]{padding:1px 3px;font-size:13px}.prm input[type=range][data-v-cbf740c4]{width:100%}.prm-val[data-v-cbf740c4]{color:var(--text-2);font-size:12px}.empty[data-v-cbf740c4]{color:var(--text-2);padding:12px 2px;font-size:15px}.mixer[data-v-f2eaef1d]{gap:10px;height:100%;padding:10px 12px;font-size:15px;display:flex}.strips[data-v-f2eaef1d]{flex:1;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.strip[data-v-f2eaef1d]{background:var(--bg-2);border:1px solid var(--border);border-radius:3px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:90px;padding:6px 4px;display:flex}.strip.sel[data-v-f2eaef1d]{border-color:var(--accent-dim)}.strip.master[data-v-f2eaef1d]{border-color:var(--accent);background:var(--bg-3)}.name[data-v-f2eaef1d]{text-align:center;width:100%;color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border);padding-bottom:4px;font-size:13px;overflow:hidden}.middle[data-v-f2eaef1d]{flex:1;align-items:stretch;gap:6px;min-height:90px;display:flex}.meter[data-v-f2eaef1d]{background:var(--bg-0);border:1px solid var(--border);border-radius:2px;flex-direction:column-reverse;width:6px;display:flex;overflow:hidden}.meter-fill[data-v-f2eaef1d]{background:var(--green);transition:height 60ms linear}.meter-fill.warm[data-v-f2eaef1d]{background:var(--yellow)}.meter-fill.hot[data-v-f2eaef1d]{background:var(--red)}.vfader[data-v-f2eaef1d]{writing-mode:vertical-lr;direction:rtl;width:18px;height:100%;min-height:90px}.pan[data-v-f2eaef1d]{width:70px}.pan-spacer[data-v-f2eaef1d]{height:12px}.btns[data-v-f2eaef1d]{align-items:center;gap:4px;display:flex}.btns button[data-v-f2eaef1d]{padding:1px 7px;font-size:13px}.mv[data-v-f2eaef1d]{color:var(--text-2);font-size:12px}.empty[data-v-f2eaef1d]{color:var(--text-2);padding:12px}.bottom-panel[data-v-f93ea87a]{background:var(--bg-1);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;height:240px;display:flex}.bp-header[data-v-f93ea87a]{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:center;height:24px;padding:0 8px;display:flex}.bp-title[data-v-f93ea87a]{text-transform:uppercase;color:var(--accent);font-size:13px}.close[data-v-f93ea87a]{color:var(--text-1);background:0 0;border:none;margin-left:auto;padding:0 6px;font-size:17px;line-height:22px}.close[data-v-f93ea87a]:hover{color:var(--text-0);background:var(--bg-3)}.bp-body[data-v-f93ea87a]{flex:1;min-height:0;overflow:auto}.overlay[data-v-66d9aa4e]{z-index:100;background:#050b1470;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal.effect-dialog[data-v-66d9aa4e]{background:var(--bg-0);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;width:540px;max-width:100%;max-height:calc(100dvh - 32px);display:flex;overflow:hidden;box-shadow:0 20px 70px #0007}.effect-header[data-v-66d9aa4e]{background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:16px 20px;display:flex}.effect-heading[data-v-66d9aa4e]{flex:1;min-width:0}.effect-heading h2[data-v-66d9aa4e]{color:var(--accent);font-size:17px;font-weight:600}.effect-target[data-v-66d9aa4e]{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.effect-close[data-v-66d9aa4e]{width:30px;height:30px;color:var(--text-2);background:0 0;border-color:#0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.effect-close[data-v-66d9aa4e]:hover{background:var(--bg-3);color:var(--text-0)}.modal-body[data-v-66d9aa4e]{min-height:0;padding:4px 20px;overflow-y:auto}.param[data-v-66d9aa4e]{grid-template-columns:112px minmax(0,1fr) 76px;align-items:center;gap:18px;min-height:68px;padding:12px 0;display:grid}.param+.param[data-v-66d9aa4e]{border-top:1px solid var(--border)}.param label[data-v-66d9aa4e]{color:var(--text-1);font-size:13px;font-weight:500}.param select[data-v-66d9aa4e]{grid-column:2/-1;width:100%;font-size:13px}.effect-slider[data-v-66d9aa4e]{appearance:none;width:100%;height:32px;box-shadow:none;background:0 0;border:0;margin:0;padding:0}.effect-slider[data-v-66d9aa4e]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent-dim) var(--fill), var(--bg-inset) var(--fill));border-radius:8px;height:8px;box-shadow:inset 0 0 0 1px #ffffff0a}.effect-slider[data-v-66d9aa4e]::-moz-range-track{background:linear-gradient(to right, var(--accent-dim) var(--fill), var(--bg-inset) var(--fill));border-radius:8px;height:8px;box-shadow:inset 0 0 0 1px #ffffff0a}.effect-slider[data-v-66d9aa4e]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:1px solid #b3d5ff;border-radius:9px;width:28px;height:18px;margin-top:-5px;box-shadow:0 2px 5px #0004}.effect-slider[data-v-66d9aa4e]::-moz-range-thumb{background:var(--accent);border:1px solid #b3d5ff;border-radius:9px;width:26px;height:16px;box-shadow:0 2px 5px #0004}.effect-slider[data-v-66d9aa4e]:hover{filter:brightness(1.12)}.effect-value[data-v-66d9aa4e]{text-align:center;font-variant-numeric:tabular-nums;background:var(--bg-inset);appearance:textfield;border:1px solid #0000;border-radius:8px;width:100%;height:32px;padding:4px 6px;font-size:13px;font-weight:600}.effect-value[data-v-66d9aa4e]::-webkit-inner-spin-button{appearance:none;margin:0}.effect-value[data-v-66d9aa4e]::-webkit-outer-spin-button{appearance:none;margin:0}.effect-value[data-v-66d9aa4e]:hover{border-color:var(--border-light)}.preview-panel[data-v-66d9aa4e]{border-top:1px solid var(--border);flex-shrink:0;padding:12px 20px}.preview-controls[data-v-66d9aa4e]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.preview-controls button[data-v-66d9aa4e]{min-height:32px;padding:6px 10px;font-size:12px}.preview-play[data-v-66d9aa4e]{border-radius:7px;align-items:center;gap:7px;display:inline-flex}.preview-play.active[data-v-66d9aa4e]{color:var(--accent);border-color:var(--accent)}.preview-compare[data-v-66d9aa4e]{background:var(--bg-inset);border-radius:8px;padding:2px;display:flex}.preview-compare button[data-v-66d9aa4e]{background:0 0;border-color:#0000;border-radius:6px}.preview-compare button[data-v-66d9aa4e]:hover{background:var(--bg-2)}.preview-compare button[aria-pressed=true][data-v-66d9aa4e]{color:var(--accent);background:var(--bg-selected)}.preview-loop[data-v-66d9aa4e]{color:var(--text-1);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.preview-loop input[data-v-66d9aa4e]{accent-color:var(--accent)}.preview-status[data-v-66d9aa4e]{color:var(--text-2);margin-top:7px;font-size:11px}.preview-status.error[data-v-66d9aa4e]{color:var(--red)}.modal-foot[data-v-66d9aa4e]{border-top:1px solid var(--border);background:var(--bg-1);flex-shrink:0;align-items:center;gap:18px;padding:14px 20px;display:flex}.modal-foot[data-v-66d9aa4e] .effect-preset{flex:1;gap:6px;min-width:0;font-size:12px}.modal-foot[data-v-66d9aa4e] .effect-preset select{background:var(--bg-inset);border-radius:7px;width:0;padding:6px 8px}.effect-actions[data-v-66d9aa4e]{gap:8px;display:flex}.effect-actions button[data-v-66d9aa4e]{border-radius:8px;min-height:34px;padding:6px 15px;font-size:13px}.effect-actions .primary[data-v-66d9aa4e]{background:var(--accent-strong);border-color:var(--accent);color:#fff}.effect-actions .primary[data-v-66d9aa4e]:hover{background:var(--accent-hover)}.warn[data-v-66d9aa4e],.meta[data-v-66d9aa4e]{padding:18px 0;font-size:13px}.warn[data-v-66d9aa4e]{color:var(--yellow)}.meta[data-v-66d9aa4e]{color:var(--text-2)}@media (width<=480px){.effect-header[data-v-66d9aa4e]{padding:14px}.modal-body[data-v-66d9aa4e]{padding:0 14px}.param[data-v-66d9aa4e]{grid-template-columns:88px minmax(0,1fr) 64px;gap:10px}.preview-panel[data-v-66d9aa4e]{padding:12px 14px}.modal-foot[data-v-66d9aa4e]{flex-wrap:wrap;gap:12px;padding:12px 14px}.modal-foot[data-v-66d9aa4e] .effect-preset{flex-basis:100%}.effect-actions[data-v-66d9aa4e]{margin-left:auto}}.overlay[data-v-64d6ff69]{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-64d6ff69]{background:var(--bg-1);border:1px solid var(--border-light);border-radius:6px;flex-direction:column;width:460px;max-width:90vw;max-height:80vh;display:flex;box-shadow:0 8px 30px #0009}.modal.narrow[data-v-64d6ff69]{width:320px}.modal-title[data-v-64d6ff69]{border-bottom:1px solid var(--border);color:var(--accent);padding:10px 12px;font-weight:600}.modal-body[data-v-64d6ff69]{flex-direction:column;gap:6px;padding:12px;display:flex;overflow:auto}.modal-foot[data-v-64d6ff69]{border-top:1px solid var(--border);align-items:center;gap:6px;padding:10px 12px;display:flex}.spacer[data-v-64d6ff69]{flex:1}.meta[data-v-64d6ff69]{color:var(--text-2);font-size:15px}.empty[data-v-64d6ff69]{color:var(--text-2);text-align:center;padding:16px 8px}.proj-row[data-v-64d6ff69]{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;display:flex}.proj-row[data-v-64d6ff69]:last-child{border-bottom:none}.proj-name[data-v-64d6ff69]{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.proj-date[data-v-64d6ff69]{color:var(--text-2);white-space:nowrap;font-size:13px}table[data-v-64d6ff69]{border-collapse:collapse;width:100%}td[data-v-64d6ff69]{border-bottom:1px solid var(--border);padding:3px 8px 3px 0;font-size:15px}tr:last-child td[data-v-64d6ff69]{border-bottom:none}.keys-col[data-v-64d6ff69]{color:var(--accent);white-space:nowrap;width:140px}.progress[data-v-64d6ff69]{background:var(--bg-3);border-radius:4px;height:8px;overflow:hidden}.bar[data-v-64d6ff69]{background:var(--accent);height:100%;transition:width .15s linear}.tutorial-overlay[data-v-bd01a7d2]{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1524d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tutorial-dialog[data-v-bd01a7d2]{border:1px solid var(--border-light);background:var(--bg-1);border-radius:24px;flex-direction:column;width:min(850px,100%);max-height:calc(100dvh - 40px);display:flex;overflow:hidden;box-shadow:0 30px 100px #0008}.tutorial-dialog.full[data-v-bd01a7d2]{width:min(1100px,100%)}.tutorial-header[data-v-bd01a7d2]{background:var(--bg-1);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:19px 28px;display:flex}.tutorial-brand[data-v-bd01a7d2]{color:var(--accent);font-size:15px;font-weight:650}.tutorial-header p[data-v-bd01a7d2]{color:var(--text-1);margin-top:4px;font-size:12px}.tutorial-close[data-v-bd01a7d2]{background:0 0;padding:6px 12px;font-size:12px}.tutorial-close span[data-v-bd01a7d2]{margin-left:5px}.tutorial-progress[data-v-bd01a7d2]{background:var(--bg-2);flex-shrink:0;height:3px}.tutorial-progress span[data-v-bd01a7d2]{background:var(--accent);height:100%;transition:width .2s;display:block}.tutorial-layout[data-v-bd01a7d2]{min-height:0;display:flex;overflow:auto}.tutorial-main[data-v-bd01a7d2]{flex:1;min-width:0;padding:22px 28px 20px}.lesson-heading[data-v-bd01a7d2]{color:var(--accent);justify-content:space-between;font-size:12px;display:flex}.step-counter[data-v-bd01a7d2]{color:var(--text-1);font-variant-numeric:tabular-nums}h1[data-v-bd01a7d2]{outline:none;margin-top:8px;font-size:clamp(22px,2.5vw,30px);font-weight:650;line-height:1.2}.lesson-description[data-v-bd01a7d2]{color:var(--text-1);max-width:720px;margin:10px 0 18px;font-size:14px;line-height:1.6}.tutorial-figure[data-v-bd01a7d2]{border:1px solid var(--border-light);background:var(--bg-1);border-radius:14px;overflow:hidden}.tutorial-scene[data-v-bd01a7d2]{position:relative;overflow:hidden}.tutorial-scene img[data-v-bd01a7d2]{width:100%;height:auto;display:block}.scene-focus[data-v-bd01a7d2]{border:2px solid var(--accent);pointer-events:none;border-radius:7px;position:absolute;box-shadow:0 0 0 999px #0d152445,0 0 20px #79b4ff50}.scene-cursor[data-v-bd01a7d2]{filter:drop-shadow(0 3px 3px #0007);pointer-events:none;width:28px;height:34px;animation:4s ease-in-out infinite point-bd01a7d2;position:absolute}.dragging .scene-cursor[data-v-bd01a7d2]{animation-name:drag-bd01a7d2}.click-ring[data-v-bd01a7d2]{border:2px solid var(--accent);border-radius:50%;width:24px;height:24px;animation:4s ease-out infinite click-bd01a7d2;position:absolute;top:-9px;left:-9px}.paused .scene-cursor[data-v-bd01a7d2],.paused .click-ring[data-v-bd01a7d2]{animation-play-state:paused}@keyframes point-bd01a7d2{0%,12%{opacity:0;transform:translate(70px,40px)}24%{opacity:1}45%,76%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes drag-bd01a7d2{0%,12%{opacity:0;transform:translate(55px,35px)}24%{opacity:1}40%,50%{transform:translate(0)}78%,90%{opacity:1;transform:translate(70px)}to{opacity:0;transform:translate(70px)}}@keyframes click-bd01a7d2{0%,44%{opacity:0;transform:scale(.4)}48%{opacity:1}65%,to{opacity:0;transform:scale(1.8)}}figcaption[data-v-bd01a7d2]{color:var(--text-1);justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}figcaption>span[data-v-bd01a7d2]{align-items:center;gap:7px;display:flex}figcaption button[data-v-bd01a7d2]{color:var(--text-1);background:0 0;border:0;padding:4px 8px;font-size:11px}.scene-dot[data-v-bd01a7d2]{background:var(--accent);border-radius:50%;width:6px;height:6px}.lesson-action[data-v-bd01a7d2]{align-items:baseline;gap:10px;margin-top:16px;font-size:14px;line-height:1.5;display:flex}.action-icon[data-v-bd01a7d2]{color:var(--accent);font-size:22px}.lesson-tip[data-v-bd01a7d2]{color:var(--text-1);margin:7px 0 0 24px;font-size:12px;line-height:1.5}.lesson-keys[data-v-bd01a7d2]{gap:6px;margin:10px 0 0 24px;display:flex}kbd[data-v-bd01a7d2]{font:inherit;border:1px solid var(--border-light);background:var(--bg-2);border-radius:5px;padding:3px 8px;font-size:11px}.tutorial-footer[data-v-bd01a7d2]{border-top:1px solid var(--border-light);background:var(--bg-1);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:15px 28px;display:flex}.tutorial-footer button[data-v-bd01a7d2]{font-size:13px}.tutorial-primary[data-v-bd01a7d2]{background:var(--accent);color:var(--bg-1);border-color:var(--accent);font-weight:600}.tutorial-primary[data-v-bd01a7d2]:hover{color:var(--bg-1);background:#a4cdff}.lesson-dots[data-v-bd01a7d2]{gap:3px;display:flex}.lesson-dots button[data-v-bd01a7d2]{background:0 0;border:0;width:24px;height:28px;padding:0;position:relative}.lesson-dots button[data-v-bd01a7d2]:after{content:"";background:var(--text-2);border-radius:50%;width:7px;height:7px;margin:auto;display:block}.lesson-dots button[aria-current][data-v-bd01a7d2]:after{background:var(--accent);border-radius:4px;width:15px}.tutorial-chapters[data-v-bd01a7d2]{background:var(--bg-1);border-right:1px solid var(--border-light);flex-shrink:0;width:225px;padding:22px 12px}.chapter-heading[data-v-bd01a7d2]{color:var(--text-1);margin:0 12px 14px;font-size:12px;display:block}.tutorial-chapters button[data-v-bd01a7d2]{text-align:left;background:0 0;border-color:#0000;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px;font-size:12px;display:flex}.tutorial-chapters button span[data-v-bd01a7d2]{color:var(--text-2);font-variant-numeric:tabular-nums}.tutorial-chapters button[aria-current][data-v-bd01a7d2]{background:var(--bg-2);color:var(--accent)}.footer-note[data-v-bd01a7d2]{color:var(--text-1);font-size:12px}.tutorial-welcome[data-v-bd01a7d2]{z-index:90;background:var(--bg-2);border:1px solid var(--text-2);border-radius:18px;flex-wrap:wrap;gap:12px;width:330px;max-width:calc(100vw - 32px);padding:18px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #0005}.welcome-icon[data-v-bd01a7d2]{color:var(--accent);font-size:25px}.tutorial-welcome strong[data-v-bd01a7d2]{font-size:13px;display:block}.tutorial-welcome p[data-v-bd01a7d2]{color:var(--text-1);margin-top:5px;font-size:12px}.welcome-actions[data-v-bd01a7d2]{justify-content:flex-end;gap:6px;width:100%;display:flex}.welcome-actions button[data-v-bd01a7d2]{padding:6px 12px;font-size:12px}@media (width<=700px){.tutorial-overlay[data-v-bd01a7d2]{padding:8px}.tutorial-dialog[data-v-bd01a7d2]{border-radius:16px;max-height:calc(100dvh - 16px)}.tutorial-header[data-v-bd01a7d2],.tutorial-footer[data-v-bd01a7d2]{padding:12px 16px}.tutorial-main[data-v-bd01a7d2]{padding:16px}.tutorial-layout[data-v-bd01a7d2]{flex-direction:column}.tutorial-chapters[data-v-bd01a7d2]{border-right:0;flex-shrink:0;width:100%;padding:8px;display:flex;overflow-x:auto}.tutorial-chapters button[data-v-bd01a7d2]{flex-shrink:0;width:auto}.chapter-heading[data-v-bd01a7d2],.footer-note[data-v-bd01a7d2]{display:none}.lesson-dots[data-v-bd01a7d2]{gap:0}.lesson-dots button[data-v-bd01a7d2]{width:17px}.tutorial-footer button[data-v-bd01a7d2]{padding:7px 9px;font-size:12px}.lesson-description[data-v-bd01a7d2]{font-size:13px}figcaption[data-v-bd01a7d2]{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.scene-cursor[data-v-bd01a7d2],.click-ring[data-v-bd01a7d2]{animation:none}.click-ring[data-v-bd01a7d2]{display:none}.tutorial-progress span[data-v-bd01a7d2]{transition:none}}.library-overlay[data-v-dba830cc]{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1524da;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.library-dialog[data-v-dba830cc]{background:var(--bg-1);border:1px solid var(--border-light);border-radius:18px;flex-direction:column;width:min(1080px,100%);max-height:calc(100dvh - 40px);display:flex;overflow:hidden;box-shadow:0 25px 80px #0008}header[data-v-dba830cc]{background:var(--bg-inset);justify-content:space-between;align-items:center;gap:12px;padding:22px 26px;display:flex}.library-eyebrow[data-v-dba830cc]{color:var(--accent);font-size:11px}h1[data-v-dba830cc]{margin:5px 0;font-size:27px}header p[data-v-dba830cc]{color:var(--text-1);font-size:13px}.library-tools[data-v-dba830cc]{gap:10px;padding:18px 26px 12px;display:flex}.library-tools input[type=search][data-v-dba830cc]{background:var(--bg-inset);border:1px solid var(--border-light);border-radius:8px;flex:1;min-width:0;padding:10px 12px}.library-tools select[data-v-dba830cc]{max-width:210px}.library-categories[data-v-dba830cc]{flex-shrink:0;gap:6px;padding:0 26px 16px;display:flex;overflow-x:auto}.library-categories button[data-v-dba830cc]{background:var(--bg-inset);border-radius:7px;font-size:12px}.library-categories span[data-v-dba830cc]{opacity:.7;margin-left:6px}.library-categories button[aria-pressed=true][data-v-dba830cc]{background:var(--accent);color:var(--bg-inset);border-color:var(--accent)}.library-grid[data-v-dba830cc]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;padding:0 26px 22px;display:grid;overflow:auto}.sound-card[data-v-dba830cc]{background:var(--bg-2);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:9px;padding:14px;display:flex}.sound-card[data-v-dba830cc]:hover,.sound-card.chosen[data-v-dba830cc]{border-color:var(--accent);background:var(--bg-2)}.sound-top[data-v-dba830cc],footer[data-v-dba830cc]{justify-content:space-between;align-items:center;gap:8px;display:flex}.sound-top>span[data-v-dba830cc]{color:var(--accent);font-size:11px}.sound-top button[data-v-dba830cc]{background:var(--bg-inset);border-radius:6px;padding:5px 8px;font-size:11px}.sound-top button[aria-pressed=true][data-v-dba830cc]{color:var(--accent);border-color:var(--accent)}h2[data-v-dba830cc]{font-size:17px}.sound-card p[data-v-dba830cc]{color:var(--text-1);flex:1;font-size:12px;line-height:1.5}.sound-tags[data-v-dba830cc]{flex-wrap:wrap;gap:4px;display:flex}.sound-tags span[data-v-dba830cc]{background:var(--bg-1);color:var(--text-1);border-radius:4px;padding:3px 6px;font-size:10px}footer[data-v-dba830cc]{border-top:1px solid var(--border-light);padding-top:8px}footer>span[data-v-dba830cc]{color:var(--text-1);font-size:10px}footer button[data-v-dba830cc]{background:var(--bg-2);border-color:var(--text-2);border-radius:6px;padding:6px 9px;font-size:11px}.library-bottom[data-v-dba830cc]{background:var(--bg-inset);color:var(--text-1);justify-content:space-between;align-items:center;gap:12px;padding:12px 26px;font-size:12px;display:flex}.library-error[data-v-dba830cc],.library-status[data-v-dba830cc]{padding:12px 26px;font-size:13px}.library-error[data-v-dba830cc]{color:#ffbbb2}@media (width<=760px){.library-grid[data-v-dba830cc]{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tools[data-v-dba830cc]{flex-wrap:wrap}.library-tools input[type=search][data-v-dba830cc]{flex-basis:100%}}@media (width<=500px){.library-overlay[data-v-dba830cc]{padding:8px}.library-dialog[data-v-dba830cc]{max-height:calc(100dvh - 16px)}.library-grid[data-v-dba830cc]{grid-template-columns:1fr;padding:0 14px 14px}header[data-v-dba830cc],.library-tools[data-v-dba830cc],.library-bottom[data-v-dba830cc]{padding:14px}.library-categories[data-v-dba830cc]{padding-left:14px}.library-bottom[data-v-dba830cc]{font-size:10px}}.app[data-v-389a6c99]{flex-direction:column;height:100%;display:flex}.workspace[data-v-389a6c99]{flex:1;min-height:0;display:flex;position:relative}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-inset:#0d1524;--bg-selected:#293f5d;--accent-strong:#316db3;--accent-hover:#4080c9;--bg-0:#0d1420;--bg-1:#172236;--bg-2:#223149;--bg-3:#2b3e58;--bg-4:#3a506d;--border:#293b53;--border-light:#3d526e;--text-0:#edf3fc;--text-1:#bdcbe0;--text-2:#a4b5ce;--accent:#79b4ff;--accent-dim:#345e91;--accent-glow:#79b4ff29;--accent-soft:#79b4ff1f;--wave:#8ebfff;--wave-dim:#8ebfff2e;--clip-bg:#21344d;--red:#e5484d;--yellow:#f7ce46;--green:#67b34f;--font:"Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{background:var(--bg-0);color:var(--text-0);font-family:var(--font);-webkit-user-select:none;user-select:none;font-size:16px}button{background:var(--bg-2);color:var(--text-0);border:1px solid var(--border-light);font:inherit;cursor:pointer;white-space:nowrap;border-radius:18px;padding:6px 16px;font-size:15px}button:hover{background:var(--bg-3);border-color:var(--text-2)}button:active{background:var(--bg-4)}button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button.danger{color:var(--red)}button:disabled{opacity:.4;cursor:default}input[type=text],input[type=number],select{background-color:var(--bg-0);color:var(--text-0);border:1px solid var(--border-light);font:inherit;border-radius:16px;outline:none;padding:6px 10px;font-size:15px}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent)}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23b5b0a6' stroke-width='1.5'/></svg>");background-position:right 7px center;background-repeat:no-repeat;padding-right:24px}input[type=checkbox]{appearance:none;background:var(--bg-0);border:1px solid var(--border-light);cursor:pointer;border-radius:2px;flex:none;width:18px;height:18px;margin:0;position:relative}input[type=checkbox]:hover{border-color:var(--text-2)}input[type=checkbox]:checked{background:var(--accent-soft);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:solid var(--accent);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:5.5px;transform:rotate(45deg)}input[type=checkbox]:disabled{opacity:.4;cursor:default}input:disabled,select:disabled{opacity:.45;cursor:default}input[type=range]{appearance:none;background:var(--bg-4);cursor:pointer;border-radius:2px;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:none;border-radius:2px;width:15px;height:15px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-4);border:2px solid var(--bg-1);border-radius:0}::-webkit-scrollbar-corner{background:var(--bg-1)}.panel{background:var(--bg-1);border:1px solid var(--border);border-radius:3px}.panel-title{text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 12px 8px;font-size:13px;font-weight:600;display:flex}.knob{flex-direction:column;align-items:center;gap:3px;width:60px;display:flex}.knob label{color:var(--text-1);text-transform:uppercase;font-size:12px}.knob input[type=range]{width:54px}.knob .knob-val{color:var(--text-2);font-size:12px}.studio-tooltip{pointer-events:none;z-index:1000;border:1px solid var(--border-light);background:var(--bg-inset);max-width:min(280px,100vw - 16px);color:var(--text-0);font:12px/1.5 var(--font);white-space:pre-line;overflow-wrap:anywhere;border-radius:7px;padding:9px 12px;position:fixed;box-shadow:0 5px 20px #0007}.studio-tooltip[hidden]{display:none}body{background:var(--bg-inset)}.app{background:var(--bg-1);gap:6px;padding:8px}button,input,select{transition:background-color .12s,border-color .12s,color .12s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{box-shadow:inset 0 1px #ffffff06}button:disabled{box-shadow:none}.app .top-menu{background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;height:34px;padding:0 10px}.app .menu-btn{color:var(--text-1);border-radius:16px;font-size:13px}.app .brand{background:var(--accent-soft);border:0;border-radius:20px;padding:5px 12px}.app .project-name{font-size:13px}.app .dropdown,.app .fx-menu{background:var(--bg-2);border-radius:14px;padding:6px;box-shadow:0 16px 40px #0005}.app .dropdown .item,.app .fx-menu .item{border-radius:8px;padding:7px 12px}.app .transport{background:0 0;border:1px solid #0000;border-radius:10px;flex-wrap:wrap;flex-shrink:0;gap:8px;height:auto;min-height:62px;padding:8px}.app .transport .group{border:0;flex-shrink:0;height:auto;min-height:40px;padding:4px 10px}.app .transport .btns,.app .transport .loop,.app .transport .right{background:var(--bg-inset);box-shadow:none;border-radius:8px}.app .transport .time{font-variant-numeric:tabular-nums;color:var(--text-0);font-size:24px}.app .transport .btns button{min-width:32px;height:32px;color:var(--text-1);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.app .transport .btns button:hover{background:var(--bg-3)}.app .transport .btns button.active{background:var(--accent-soft);color:var(--accent)}.app .transport .btns .play{background:var(--accent-strong);color:#fff;border-radius:7px;min-width:42px}.app .transport .btns .play:hover,.app .transport .btns .play.active{background:var(--accent-hover);color:#fff}.app .transport .btns .rec.active{background:var(--red);color:#fff}.app .transport .right button,.app .transport select{padding-top:4px;padding-bottom:4px;font-size:13px}.app .ui-num input{background:var(--bg-inset);border-radius:6px}.app .ui-num-btns{border-radius:0 5px 5px 0;overflow:hidden}.app .workspace{border:1px solid var(--border);border-radius:8px;overflow:hidden}.app .arrange{background:var(--bg-0)}.app .side{background:var(--bg-inset);border-right:1px solid var(--border)}.app .side-spacer{background:var(--bg-inset);border:0}.app .side-add{border:0;gap:6px;padding:12px 8px}.app .side-add button{background:var(--bg-2);border:1px solid #0000;border-radius:7px;flex:1;padding:9px 8px;font-size:12px}.app .side-add button:hover{background:var(--bg-3);border-color:var(--border-light)}.app .th{background:var(--bg-1);border:2px solid var(--bg-inset);box-shadow:none;border-radius:8px;gap:4px;padding:7px 9px 7px 15px}.app .th:hover{box-shadow:inset 0 0 0 1px var(--border-light)}.app .th.selected{background:var(--bg-selected);box-shadow:inset 0 0 0 1px var(--accent-dim)}.app .th .strip{border-radius:3px;width:3px;top:10px;bottom:10px;left:3px}.app .th .name{color:var(--text-0);font-size:14px;font-weight:600}.app .th .btns{gap:5px}.app .th .mini{background:var(--bg-inset);border:1px solid #0000;border-radius:6px;height:28px;padding:3px 8px;font-size:12px}.app .th .mini:hover{background:var(--bg-4);border-color:var(--border-light);color:#fff}.app .th .mini.danger{width:28px;padding:0}.app .th .mini.danger:hover{color:#fff;background:#842f33;border-color:#ec868b}.app .th .row2{gap:5px}.app .th .tgl{background:var(--bg-inset);width:auto;height:28px;color:var(--text-1);border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.app .th .tgl.rec,.app .th .tgl.wide{width:29px;padding:0}.app .th .tgl.rec{color:#ea9296}.app .th .tgl:hover{background:var(--bg-4);border-color:var(--border-light);color:#fff}.app .th .tgl.on{color:var(--accent);background:var(--bg-selected);border-color:var(--accent-dim);box-shadow:none}.app .th .tgl.on:hover{background:var(--accent-dim)}.app .th .tgl.rec.on{color:#fff;background:#ce4d55;border-color:#ff9a9e}.app .th .tgl.rec:hover{color:#fff;background:#743439;border-color:#f1949b}.app .th .dev{background-color:var(--bg-inset);min-width:70px;height:28px;color:var(--text-1);border:1px solid #0000;border-radius:6px;padding-left:7px;font-size:12px}.app .th .dev:hover{border-color:var(--border-light);background-color:var(--bg-3)}.app .lane{border-bottom-color:#91b5e322}.app .lane.selected{background:#79b4ff09}.app .ruler-wrap{background:var(--bg-inset);border-bottom-color:var(--border)}.app .loop-region{background:#79b4ff08;border-color:#79b4ff60}.app .playhead{box-shadow:none;background:#d7e7fc}.app .empty-hint{color:var(--text-1);border:0;border-radius:18px;padding:20px 24px}input[type=range]{background:var(--bg-inset);border-radius:12px;height:6px;box-shadow:inset 0 1px 3px #0005}input[type=range]::-webkit-slider-thumb{background:#84a3c9;border:2px solid #bad3f2;border-radius:7px;width:12px;height:18px;box-shadow:0 2px 4px #0006}input[type=range]::-moz-range-thumb{background:#84a3c9;border:2px solid #bad3f2;border-radius:7px;width:8px;height:14px}.app .aclip,.app .mclip{background:color-mix(in srgb, var(--track-color) 7%, var(--bg-inset));border-width:1px 1px 1px 3px;border-color:color-mix(in srgb, var(--track-color) 60%, var(--bg-inset));border-radius:6px}.app .mclip .note{background:var(--track-color)}.app .aclip.selected,.app .mclip.selected{box-shadow:0 0 0 1px var(--accent)}.app .aclip .label,.app .mclip .label{background:color-mix(in srgb, var(--track-color) 15%, var(--bg-inset));height:24px;text-shadow:none;border-bottom:1px solid #ffffff0c;padding:0 8px;font-size:12px;font-weight:600;line-height:24px;top:0;left:0;right:0}.app .bottom-panel{background:var(--bg-1);border:1px solid #0000;border-radius:10px;overflow:hidden}.app .bp-header{background:var(--bg-inset);border:0;flex-shrink:0;height:32px;padding:0 14px}.app .bp-title{color:var(--text-0);text-transform:none;font-size:13px;font-weight:600}.app .bp-body{padding:0 4px 4px}.app .inst-panel,.app .clip-panel{gap:12px;padding:4px 8px 8px}.app .inst-panel>.col,.app .clip-panel>.col{background:var(--bg-2);border:0;border-radius:16px;padding:12px}.app .inst-panel .col{gap:6px}.app .clip-panel .actions{gap:4px}.app .clip-panel .actions button{padding:5px 12px;font-size:13px}.app .inst-panel .keys{border-radius:6px}.app .fx-panel{padding-top:0}.app .chain{gap:12px}.app .module{background:var(--bg-2);border:0;border-radius:16px;min-width:150px;overflow:hidden}.app .mod-head{background:var(--bg-3);border:0;padding:7px 10px}.app .mod-name{text-transform:uppercase;font-size:11px;font-weight:500}.app .mod-params{gap:8px;padding:10px 12px}.app .mixer .strip{background:var(--bg-2);border-color:#0000;border-radius:16px}.app .mixer .strip.sel{background:var(--bg-selected)}.app .modal{background:var(--bg-2);border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #0006}.app .modal-title,.app .modal-foot{background:#ffffff04}::-webkit-scrollbar{width:12px;height:12px}.app .arrange::-webkit-scrollbar{width:14px;height:16px}.app .arrange::-webkit-scrollbar-thumb{min-width:64px;min-height:40px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-corner{background:var(--bg-1)}::-webkit-scrollbar-thumb{border:3px solid var(--bg-1);background:#7993b5;border-radius:10px}@media (width<=1100px){.app .transport{gap:6px}.app .transport .group{flex-shrink:0;padding:0 6px}.app .transport .time-display{min-width:110px}.app .transport .time{font-size:21px}}@media (prefers-reduced-motion:reduce){button,input,select{transition:none}}.app .edit-tools{align-items:center;gap:6px;padding:0 8px;display:flex}.app .folder-label{color:var(--text-2);font-size:11px}.app .edit-tools button{border:0;padding:2px 12px;font-size:11px}.app .selection-rect{border:1px solid var(--accent);z-index:4;pointer-events:none;background:#79b4ff25;position:absolute}.app .aclip.muted,.app .mclip.muted{opacity:.45}.app .aclip.locked,.app .mclip.locked{cursor:not-allowed;border-style:dashed}.app .aclip.grouped:after,.app .mclip.grouped:after{content:"↔";color:var(--text-0);pointer-events:none;font-size:14px;position:absolute;bottom:3px;right:6px}.app .timeline-marker{z-index:6;pointer-events:none;border-left:1px dashed #79b4ff50;position:absolute;top:0;bottom:0}.app .timeline-marker button{pointer-events:auto;text-overflow:ellipsis;background:var(--accent-dim);border:0;max-width:140px;padding:1px 6px;font-size:10px;overflow:hidden}::-webkit-scrollbar-thumb:hover{background:#9fbbe0}::-webkit-scrollbar-thumb:active{background:#c4dbf7}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:#7993b5 var(--bg-1)}}.app .transport .time-display{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding-left:4px}.app .transport .position-label{color:var(--text-2);font-size:10px}.app .transport .sel-info{flex-wrap:wrap;flex:1;row-gap:2px;min-width:180px;font-size:12px}.app .transport .right{flex-wrap:wrap}.app .transport .right button,.app .transport select{border-radius:6px}.app .transport .selection-label{color:var(--text-2);margin-right:3px}.app .transport .group-label{color:var(--text-1);margin-right:3px;font-size:12px;font-weight:600}.app .th .tgl.on{background:var(--accent-strong);border-color:var(--accent);color:#fff}.app .th .tgl.rec.on{background:#ce4d55;border-color:#ff9a9e}.app .aclip.selected .label,.app .mclip.selected .label{background:var(--accent-dim);color:#fff}.app .aclip:hover,.app .mclip:hover{border-color:var(--track-color)}@media (width<=700px){.app .transport .right{margin-left:0}.app .transport .sel-info{flex-basis:100%;order:5;min-height:24px}}
