:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c0f;--panel:#111216;--surface:#16181d;--surface2:#1b1e24;--hover:#23262e;--press:#2a2e37;--line:#22252c;--line2:#2d313a;--line3:#3b404b;--text:#ecedf0;--mute:#959baa;--dim:#646b78;--brand:#3ddcff;--acc:#3ddcff;--acc-hover:#74e6ff;--acc-ink:#00171f;--acc-text:#5fe3ff;--accbg:#3ddcff1a;--accline:#3ddcff66;--pro:#f2b544;--pro-ink:#1c1200;--probg:#f2b5441a;--danger:#ff5c6c;--ok:#3ad08a;--track:#2d313a;--thumb:#f4f5f7;--stage:#08090b;--scrim:#030406a8;--shadow-sm:0 1px 2px #0006;--shadow-lg:0 24px 64px #0000008c, 0 0 0 1px #ffffff0a;--thumb-bg:#0d0f13}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f3;--panel:#fff;--surface:#f6f7f9;--surface2:#fff;--hover:#eff1f4;--press:#e5e8ec;--line:#e4e6ea;--line2:#d6d9df;--line3:#b9bec7;--text:#15171b;--mute:#5b616d;--dim:#8b919c;--brand:#0fb5e6;--acc:#0a84c2;--acc-hover:#0b76ad;--acc-ink:#fff;--acc-text:#0a6fa3;--accbg:#0a84c217;--accline:#0a84c26b;--pro:#b7791f;--pro-ink:#fff;--probg:#b7791f1a;--danger:#dc2f3f;--ok:#17a36a;--track:#d9dce2;--thumb:#fff;--stage:#0b0c0f;--scrim:#14181f61;--shadow-sm:0 1px 2px #1018280f;--shadow-lg:0 24px 64px #1018282e, 0 0 0 1px #1018280f;--thumb-bg:#0d0f13}:root{--r:8px;--r-lg:12px;--top-h:52px;--font:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:13px/1.45 var(--font);font-feature-settings:"cv11", "ss03";overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}#app{flex-direction:column;height:100dvh;display:flex}button,select,input{font:inherit;color:inherit}button{-webkit-user-select:none;user-select:none}:focus{outline:none}:focus-visible{outline:2px solid var(--acc);outline-offset:1px}::selection{background:var(--accline)}*{scrollbar-width:thin;scrollbar-color:var(--line2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line2);border:3px solid var(--panel);border-radius:10px}::-webkit-scrollbar-track{background:0 0}.ic{flex:none;width:16px;height:16px;display:block}.ic.inline{vertical-align:-3px;width:14px;height:14px;color:var(--acc-text);display:inline-block}.btn{background:var(--surface2);border:1px solid var(--line2);border-radius:var(--r);cursor:pointer;white-space:nowrap;letter-spacing:-.005em;height:32px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:500;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.btn:hover{background:var(--hover);border-color:var(--line3)}.btn:active{background:var(--press)}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn.icon{width:32px;padding:0}.btn.ghost{box-shadow:none;color:var(--mute);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover);color:var(--text)}.btn.on{background:var(--accbg);border-color:var(--accline);color:var(--acc-text)}.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);font-weight:600}.btn.primary:hover{background:var(--acc-hover);border-color:var(--acc-hover)}.btn.primary.on{box-shadow:0 0 0 3px var(--accbg)}.btn.danger.on{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-text{color:var(--danger)}.btn.warn.on{background:var(--pro);border-color:var(--pro);color:var(--pro-ink)}.btn.pro{background:var(--probg);border-color:color-mix(in srgb, var(--pro) 45%, transparent);color:var(--pro);font-weight:600}.btn.pro:hover{background:color-mix(in srgb, var(--pro) 18%, transparent);border-color:var(--pro)}.btn.pro-solid{background:var(--pro);border-color:var(--pro);color:var(--pro-ink);font-weight:600}.btn.pro-solid:hover{filter:brightness(1.06)}.btn.small{border-radius:7px;gap:6px;height:28px;padding:0 9px;font-size:12.5px}.btn.small .ic{width:15px;height:15px}.btn.small.icon{width:28px;padding:0}.btn.block{width:100%}.btn .kbd{margin-left:2px}.tg{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex:none;align-items:center;gap:2px;padding:2px;display:inline-flex}.tg .btn{height:28px;box-shadow:none;color:var(--mute);background:0 0;border-color:#0000;border-radius:7px;padding:0 9px}.tg .btn.icon{width:30px;padding:0}.tg .btn:hover{background:var(--hover);color:var(--text)}.tg .btn.on{background:var(--accbg);color:var(--acc-text)}.tg .btn.danger.on{background:var(--danger);color:#fff}.tg .btn.warn.on{background:var(--pro);color:var(--pro-ink)}select,.field{background:var(--surface2);border:1px solid var(--line2);border-radius:var(--r);outline:none;min-width:0;height:32px;padding:0 10px;transition:border-color .12s,box-shadow .12s}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding-right:28px}select:hover,.field:hover{border-color:var(--line3)}select:focus-visible,.field:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--accbg);outline:none}.field::placeholder{color:var(--dim)}input[type=number].field{font-variant-numeric:tabular-nums}input[type=range]{appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:20px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--acc), var(--acc)) 0 / var(--p) 100% no-repeat, var(--track);border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--thumb);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .1s;box-shadow:0 0 0 1px #0000002e,0 1px 3px #00000059}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{background:var(--track);border-radius:4px;height:4px}input[type=range]::-moz-range-progress{background:var(--acc);border-radius:4px;height:4px}input[type=range]::-moz-range-thumb{background:var(--thumb);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0000002e,0 1px 3px #00000059}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accline)}input[type=checkbox]{appearance:none;background:var(--track);cursor:pointer;border-radius:9px;flex:none;width:30px;height:18px;margin:0;transition:background .15s;position:relative}input[type=checkbox]:before{content:"";background:var(--thumb);width:14px;height:14px;transition:transform .15s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}input[type=checkbox]:checked{background:var(--acc)}input[type=checkbox]:checked:before{transform:translate(12px)}.seg{background:var(--surface);border:1px solid var(--line);border-radius:9px;gap:2px;padding:2px;display:inline-flex}.seg button{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 10px;font-weight:500;display:inline-flex}.seg button .ic{width:15px;height:15px}.seg button.on{background:var(--surface2);color:var(--text);box-shadow:0 0 0 1px var(--line2), var(--shadow-sm)}.seg button:hover:not(.on){color:var(--text)}.seg.full{display:flex}em.pro,.tag-pro{letter-spacing:.05em;color:var(--pro);background:var(--probg);border-radius:4px;flex:none;padding:0 5px;font-size:9.5px;font-style:normal;font-weight:700;line-height:16px}.kbd{font:500 11px/1 var(--font);border:1px solid var(--line2);min-width:20px;height:20px;color:var(--mute);background:var(--surface);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}#top{height:calc(var(--top-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--panel);border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;align-items:center;gap:8px;display:flex;overflow:auto hidden}#top::-webkit-scrollbar{display:none}.brand{letter-spacing:-.02em;white-space:nowrap;color:var(--text);flex:none;align-items:center;gap:9px;margin-right:2px;font-size:15px;font-weight:650;display:flex}.brand .logo{width:27px;height:27px}.brand span{color:var(--mute);font-weight:500}.tsep{background:var(--line);flex:none;width:1px;height:22px}.tgrow{flex:1;min-width:4px}.proj{max-width:240px;font-weight:550;color:var(--text)!important}.proj .nm{text-overflow:ellipsis;overflow:hidden}.proj .ic{color:var(--mute)}.proj .caret{width:14px;height:14px;color:var(--dim)}.master{color:var(--mute);flex:none;align-items:center;gap:8px;width:150px;height:32px;padding:0 6px 0 8px;display:flex}.master output{text-align:right;font-variant-numeric:tabular-nums;width:30px;color:var(--mute);font-size:11.5px}.mic-meter{position:relative}.mic-meter i{background:var(--ok);transform-origin:0;height:2px;transform:scaleX(var(--lvl,0));border-radius:2px;position:absolute;bottom:3px;left:7px;right:7px}.file-btn input{display:none}.m-only{display:none!important}@media (width<=1365px){#top .lbl-text{display:none}#top .btn.has-lbl{width:32px;padding:0}.tg .btn.has-lbl{width:30px}}@media (width<=1180px){.brand-text{display:none}.master{width:110px}.master output{display:none}}main{flex:1;min-height:0;display:flex}#left,#right{background:var(--panel);flex-direction:column;flex:none;min-height:0;display:flex}#left{border-right:1px solid var(--line);width:304px}#right{border-left:1px solid var(--line);width:316px;overflow-y:auto}#stage{background:var(--stage);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#overlay{touch-action:none}#status{color:#a7adb9;pointer-events:none;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11.5px;display:flex;position:absolute;bottom:10px;left:10px}#status>span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14161bc7;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;height:24px;padding:0 9px;display:inline-flex}#status .dot{background:#5a606c;border-radius:50%;width:6px;height:6px}#status .dot.on{background:#3ad08a;box-shadow:0 0 6px #3ad08a}#status .warn{color:#ffcf73;border-color:#ffbe5559}#status .err{color:#ff8a95}#tabs{display:none}.ptabs{border-bottom:1px solid var(--line);flex:none;gap:2px;padding:8px 10px 0;display:flex}.ptabs button{height:38px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;margin-bottom:-1px;font-weight:550;display:flex}.ptabs button:hover{color:var(--text)}.ptabs button.on{color:var(--text);border-bottom-color:var(--acc)}.ptabs button .count{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.pbody{flex:1;min-height:0;padding:12px 12px 40px;overflow-y:auto}.h{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;margin:18px 0 8px;font-size:11px;font-weight:600;display:flex}.h:first-child{margin-top:2px}.tips{color:var(--mute);margin:8px 0;font-size:12px;line-height:1.5}.tips b{color:var(--text);font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.grow{flex:1}.empty{color:var(--mute);text-align:center;padding:24px 10px 14px;font-size:12.5px;line-height:1.55}.empty .ic{width:28px;height:28px;color:var(--dim);margin:0 auto 10px}.search{margin-bottom:10px;position:relative}.search .ic{color:var(--dim);pointer-events:none;width:15px;height:15px;position:absolute;top:9px;left:10px}.search input{width:100%;padding-left:32px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--line2);background:var(--surface2);height:28px;color:var(--mute);cursor:pointer;white-space:nowrap;border-radius:14px;flex:none;align-items:center;gap:7px;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--line3)}.chip i{border-radius:50%;width:7px;height:7px}.chip.more{background:0 0;border-style:dashed;gap:4px;padding-right:8px}.chip.more .ic{width:14px;height:14px}.chip.on{background:var(--text);color:var(--panel);border-color:var(--text)}.vgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vcard{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer;text-align:left;width:100%;padding:0;transition:border-color .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}.vcard:hover{border-color:var(--line3)}.vcard.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.vcard img,.vcard .ph{aspect-ratio:16/9.3;object-fit:cover;background:var(--thumb-bg);width:100%;display:block}.vcard .ph{color:#6b7280;justify-content:center;align-items:center;display:flex}.vcard .ph .ic{width:24px;height:24px}.vcard .nm{white-space:nowrap;align-items:center;gap:6px;padding:6px 8px 7px;font-size:12px;font-weight:500;display:flex;overflow:hidden}.vcard .nm span{text-overflow:ellipsis;flex:1;overflow:hidden}.vcard .lock{color:#f2b544;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0b0eb8;border-radius:6px;padding:4px;position:absolute;top:6px;right:6px}.vcard .lock .ic{width:12px;height:12px}.vcard .aud{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0b0eb8;border-radius:6px;padding:4px;line-height:0;position:absolute;top:6px;left:6px}.vcard .aud .ic{width:12px;height:12px}.linkish{font:inherit;color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tips.steps{margin:8px 0 4px;padding-left:18px}.tips.steps li{margin:2px 0}.aud-hint{align-items:flex-start;gap:6px;margin:2px 0 8px;display:flex}.aud-hint .ic{flex:none;width:13px;height:13px;margin-top:2px}.callout.now{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.callout.now b{flex:100%}.bands{flex:1;gap:10px;display:flex}.bands span{flex:1;gap:4px;display:grid}.bands i{background:#80808040;border-radius:3px;height:6px;display:block;position:relative;overflow:hidden}.bands i:after{content:"";transform-origin:0;transform:scaleX(var(--v,0));background:currentColor;transition:transform 60ms linear;position:absolute;inset:0}.bands small{opacity:.7;font-size:11px}.vcard .del{opacity:0;color:#fff;background:#0a0b0ebf;border-color:#0000;position:absolute;top:5px;right:5px}.vcard:hover .del{opacity:1}.import-strip{border:1px dashed var(--line3);border-radius:var(--r);width:100%;color:var(--mute);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:10px 12px;font-weight:500;display:flex}.import-strip:hover{border-color:var(--acc);color:var(--text);background:var(--accbg)}.import-strip small{color:var(--dim);font-size:11.5px;font-weight:400;display:block}.pack-head{align-items:baseline;gap:8px;margin:18px 0 8px;display:flex}.pack-head:first-child{margin-top:4px}.pack-head b{white-space:nowrap;font-size:13px;font-weight:600}.pack-head small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dim);font-size:11.5px;overflow:hidden}.pack-head i{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.list li{border-radius:var(--r);cursor:pointer;border:1px solid #0000;align-items:center;gap:9px;min-height:44px;padding:6px 6px 6px 4px;display:flex}.list li:hover{background:var(--hover)}.list li.on{background:var(--accbg);border-color:var(--accline)}.list li.off .mini,.list li.off .nm{opacity:.45}.list .mini{object-fit:cover;background:var(--thumb-bg);border-radius:5px;flex:none;width:44px;height:26px}.list .nm{flex-direction:column;flex:1;min-width:0;display:flex}.list .nm b{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.list .nm small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.list .acts{gap:0;display:flex}.list .acts .btn{color:var(--dim)}.list .acts .btn:hover{color:var(--text)}.list .acts .btn.lit{color:var(--acc-text)}.list li:not(:hover):not(.on) .acts .hov{display:none}.list .key{background:var(--surface);border:1px solid var(--line2);width:20px;height:20px;color:var(--mute);font-variant-numeric:tabular-nums;border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.list li.on .key{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}.grp{border-radius:2px;flex:none;align-self:stretch;width:3px}.ihead{border-bottom:1px solid var(--line);background:var(--panel);z-index:2;flex-direction:column;gap:10px;padding:12px;display:flex;position:sticky;top:0}.ihead .name{width:100%;box-shadow:none;background:0 0;border-color:#0000;padding-left:6px;font-size:14px;font-weight:600}.ihead .name:hover{border-color:var(--line2)}.ihead .name:focus{background:var(--surface2)}.ihead h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:650}.ihead .meta{color:var(--mute);font-size:12px}.vis-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex}.vis-card img{object-fit:cover;background:var(--thumb-bg);border-radius:5px;width:72px;height:42px}.vis-card .nm{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vis-card .nm b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.vis-card .nm small{color:var(--mute);align-items:center;gap:6px;font-size:11.5px;display:flex}.vis-card .nm small i{border-radius:50%;flex:none;width:7px;height:7px}details.sec{border-bottom:1px solid var(--line)}details.sec>summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px;font-size:11px;font-weight:600;list-style:none;display:flex}details.sec>summary::-webkit-details-marker{display:none}details.sec>summary:after{content:"";border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);width:6px;height:6px;margin-left:auto;transition:transform .15s;transform:rotate(-45deg)}details.sec[open]>summary:after{transform:rotate(45deg)}details.sec>summary:hover{color:var(--text)}details.sec>summary .badge{text-transform:none;letter-spacing:0;color:var(--dim);font-weight:500}.secb{padding:0 12px 14px}.sl{grid-template-columns:92px 1fr 44px 26px;align-items:center;gap:8px;min-height:30px;display:grid}.sl>span{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.sl output{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;font-size:12px}.sl output.live{color:var(--acc-text)}.sl select{grid-column:span 3}.lfo-btn{width:26px;height:24px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.lfo-btn .ic{width:15px;height:15px}.lfo-btn:hover{color:var(--text);background:var(--hover)}.lfo-btn.on{background:var(--accbg);color:var(--acc-text);border-color:var(--accline)}.lfo{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);margin:2px 0 10px;padding:8px 10px 6px;position:relative}.lfo:before{content:"";background:var(--acc);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:-1px}.lfo select{height:28px;padding-left:8px;font-size:12.5px}.lfo .chk{font-size:12.5px}.sl.sub{grid-template-columns:50px 1fr 52px;min-height:28px}.sl.sub select{grid-column:span 2}.chk{color:var(--mute);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.nudge{grid-template-columns:repeat(3,34px);gap:4px;display:grid}.nudge .btn{width:34px;height:32px;padding:0}.stepper{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:2px;padding:2px;display:inline-flex}.stepper .btn{box-shadow:none;background:0 0;border-color:#0000}.stepper .btn:hover{background:var(--hover)}.stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-weight:600}.num{width:72px}.beat{background:var(--line2);border-radius:50%;flex:none;width:10px;height:10px;transition:background 60ms}.beat.hit{background:var(--acc);box-shadow:0 0 8px var(--acc)}.kv{grid-template-columns:1fr auto;align-items:center;gap:10px 12px;display:grid}.kv>span{color:var(--mute)}.kv .stack{align-items:center;gap:8px;display:flex}.callout{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);margin:4px 0 10px;padding:10px 12px}.callout>b{margin-bottom:4px;font-weight:600;display:block}.callout ol{color:var(--mute);margin:0;padding-left:18px}.callout li{margin:4px 0}.plan-box{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px}.plan-box .t{align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.plan-box .t .ic{color:var(--pro)}#toast{color:#eceef2;opacity:0;pointer-events:none;width:max-content;max-width:min(520px,100% - 24px);transition:opacity .2s, transform .2s var(--ease);text-align:center;z-index:5;background:#1b1d23;border:1px solid #ffffff14;border-radius:10px;padding:10px 14px;line-height:1.45;position:absolute;bottom:44px;left:50%;transform:translate(-50%,8px);box-shadow:0 12px 32px #00000073}#toast.show{opacity:1;transform:translate(-50%)}#modal{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}#modal[hidden]{display:none}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.99)}}@keyframes sheet{0%{transform:translateY(100%)}}.card{background:var(--panel);border:1px solid var(--line);width:min(560px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);animation:rise .18s var(--ease);border-radius:14px;padding:22px 24px 24px;position:relative;overflow-y:auto}.card.wide{width:min(880px,100%)}.card.narrow{width:min(400px,100%)}.card h2{letter-spacing:-.015em;align-items:center;gap:8px;margin:0 0 4px;padding-right:36px;font-size:18px;font-weight:650;display:flex}.card h2 .ic{width:20px;height:20px;color:var(--pro)}.card .sub{color:var(--mute);margin:0 0 18px;line-height:1.5}.card .close{position:absolute;top:14px;right:14px}.card .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.card .field.full{width:100%;height:38px;font-size:14px}.tgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tcard{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;justify-content:flex-start;padding:8px 8px 10px;transition:border-color .12s,box-shadow .12s;display:flex}.tcard:hover{border-color:var(--acc);box-shadow:0 0 0 3px var(--accbg)}.tcard b{margin:8px 2px 1px;font-weight:600;display:block}.tcard small{color:var(--mute);margin:0 2px;font-size:11.5px;line-height:1.4;display:block}.tpl-svg{aspect-ratio:16/9;background:#0b0c0f;border-radius:7px;width:100%;display:block}.tpl-svg polygon{fill:#3ddcff29;stroke:#3ddcff;stroke-width:1.2px;stroke-linejoin:round}.tpl-svg text{fill:#6b7280;font-size:26px}.steps{grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 20px;display:grid}.steps div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px}.steps b{align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.steps b i{background:var(--accbg);width:20px;height:20px;color:var(--acc-text);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.steps span{color:var(--mute);font-size:12.5px;line-height:1.5}.welcome-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.welcome-head img{border-radius:12px;width:48px;height:48px}.welcome-head h2{margin:0}.welcome-head p{color:var(--mute);margin:2px 0 0}.plist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.plist li{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.plist li.on{border-color:var(--accline);background:var(--accbg)}.plist .nm{flex:1;min-width:0}.plist .nm b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.plist .nm small{color:var(--mute)}.avatar{object-fit:cover;background:var(--accbg);width:26px;height:26px;color:var(--acc-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:inline-flex}.btn.acct{padding:0}.acct-head{align-items:center;gap:14px;margin:0 0 18px;display:flex}.acct-head .avatar{width:48px;height:48px;font-size:18px}.acct-head h2{margin:0}.acct-head p{color:var(--mute);margin:2px 0 0}.gsi{justify-content:center;min-height:44px;display:flex}.card a{color:var(--acc-text)}.plans{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 4px;display:grid}.plan{border:1px solid var(--line2);border-radius:var(--r-lg);background:var(--surface);text-align:left;cursor:pointer;color:var(--text);flex-direction:column;align-items:stretch;gap:2px;padding:14px 16px;transition:border-color .12s,box-shadow .12s;display:flex}button.plan:hover{border-color:var(--line3);box-shadow:0 0 0 3px var(--accbg)}button.plan:disabled{opacity:.55;cursor:default}.plan .btn{pointer-events:none;margin-top:auto}.plan small{margin-bottom:14px}.plan.best{border-color:var(--pro);box-shadow:0 0 0 1px var(--pro)}.plan b{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.plan .price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:8px 0 2px;font-size:24px;font-weight:700;display:block}.plan small{color:var(--mute)}.feat{grid-template-columns:1fr 1fr;gap:8px 16px;margin:4px 0 0;padding:0;list-style:none;display:grid}.feat li{align-items:center;gap:8px;display:flex}.feat li .ic{color:var(--ok);width:16px;height:16px}.compare{border-collapse:collapse;width:100%;margin-top:4px;font-size:12.5px}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;padding:7px 4px}.compare th{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.compare td:not(:first-child),.compare th:not(:first-child){text-align:center;width:72px}.compare td:first-child{color:var(--mute)}.compare .ic{width:15px;height:15px;color:var(--ok);margin:0 auto}.compare .no{color:var(--dim)}.keys{grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;display:grid}.keys>span:nth-child(odd){white-space:nowrap;justify-content:flex-end;gap:3px;display:flex}.keys>span:nth-child(2n){color:var(--mute)}.sheet-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tile{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);cursor:pointer;min-height:76px;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 4px;font-size:12px;font-weight:500;display:flex}.tile .ic{width:22px;height:22px;color:var(--mute)}.tile:active{background:var(--press)}.tile.on{border-color:var(--accline);background:var(--accbg)}.tile.on .ic{color:var(--acc-text)}.tile.danger.on{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.tile.danger.on .ic{color:var(--danger)}.tile.warn.on{border-color:var(--pro);background:var(--probg)}.tile.warn.on .ic{color:var(--pro)}.tile input{display:none}.sheet-sec{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:18px 0 8px;font-size:11px;font-weight:600}.sheet-sec:first-of-type{margin-top:6px}.sheet-row{align-items:center;gap:12px;padding:4px 0;display:flex}.sheet-row .ic{color:var(--mute)}body.present #top,body.present #left,body.present #right,body.present #status,body.present #tabs,body.output #top,body.output #left,body.output #right,body.output #overlay,body.output #status,body.output #tabs{display:none!important}body.present #stage,body.output #stage{background:#000}body.output.idle{cursor:none}.out-hint{color:#fffc;font:13px var(--font);background:#000b;border:1px solid #fff2;border-radius:9px;padding:8px 14px;transition:opacity .4s;position:fixed;top:16px;left:50%;transform:translate(-50%)}body.idle .out-hint{opacity:0}.qr-card{z-index:1;pointer-events:none;box-sizing:border-box;color:#000;font:600 1em var(--font);letter-spacing:-.01em;background:#fff;border-radius:.6em;flex-direction:column;align-items:center;padding:.7em .7em 0;display:flex;position:absolute}.qr-card[hidden]{display:none}#stage .qr-card canvas{width:100%;height:auto;image-rendering:pixelated;flex:none;display:block;position:static;inset:auto}.qr-card span{white-space:nowrap;flex:1;align-items:center;display:flex}.play-live{align-items:center;gap:8px;margin-bottom:10px;display:flex}.play-live .dot{background:var(--dim);border-radius:50%;flex:none;width:8px;height:8px}.play-live .dot.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}.play-live .meta{color:var(--mute);margin-left:auto;font-size:12px}.play-url{justify-content:flex-start;min-width:0}.play-url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play-btns{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.play-btns .meta{color:var(--dim);font-size:11px}.tips.warn-t{color:var(--pro)}.tips code{font-size:11.5px}.fatal{max-width:560px;margin:auto;padding:40px}body.booting #app{pointer-events:none}@media (pointer:coarse){.btn{height:40px}.btn.icon{width:40px}.btn.small{height:36px;padding:0 12px}.btn.small.icon{width:36px;padding:0}.tg .btn{height:36px}.tg .btn.icon{width:38px}select,.field{height:40px;font-size:16px}.seg button{height:36px}.chip{border-radius:17px;height:34px;padding:0 14px}.list li{min-height:54px}.list .acts .hov{display:inline-flex!important}.list li:not(.on) .acts .hov.touch-hide{display:none!important}.sl{grid-template-columns:88px 1fr 44px 34px;min-height:40px}.sl.sub{min-height:36px}.lfo-btn{width:34px;height:32px}input[type=range]{height:32px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}input[type=range]::-moz-range-thumb{width:22px;height:22px}input[type=checkbox]{border-radius:12px;width:40px;height:24px}input[type=checkbox]:before{width:20px;height:20px}input[type=checkbox]:checked:before{transform:translate(16px)}.nudge{grid-template-columns:repeat(3,44px)}.nudge .btn{width:44px;height:44px}.vcard .del{opacity:1}details.sec>summary{padding:15px 14px}}@media (width<=860px){:root{--top-h:52px}.d-only{display:none!important}.m-only{display:inline-flex!important}#top{gap:4px;padding-left:10px;padding-right:8px;overflow:hidden}.brand .logo{width:24px;height:24px}.proj{flex:auto;justify-content:flex-start;min-width:0;max-width:none;padding:0 8px}.proj .ic:first-child{display:none}main{flex-direction:column}#stage{flex:42%;order:-1}#left,#right{border:0;border-top:1px solid var(--line);flex:58%;width:auto}body[data-mtab=edit] #left,body:not([data-mtab=edit]) #right,body.sheet-closed #left,body.sheet-closed #right{display:none}body.sheet-closed #stage{flex:1}#left .ptabs{display:none}.pbody{padding:12px 14px 24px}#right .ihead{position:static}#tabs{background:var(--panel);border-top:1px solid var(--line);padding:4px 6px env(safe-area-inset-bottom);flex:none;display:flex}#tabs button{height:58px;color:var(--mute);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}#tabs button .pill{border-radius:14px;justify-content:center;align-items:center;width:52px;height:28px;transition:background .15s;display:flex}#tabs button .ic{width:20px;height:20px}#tabs button.on{color:var(--text);font-weight:600}#tabs button.on .pill{background:var(--accbg);color:var(--acc-text)}#tabs .n{background:var(--surface2);border:1px solid var(--line2);min-width:16px;height:16px;color:var(--mute);border-radius:8px;margin:-16px 0 0 26px;padding:0 4px;font-size:10px;line-height:14px;position:absolute}#status{bottom:8px;left:8px}#status .opt{display:none}#toast{bottom:16px}.steps,.plans,.feat{grid-template-columns:1fr}.welcome-head img{width:40px;height:40px}}@media (width<=600px){#modal{align-items:flex-end;padding:0}.card,.card.wide,.card.narrow{width:100%;max-height:90dvh;padding:26px 16px calc(18px + env(safe-area-inset-bottom));animation:sheet .24s var(--ease);border-bottom:0;border-radius:18px 18px 0 0}.card:before{content:"";background:var(--line3);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:8px;left:50%}.card .close{top:12px;right:10px}.card .actions{flex-direction:column-reverse;align-items:stretch}.card .actions .btn{width:100%}.card .actions>.row{flex-direction:column;align-items:stretch}.tgrid{grid-template-columns:1fr 1fr;gap:8px}.plist li{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.consent{z-index:1000;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--panel);width:min(420px,100vw - 32px);color:var(--text);border:1px solid var(--line2);box-shadow:var(--shadow-lg);border-radius:14px;padding:16px;font-size:13.5px;line-height:1.5;animation:.3s consent-in;position:fixed}.consent p{color:var(--mute);margin:0 0 12px}.consent a{color:var(--acc-text)}.consent div{justify-content:flex-end;gap:8px;display:flex}@keyframes consent-in{0%{opacity:0;transform:translateY(10px)}}