@font-face{font-family:Lilex;src:url(/fonts/lilex-variable-latin.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}html,body{height:100%;margin:0}:root{--bg:#eceff4;--panel:#f8f9fc;--ink:#151a26;--muted:#586176;--line:#d2d8e3;--accent:#2747f5;--accent-ink:#fff;--live:#dd5207;--well:#e3e7ef;--display:"Lilex",ui-monospace,Menlo,monospace;--body:"Lilex",ui-monospace,Menlo,monospace;--mono:"Lilex",ui-monospace,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11131a;--panel:#191c26;--ink:#e7eaf2;--muted:#98a1b6;--line:#2b3041;--accent:#8497ff;--accent-ink:#0c0f1e;--live:#ff8a4c;--well:#0c0e14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#11131a;--panel:#191c26;--ink:#e7eaf2;--muted:#98a1b6;--line:#2b3041;--accent:#8497ff;--accent-ink:#0c0f1e;--live:#ff8a4c;--well:#0c0e14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-route=inst]{--accent:#1f9d55}body[data-route=noise]{--accent:#0e8f8a}body[data-route=pat]{--accent:#a8690a}body[data-route=arr]{--accent:#2747f5}body[data-route=export]{--accent:#7d2150}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body[data-route=inst]{--accent:#4ade80}:root:not([data-theme=light]) body[data-route=noise]{--accent:#5eead4}:root:not([data-theme=light]) body[data-route=pat]{--accent:#ffb86b}:root:not([data-theme=light]) body[data-route=arr]{--accent:#8497ff}:root:not([data-theme=light]) body[data-route=export]{--accent:#e08ab0}}:root[data-theme=dark] body[data-route=inst]{--accent:#4ade80}:root[data-theme=dark] body[data-route=noise]{--accent:#5eead4}:root[data-theme=dark] body[data-route=pat]{--accent:#ffb86b}:root[data-theme=dark] body[data-route=arr]{--accent:#8497ff}:root[data-theme=dark] body[data-route=export]{--accent:#e08ab0}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body)}.app{flex-direction:column;width:100%;height:100vh;display:flex}.appbar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.brand{font:700 19px/1 var(--display);color:var(--ink);letter-spacing:-.01em;text-decoration:none}.appmain{flex:auto;padding:20px 16px 28px;overflow-y:auto}.appfoot{border-top:1px solid var(--line);background:var(--panel);padding:10px 16px env(safe-area-inset-bottom,10px);flex:none}body[data-route=intro] .appfoot{display:none}.tabpane{flex-direction:column;gap:20px;width:100%;max-width:1080px;margin-inline:auto;display:flex}.tabpane.full{max-width:1400px}.tabpane[hidden]{display:none}h1{font:700 clamp(26px,4vw,36px)/1.05 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0}h2{font:700 19px/1.2 var(--display);margin:0}.sub{color:var(--muted);max-width:60ch;margin:6px 0 0}.label{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.transport{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.play{background:var(--accent);color:var(--accent-ink);font:700 16px/1 var(--display);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:118px;padding:12px 20px;display:inline-flex}.play[aria-pressed=true]{background:var(--live)}.play svg{fill:currentColor;width:14px;height:14px}.ghost{border:1px solid var(--line);cursor:pointer;color:inherit;background:0 0;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;text-decoration:none;display:inline-flex}.ghost:hover{border-color:var(--muted)}.ghost .material-icons{flex:none;font-size:16px;line-height:1}.toggle{cursor:pointer;border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.toggle input{accent-color:var(--accent);width:16px;height:16px;margin:0}.toggle:has(input:checked){border-color:var(--accent)}.field{flex-direction:column;gap:6px;display:flex}.bpm{align-items:center;gap:8px;display:flex}.bpm input[type=number]{width:74px;font:500 18px/1 var(--mono);background:var(--well);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:8px;padding:7px 8px}.bpm input[type=range]{width:120px;accent-color:var(--accent)}select{background:var(--well);border:1px solid var(--line);border-radius:8px;max-width:100%;padding:7px 8px}.scope{background:var(--well);border-radius:10px;flex:180px;width:100%;min-width:0;height:56px;display:block}.bench{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:20px;display:grid}.types{flex-direction:column;gap:6px;display:flex}.type{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.type b{font:500 15px/1.2 var(--mono)}.type span{color:var(--muted);font-size:12.5px;line-height:1.3}.type:hover{border-color:var(--line)}.type[aria-checked=true]{background:var(--panel);border-color:var(--accent)}.type[aria-checked=true] b{color:var(--accent)}.settings{flex-direction:column;gap:14px;min-width:0;display:flex}.head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.groups{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.group{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.ctl{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;display:grid}.ctl label{font-size:13.5px}.ctl output{font:500 12.5px/1 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.ctl input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1;margin:0}.ctl select{grid-column:1/-1;width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.row{flex-wrap:wrap;align-items:flex-end;gap:12px 18px;display:flex}.steps{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.step{background:var(--well);border:2px solid #0000;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.step.on{border-color:var(--live)}.step select{width:100%;font:500 13px/1 var(--mono);background:var(--panel);padding:6px 2px}pre{background:var(--well);font:400 12.5px/1.55 var(--mono);border-radius:10px;margin:0;padding:14px;overflow-x:auto}.tok-kw{color:var(--accent);font-weight:700}.tok-str{color:var(--live)}.tok-num,.tok-key{color:var(--muted)}.fxhead{justify-content:space-between;align-items:center;gap:8px;display:flex}.fxbtns{gap:4px;display:flex}.mini{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;width:28px;height:28px;padding:0;line-height:1}.mini:hover:not(:disabled){border-color:var(--muted)}.mini:disabled{opacity:.35;cursor:default}.mini.wide{width:auto;padding:0 9px;font-size:12px}.mini[aria-pressed=true]{background:var(--live);border-color:var(--live);color:var(--accent-ink)}.fxname{align-items:center;gap:6px;min-width:0;display:flex}.grip{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;touch-action:none;padding:4px 2px;font-size:17px;line-height:1}.group.over{border-color:var(--accent);border-style:dashed}.group.dragging{opacity:.4}.group.muted .ctl{opacity:.45}.path{font:400 12.5px/1.5 var(--mono);color:var(--muted);overflow-wrap:anywhere;margin:0}.preset{margin-bottom:16px}.preset select{width:100%}.preset input{background:var(--well);border:1px solid var(--line);border-radius:8px;width:100%;padding:7px 8px}.err{background:var(--panel);border:1px solid var(--live);border-radius:10px;padding:12px}@media (width<=760px){.bench{grid-template-columns:minmax(0,1fr)}.types{flex-flow:wrap}.type span{display:none}.type{border-color:var(--line)}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--line2:#a9b2c4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--line2:#474e66}}:root[data-theme=dark]{--line2:#474e66}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{font:700 15px/1 var(--display);color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:8px 12px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.what{color:var(--muted);flex-basis:100%;margin:0;font-size:12.5px}.lib{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lib select,.lib input[type=text]{flex:160px;min-width:0}input[type=text],.num{background:var(--well);border:1px solid var(--line);border-radius:8px;padding:7px 8px}.num{width:76px}.rollwrap{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.keys{background:var(--well);border-right:1px solid var(--line);flex:0 0 44px}.key{height:18px;font:400 10px/18px var(--mono);color:var(--muted);padding-left:6px}.key.blk{background:var(--line)}.rollscroll{flex:1;min-width:0;overflow-x:auto}.roll{cursor:crosshair;background:var(--panel);position:relative}.rrow{border-bottom:1px solid var(--line);height:18px;position:absolute;left:0;right:0}.rrow.blk{background:var(--well)}.lines{pointer-events:none;background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--muted) 1px,transparent 1px);position:absolute;inset:0}.note{background:var(--accent);cursor:pointer;border-radius:3px;min-width:5px;position:absolute}.note.prob{background:repeating-linear-gradient(45deg,var(--accent) 0 4px,transparent 4px 6px);border:1px solid var(--accent)}.note.sel{outline:2px solid var(--live);outline-offset:1px}.nh{cursor:ew-resize;touch-action:none;width:7px;position:absolute;top:0;bottom:0;right:0}.ph{background:var(--live);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.ruler{font:400 10.5px/1 var(--mono);color:var(--muted);display:grid}.ruler span{padding-left:3px}.track{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-block:10px;display:flex}.thead{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.thead select{flex:0 200px;min-width:0}.tl{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.tl input{width:84px;accent-color:var(--accent)}.dot{background:var(--line2);border-radius:50%;flex:none;width:10px;height:10px}.dot.hit{background:var(--live)}.meter{background:var(--well);border-radius:3px;flex:60px;max-width:140px;height:6px;overflow:hidden}.meter i{background:var(--accent);width:0;height:100%;display:block}.lane{background-color:var(--well);background-image:linear-gradient(90deg,var(--line2) 1px,transparent 1px);cursor:copy;border-radius:6px;height:38px;position:relative;overflow:hidden}.clip{background:var(--accent);color:var(--accent-ink);font:500 11.5px/1 var(--mono);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:0;border-radius:5px;padding:0 6px;position:absolute;top:3px;bottom:3px;overflow:hidden}.clip.sel{box-shadow:inset 0 0 0 2px var(--live)}.clip.missing{background:var(--muted)}.proj{max-height:320px;overflow:auto}.proj.expanded{max-height:none}.panel{background:var(--well);border-radius:10px;padding:10px 12px}.panel input[type=range]{accent-color:var(--accent);width:120px}.note{touch-action:none;cursor:grab}.clip{touch-action:none}.tl .pos{width:56px;padding:4px 6px}.autoTabs{gap:6px;margin-top:8px;display:flex}.autograph{background:var(--well);cursor:crosshair;border-radius:6px;height:90px;margin-top:8px;position:relative;overflow:hidden}.autoline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.autoline polyline{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.auto-point{background:var(--accent);border:2px solid var(--panel);cursor:grab;touch-action:none;border-radius:50%;width:11px;height:11px;margin:-5.5px;position:absolute}