:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0b;--panel-bg:#141414;--card:#141414;--card-2:#101010;--line:#262626;--line-2:#333;--text:#ededed;--muted:#9a9a9a;--soft:#bdbdbd;--accent:#d4ff00;--accent-ink:#0b0b0b;--accent-bg:#1d2200;--font:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.4 var(--font);margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--muted)}#app{flex-direction:column;height:100%;display:flex}.btn{background:var(--panel-bg);white-space:nowrap;border:1px solid #3a3a3a;border-radius:20px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;display:inline-flex}.btn:hover{border-color:#555}.btn-accent{background:var(--accent);color:var(--accent-ink);border:0;font-weight:700}.btn-accent:hover{filter:brightness(1.08)}.btn-dashed{width:100%;color:var(--soft);background:0 0;border:1px dashed #3a3a3a;border-radius:10px;font-size:13px}.btn-wide{border-radius:24px;width:100%;height:48px;font-size:15px}.btn svg{flex:none}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--line-2);height:32px;font-family:var(--mono);background:0 0;border-radius:16px;padding:0 12px;font-size:12px}.pill:hover{border-color:#555}.pill[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}#topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:16px;padding:10px 20px;display:flex}.brand{align-items:baseline;gap:10px;margin-right:auto;display:flex}.brand-name{letter-spacing:.04em;font-size:19px;font-weight:700}.logo-picker{align-items:center;gap:8px;display:flex}.logo-chip{border:2px solid var(--line-2);background:#fff;border-radius:9px;width:60px;height:40px;padding:0;overflow:hidden}.logo-chip img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.25)}.logo-chip.dark{background:#000}.logo-chip.transparent{background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 0 0/10px 10px}.logo-chip[aria-pressed=true]{border-color:var(--accent)}.logo-add{width:40px;height:40px;color:var(--soft);background:0 0;border:1px dashed #444;border-radius:9px;font-size:20px;line-height:1}.backdrop-chip{border:2px solid var(--accent);background:#000;border-radius:9px;width:60px;height:40px;padding:0;overflow:hidden}.backdrop-chip img,.backdrop-chip video{object-fit:cover;width:100%;height:100%;display:block}.backdrop-chip.ignored{border-color:var(--line-2);opacity:.4}.btn-rec{color:#ff6b6b;border-color:#5a2a2a}.btn-rec.recording{color:#0b0b0b;background:#ff4d4d;border-color:#ff4d4d;font-weight:700;animation:1.2s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{filter:brightness(.8)}}.take-box{flex-direction:column;gap:8px;display:flex}.top-actions{gap:10px;display:flex}#workspace{flex:1;grid-template-columns:minmax(250px,310px) minmax(0,1fr) minmax(320px,390px);min-height:0;display:grid}#library,#inspector{flex-direction:column;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}#library{border-right:1px solid var(--line)}#inspector{border-left:1px solid var(--line)}.col-head{justify-content:space-between;align-items:baseline;display:flex}.col-head h2{margin:0;font-size:15px;font-weight:500}#preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;display:grid}.preset-card{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:10px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.preset-card:hover{border-color:#444}.preset-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preset-thumb{aspect-ratio:5/3;background:#000;display:block}.preset-thumb img{object-fit:cover;width:100%;height:100%;display:block}.preset-thumb.loading{background:linear-gradient(100deg,#0d0d0d 30%,#1a1a1a 50%,#0d0d0d 70%) 0 0/300% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.preset-label{justify-content:space-between;align-items:center;gap:6px;padding:7px 9px 9px;font-size:13px;display:flex}.preset-label svg{flex:none}.preset-delete{color:#fff;opacity:0;background:#000000b3;border:0;border-radius:13px;width:26px;height:26px;font-size:15px;line-height:1;position:absolute;top:6px;right:6px}.preset-card:hover .preset-delete,.preset-delete:focus-visible{opacity:1}#center{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:14px 20px 16px;display:flex}.center-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.center-title{align-items:baseline;gap:10px;min-width:0;display:flex}#preset-title{white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:700;overflow:hidden}#stage{border:1px solid var(--line);background:#070707;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:240px;display:flex;position:relative}#frame{outline:1px solid var(--line);position:relative}#frame.checker{background:repeating-conic-gradient(#2a2a2a 0% 25%,#1c1c1c 0% 50%) 0 0/22px 22px}#view{width:100%;height:100%;display:block}.fatal{color:#ff8a80;text-align:center;max-width:420px;padding:16px}#track{border:1px solid var(--line);background:#111;border-radius:10px;flex-direction:column;flex:none;gap:10px;padding:12px 14px;display:flex}.track-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.track-title{align-items:baseline;gap:10px;min-width:0;display:flex}#track-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.track-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.track-actions .btn{height:34px;padding:0 12px;font-size:13px}.switch{cursor:pointer;align-items:center;gap:8px;min-height:34px;font-size:13px;display:inline-flex}.switch input{appearance:none;cursor:pointer;background:#333;border-radius:10px;width:36px;height:20px;margin:0;transition:background .15s;position:relative}.switch input:after{content:"";background:#ddd;border-radius:7px;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--accent)}.switch input:checked:after{background:var(--accent-ink);transform:translate(16px)}#wave-wrap{cursor:pointer;touch-action:none;height:64px;margin:0 -8px;padding:0 8px;position:relative}#wave{width:100%;height:100%;display:block}.wave-empty{height:100%;color:var(--muted);text-align:center;border:1px dashed #333;border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:flex}#meters{flex-wrap:wrap;gap:8px 16px;display:flex}.meter{flex:1;align-items:center;gap:8px;min-width:130px;display:flex}.meter-label{width:52px}.meter-track{background:var(--line);border-radius:3px;flex:1;height:6px;overflow:hidden}.meter-fill{background:var(--soft);transform-origin:0;border-radius:3px;width:100%;height:100%;display:block;transform:scaleX(0)}.meter-fill.hot{background:var(--accent)}#tabs{background:var(--panel-bg);border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}#tabs button{height:38px;color:var(--soft);background:0 0;border:0;border-radius:18px;font-weight:500}#tabs button[aria-selected=true]{background:var(--text);color:var(--accent-ink)}.tab-panel{flex-direction:column;gap:14px;display:flex}.intro{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.section-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.section-head h3{margin:0;font-size:14px;font-weight:500}.box{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.link-btn{color:var(--muted);font-family:var(--mono);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--text)}.knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.knob{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;display:flex;position:relative}.knob svg{cursor:ns-resize;touch-action:none;display:block}.knob .mod-knob{border-radius:14px;position:absolute;top:6px;right:6px}.knob .mod-knob:hover circle{stroke:#444}.mod-hint{font-size:12px}.knob-label{font-size:13px}.knob-steps{gap:6px;display:flex}.knob-steps button{border:1px solid var(--line-2);background:var(--card-2);border-radius:8px;width:40px;height:30px;font-size:16px;line-height:1}.knob-steps button:hover{border-color:#555}.seg{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.seg button{border:1px solid var(--line-2);background:0 0;border-radius:8px;min-height:40px;padding:4px 6px;font-size:12px}.seg button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg)}#panel{margin:0 -8px}.knob-open{background:0 0;border:0;border-radius:8px;min-height:28px;padding:0 8px}.knob-open:hover{color:var(--accent);background:#1f1f1f}.back-btn{align-self:flex-start;min-height:32px}.detail-head{align-items:center;gap:14px;display:flex}.detail-head .knob{flex:none;width:112px}.detail-title{flex-direction:column;gap:4px;min-width:0;display:flex}.detail-title h3{margin:0;font-size:20px;font-weight:700}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:40px;font-size:13px;display:flex}.switch-row input[type=color]{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:8px;width:44px;height:30px;padding:0}.entry-card{color:var(--text);text-align:left}.entry-card:hover{border-color:#444}.entry-title{justify-content:space-between;font-size:14px;display:flex}.entry-title b{font-weight:500}.choice-row{flex-direction:column;gap:6px;font-size:13px;display:flex}.audio-off{flex-direction:row;justify-content:space-between;align-items:center}.matrix-scroll{overflow-x:auto}.matrix{grid-template-columns:62px repeat(7,minmax(34px,1fr));align-items:center;gap:4px;min-width:320px;display:grid}.matrix-dest{writing-mode:vertical-rl;height:74px;color:var(--soft);font-family:var(--mono);justify-self:center;font-size:11px;transform:rotate(180deg)}.matrix-src{align-items:center;gap:6px;font-size:13px;display:flex}.matrix-src i{background:var(--accent);opacity:.15;border-radius:3px;flex:none;width:6px;height:6px}.cell{border:1px solid var(--line);background:#121212;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0;display:flex}.cell:hover{border-color:#555}.cell span{background:var(--accent);border-radius:50%;display:block}.cell span.off{background:#333}.cell span.neg{box-shadow:inset 0 0 0 2px var(--accent);background:0 0}.range-row{grid-template-columns:minmax(82px,112px) minmax(0,1fr) 62px;align-items:center;gap:10px;font-size:13px;display:grid}.range-row output{font-family:var(--mono);text-align:right;font-size:12px}input[type=range]{width:100%;height:28px;accent-color:var(--accent);cursor:pointer;background:0 0;margin:0}select{border:1px solid var(--line-2);background:var(--card-2);border-radius:8px;max-width:100%;min-height:34px;padding:0 8px;font-size:13px}.lfo-card .lfo-top{align-items:center;gap:10px;display:flex}.lfo-list{flex-direction:column;gap:10px;display:flex}.lfo-remove{border:1px solid var(--line-2);width:32px;height:32px;color:var(--soft);background:0 0;border-radius:8px;flex:none;font-size:16px;line-height:1}.lfo-remove:hover{color:#ff8a80;border-color:#ff8a80}.lfo-card .lfo-top select{flex:1;min-width:0}.lfo-live{background:var(--line);border-radius:3px;flex:none;width:44px;height:6px;position:relative}.lfo-live i{background:var(--accent);border-radius:2px;width:4px;height:10px;margin-left:-2px;position:absolute;top:-2px;left:50%}.shapes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.shapes button{border:1px solid var(--line-2);background:0 0;border-radius:8px;height:34px}.shapes button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg)}.lfo-card.off .shapes,.lfo-card.off .range-row{opacity:.4}.targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.target{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:10px;flex-direction:column;gap:4px;min-height:62px;padding:10px 12px;display:flex}.target:hover{border-color:#444}.target[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg)}.target b{font-size:13px;font-weight:500}.target span{color:var(--muted);font-family:var(--mono);font-size:11px}.summary-title{font-size:16px;font-weight:500}.summary-detail{color:var(--soft);font-family:var(--mono);font-size:12px;line-height:1.6}.summary-size{color:var(--accent);font-family:var(--mono);font-size:12px}.check{cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:13px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);margin:0}@media (width<=1180px){#workspace{grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(300px,340px)}#preset-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){html,body{overflow:auto}#app{height:auto}#topbar{padding:10px 16px}#workspace{flex-direction:column;display:flex}#center{order:1;padding:12px 16px}#stage{flex:none;height:62vh}#inspector{border-left:0;border-top:1px solid var(--line);order:2}#library{border-right:0;border-top:1px solid var(--line);order:3}#preset-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}#library,#inspector{overflow:visible}}#drop-overlay{border:2px dashed var(--accent);color:var(--accent);pointer-events:none;background:#0009;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:none;position:absolute;inset:12px}body.dragging #drop-overlay{display:flex}#toasts{z-index:10;flex-direction:column;gap:8px;max-width:min(440px,100vw - 32px);display:flex;position:fixed;bottom:16px;left:16px}.toast{background:#1b1b1b;border:1px solid #2a2a2a;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;transition:opacity .2s;animation:.15s ease-out toast-in;display:flex;box-shadow:0 4px 16px #0006}.toast.out{opacity:0}.toast button{background:var(--accent);color:#000;font:inherit;cursor:pointer;border:0;border-radius:4px;flex:none;padding:4px 8px;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.progress-overlay{z-index:20;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.progress-box{background:#171717;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);padding:18px;display:flex;box-shadow:0 10px 40px #00000080}.progress-title{font-weight:600}.progress-track{background:#2a2a2a;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);width:0;height:100%;transition:width .1s linear}.progress-detail{color:#999;font-variant-numeric:tabular-nums}.progress-box button{color:var(--text);font:inherit;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;align-self:flex-end;padding:5px 12px}.progress-box button:disabled{opacity:.6;cursor:default}