:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(16% .018 252);--panel:oklch(21% .022 252);--panel2:oklch(25% .024 252);--ink:oklch(93% .01 250);--muted:oklch(72% .025 250);--line:oklch(34% .028 252);--accent:oklch(74% .14 178);--bad:oklch(70% .16 28);--focus:oklch(82% .16 178)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}main{grid-template-columns:280px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:oklch(18% .018 252);height:100vh;padding:28px 22px;position:sticky;top:0}.brand{align-items:center;gap:12px;font-size:1.25rem;display:flex}.brand span{background:var(--accent);color:oklch(15% .018 252);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.tag{color:var(--muted);line-height:1.55}nav{gap:8px;margin:28px 0;display:grid}nav a,.toggles button,header button,.box h3 button,.probe{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:10px 12px;text-decoration:none;display:flex}nav a:hover,.toggles button:hover,.probe:hover{background:var(--panel2)}svg{width:18px;height:18px}.mini{color:var(--muted);border:1px solid var(--line);border-radius:14px;margin-top:auto;padding:14px;line-height:1.55}.shell{width:100%;max-width:1500px;margin:0 auto;padding:22px}header{z-index:2;background:linear-gradient(var(--bg) 70%,transparent);padding:0 0 18px;position:sticky;top:0}form{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:10px 10px 10px 14px;display:grid}input,select{width:100%;color:var(--ink);background:0 0;border:0;outline:0}select{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:10px}header button{background:var(--accent);color:oklch(14% .02 252);font-weight:750}.err{border:1px solid color-mix(in oklch,var(--bad),transparent 50%);background:color-mix(in oklch,var(--bad),transparent 86%);border-radius:12px;margin-bottom:14px;padding:12px 14px}.watch{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.stage{border:1px solid var(--line);background:#000;border-radius:16px;min-height:52vh;overflow:hidden}video{background:#000;width:100%;height:min(68vh,720px);display:block}.empty{text-align:center;height:52vh;color:var(--muted);place-content:center;padding:32px;display:grid}.empty h1{max-width:640px;color:var(--ink);text-wrap:balance;font-size:2rem;line-height:1.12}.panel,.box,.settings{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px}.panel h2{margin:0 0 8px;font-size:1.15rem;line-height:1.35}.panel p,.box p,.settings p{color:var(--muted);line-height:1.55}.toggles{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.toggles button{border-color:var(--line);background:var(--panel2)}.toggles button.on{background:color-mix(in oklch,var(--accent),transparent 82%);border-color:var(--accent);color:var(--focus)}.facts{flex-wrap:wrap;gap:8px;display:flex}.facts span{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:.82rem;display:flex}.facts svg{width:14px;height:14px}.probe{border-color:var(--line);background:var(--panel2);margin:12px 0}h3{margin:26px 0 12px;font-size:1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;padding:0;overflow:hidden}.tile:hover,.row:hover{border-color:var(--accent)}.tile img{aspect-ratio:16/9;object-fit:cover;background:var(--panel2);width:100%}.tile b{padding:10px 12px 3px;line-height:1.35;display:block}.tile span{color:var(--muted);padding:0 12px 12px;font-size:.9rem;display:block}.library{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:22px;display:grid}.box h3{align-items:center;gap:8px;margin-top:0;display:flex}.box h3 button{margin-left:auto;padding:6px}.row{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:7px;display:grid}.row img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:64px}.settings{margin-top:22px}.settings label{gap:8px;max-width:460px;display:grid}.settings a{color:var(--focus);margin-right:12px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width<=980px){main{grid-template-columns:1fr}aside{height:auto;position:relative}.watch{grid-template-columns:1fr}.shell{padding:14px}}@media (prefers-reduced-motion:no-preference){.tile,.row,.toggles button,nav a,.probe{transition:border-color .18s,background-color .18s,color .18s}}