:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f5fb;--panel:#131118;--line:#302b38;--muted:#a9a1b1;--pink:#ff4f9a;--cyan:#24d3e8;--violet:#9a7cff;--lime:#b8ff4f;--orange:#ffb84f;background:#09080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#09080d;min-width:320px}body{background:radial-gradient(circle at 50% 0,#18131f 0,#0b0a0f 42%,#08070b 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button,.file-button,.download{color:#faf7fc;cursor:pointer;text-align:center;background:#211d27;border:1px solid #3b3544;border-radius:10px;padding:.78rem .9rem;font-weight:750;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s}button:hover,.file-button:hover,.download:hover{background:#29232f;border-color:#746a80}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(135deg,#f63d8d,#915cff);border-color:#0000}button.active-source{border-color:var(--lime);box-shadow:0 0 0 2px #b8ff4f9e}.site-head{justify-content:space-between;align-items:end;gap:1rem;max-width:1500px;margin:0 auto;padding:1.2rem clamp(1rem,2.5vw,2.4rem) .8rem;display:flex}.brand-lockup{align-items:center;gap:.85rem;display:flex}.brand-mark{border:2px solid #f5f0f8;border-radius:.7rem;grid-template-columns:repeat(3,1fr);align-items:end;gap:.24rem;width:3.1rem;height:2.35rem;padding:.45rem;display:grid;position:relative;transform:skew(-5deg)}.brand-mark:after{content:"";border:2px solid var(--pink);border-radius:50%;position:absolute;inset:.42rem}.brand-mark i{background:var(--cyan);z-index:1;border-radius:1rem;width:.22rem;display:block}.brand-mark i:first-child{height:.6rem}.brand-mark i:nth-child(2){height:1.05rem}.brand-mark i:nth-child(3){height:.78rem}.wordmark{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,4.2rem);font-weight:950;line-height:.85}.wordmark span{color:var(--pink)}.tagline{color:var(--muted);letter-spacing:.18em;margin:.6rem 0 0;font:700 .72rem/1 ui-monospace,monospace}.head-status{flex-wrap:wrap;justify-content:end;gap:.5rem;display:flex}.status{color:#968e9e;background:#151219;border:1px solid #3b3544;border-radius:999px;padding:.48rem .72rem;font:800 .66rem/1 ui-monospace,monospace}.status.active,.status.armed{color:#0b0d07;background:var(--lime);border-color:var(--lime)}.status.warning,.status.ambiguous{color:#171007;background:var(--orange);border-color:var(--orange)}.notice{color:#dcd3e3;background:#1c1722;border:1px solid #51415d;border-radius:10px;max-width:1450px;margin:0 auto .8rem;padding:.75rem 1rem}.notice[data-type=error]{color:#ffd5e6;background:#2a1520;border-color:#813a58}main{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1rem;max-width:1500px;margin:0 auto;padding:0 clamp(1rem,2.5vw,2.4rem) 2rem;display:grid}.panel{border:1px solid var(--line);background:#131118f5;border-radius:16px;box-shadow:0 16px 45px #0000003d}.panel.compact{padding:1rem}.panel-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.panel-head h1,.panel-head h2{margin:0}.panel-head h1{font-size:clamp(1.2rem,2vw,1.8rem)}.panel-head h2{font-size:1rem}.eyebrow{color:var(--pink);letter-spacing:.15em;margin:0 0 .35rem;font:800 .64rem/1 ui-monospace,monospace}.substatus,.hint{color:var(--muted);font-size:.78rem;line-height:1.45}.stage{min-width:0;padding:1rem}.stage-head{margin-bottom:.8rem}.live-readout{text-align:right;color:var(--muted);gap:.25rem;font:800 .72rem/1.2 ui-monospace,monospace;display:grid}.live-readout strong{color:#f6f1f8}.live-readout strong.on{color:var(--lime)}.camera-shell{aspect-ratio:16/9;background:#050507;border:1px solid #302a37;border-radius:12px;position:relative;overflow:hidden}#preview{object-fit:contain;width:100%;height:100%;display:block}.camera-legend{color:#dad3df;background:#050507c7;border-radius:7px;align-items:center;gap:.35rem;padding:.38rem .52rem;font:700 .62rem/1 ui-monospace,monospace;display:flex;position:absolute;bottom:.7rem;left:.7rem}.dot{border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.dot.detected{background:var(--pink)}.dot.covered{background:var(--orange);margin-left:.4rem}.dot.active{background:var(--lime);margin-left:.4rem}.active-deck{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem}.active-deck-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.active-deck-head h2{color:#d9d1df;margin:0;font-size:.9rem;font-weight:720}.deck-actions{flex-wrap:wrap;justify-content:end;gap:.45rem;display:flex}.deck-actions button{padding:.55rem .72rem}.active-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.active-slot{background:#0f0d13;border:1px solid #352f3c;border-radius:10px;min-width:0;padding:.62rem .7rem}.active-slot span{color:#8d8495;text-transform:uppercase;font:750 .6rem/1 ui-monospace,monospace;display:block}.active-slot strong{white-space:nowrap;text-overflow:ellipsis;margin-top:.38rem;font-size:.82rem;display:block;overflow:hidden}.active-slot small{color:#8f8797;white-space:nowrap;text-overflow:ellipsis;margin-top:.22rem;display:block;overflow:hidden}.active-slot.active{border-color:var(--lime);background:#b8ff4f14;box-shadow:inset 0 0 0 1px #b8ff4f1f}.active-slot.active strong{color:var(--lime)}.manual-test{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.effect-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.85rem;display:grid}.effect-family{min-width:0}.effect-family h3{color:#a99fb2;margin:0 0 .55rem;font-size:.76rem}.effect-family-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.effect-card{text-align:left;justify-content:space-between;align-items:center;gap:.65rem;min-height:62px;display:flex;position:relative;overflow:hidden}.effect-card span{min-width:0}.effect-card strong{font-size:.86rem;display:block}.effect-card small{color:#9f96a8;margin-top:.2rem;font-size:.66rem;line-height:1.25;display:block}.effect-card b{border:1px solid #51495a;border-radius:8px;flex:none;place-items:center;width:2.1rem;height:2.1rem;font:850 .72rem/1 ui-monospace,monospace;display:grid}.effect-card.detected:before{content:"";background:var(--pink);border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.35rem;left:.35rem}.effect-card.covered{border-color:var(--orange);box-shadow:inset 0 0 0 1px #ffb84f40}.effect-card.covered:after{content:"COVER";color:var(--orange);font:800 .54rem/1 ui-monospace,monospace;position:absolute;top:.3rem;right:.35rem}.effect-card.active{border-color:var(--lime);background:#b8ff4f1a;box-shadow:inset 0 0 0 1px #b8ff4f29,0 0 16px #b8ff4f14}.effect-card.active strong,.effect-card.active b{color:var(--lime)}.effect-card[data-group=rhythm]{--group:#ff4f9a}.effect-card[data-group=beat]{--group:#ff8b4f}.effect-card[data-group=moment]{--group:#d2f047}.effect-card[data-group=filter]{--group:#24d3e8}.effect-card[data-group=texture]{--group:#5cc7ff}.effect-card[data-group=space]{--group:#9a7cff}.effect-card b{border-color:color-mix(in srgb, var(--group) 55%, #51495a)}.control-stack{align-content:start;gap:1rem;display:grid}.control-stack .panel{gap:.75rem;display:grid}.source-feature{background:#1b1520;border:1px solid #45344f;border-radius:12px;padding:.8rem}.source-kicker{color:#c6b8cf;letter-spacing:.1em;margin-bottom:.55rem;font:800 .59rem/1 ui-monospace,monospace;display:block}.source-main{width:100%}.capture-steps{color:#bdb4c4;margin:.72rem 0 0;padding-left:1.15rem;font-size:.75rem;line-height:1.45}.source-divider{color:#817889;align-items:center;font:750 .58rem/1 ui-monospace,monospace;display:flex}.source-divider:before,.source-divider:after{content:"";background:#332d3a;flex:1;height:1px}.source-divider span{padding:0 .55rem}.file-button{display:block}.file-button input{display:none}#player{width:100%;height:38px}.field{color:var(--muted);gap:.35rem;font-size:.75rem;display:grid}select{color:#f6f1f8;background:#17131c;border:1px solid #3d3645;border-radius:9px;width:100%;padding:.7rem}.download{text-decoration:none;display:block}input[type=range]{width:100%;accent-color:var(--pink)}output{color:var(--lime);font:800 .74rem/1 ui-monospace,monospace}footer{text-align:center;color:#6f6776;letter-spacing:.08em;padding:0 1rem 1.5rem;font:700 .58rem/1.4 ui-monospace,monospace}@media (width<=1080px){main{grid-template-columns:1fr}.control-stack{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.site-head{align-items:start}.head-status{display:grid}.control-stack,.effect-grid{grid-template-columns:1fr}.active-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.site-head{display:block}.brand-mark{display:none}.head-status{justify-content:start;margin-top:.8rem}.stage-head,.active-deck-head,.panel-head{align-items:start}.active-deck-head{display:block}.deck-actions{justify-content:start;margin-top:.7rem}.active-slots,.effect-family-list{grid-template-columns:1fr}.camera-legend{font-size:.52rem}}