:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--panel:#12151d;--panel-2:#171b25;--border:#232936;--text:#e6e9f0;--muted:#8b93a7;--accent:#f6821f;--accent-soft:#f6821f24;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{flex-direction:column;gap:18px;max-width:1080px;margin:0 auto;padding:28px 20px 60px;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.brand h1{letter-spacing:-.01em;color:var(--text);margin:0;font-size:22px}.brand p{color:var(--muted);margin:4px 0 0;font-size:13px}nav{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:6px;padding:4px;display:flex}.tab{color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:600}.tab.active{background:var(--accent-soft);color:var(--accent)}.target{background:var(--panel);border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.target label{flex-direction:column;gap:6px;min-width:0;display:flex}.target span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.target input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:0;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.target input:focus{border-color:var(--accent);outline:none}.target button{background:var(--accent);color:#11131a;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700}.stage{flex-direction:column;gap:12px;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.chip select{color:var(--text);background:0 0;border:0;font-size:12px;font-weight:600}.chip select:focus{outline:none}.ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:12px}.ghost:hover{border-color:var(--accent);color:var(--accent)}.player{border:1px solid var(--border);background:#05070b;border-radius:14px;place-items:center;min-height:420px;padding:12px;display:grid;overflow:hidden}.player moq-watch-ui,.player moq-publish-ui{width:100%;display:block}.player canvas,.player video{background:#05070b;border-radius:10px;width:100%;max-height:70vh;display:block}.hint{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.hint code{color:var(--text);background:var(--panel-2);border:1px solid var(--border);word-break:break-all;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=720px){.target{grid-template-columns:1fr}}