:root{--bg:#1a1020;--fg:#f5eef8;--accent:#f36;--muted:#a898b0;--card:#2a1c33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}body{background:var(--bg);margin:0}html.transparent,html.transparent body{background:0 0}.page{flex-direction:column;gap:.75rem;max-width:40rem;margin:0 auto;padding:1rem;display:flex}.page.wide{max-width:72rem}label{flex-direction:column;gap:.25rem;display:flex}input,select,button{font:inherit;border:1px solid var(--muted);background:var(--card);color:var(--fg);border-radius:.5rem;padding:.6rem .8rem}button{background:var(--accent);cursor:pointer;border:none;min-height:2.75rem}button.small{background:var(--card);border:1px solid var(--muted);min-height:2rem;padding:.3rem .6rem;font-size:.85rem}button.danger{color:#ff8080;border-color:#ff8080}.slot-select{flex-direction:column;gap:.25rem;display:flex}button:disabled{opacity:.4;cursor:not-allowed}.buttons,.slot-row{flex-wrap:wrap;gap:.5rem;display:flex}.hint{color:var(--muted);overflow-wrap:anywhere}.error{color:#ff8080}.warning{color:#ffd966;background:#4a3b00;border-radius:.5rem;padding:.75rem}.video{object-fit:cover;width:100%;height:100%;display:block}.placeholder{width:100%;height:100%;color:var(--fg);background:#000a;place-items:center;font-size:1.5rem;display:grid}.self-view{aspect-ratio:16/9;background:#000;border-radius:.5rem;position:relative;overflow:hidden}.self-view.small{max-width:24rem}.clip{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.participants{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;display:grid}.participant-card{background:var(--card);border-radius:.5rem;flex-direction:column;gap:.4rem;padding:.5rem;display:flex}.participant-card label{flex-direction:row;align-items:center}.thumb{aspect-ratio:16/9;background:#000}table{border-collapse:collapse}td,th{text-align:left;padding:.25rem .75rem}.stream-canvas{width:1920px;height:1080px;position:relative;overflow:hidden}.stream-grid{box-sizing:border-box;gap:24px;height:100%;padding:48px;display:grid}.stream-slot{border-radius:16px;position:relative;overflow:hidden}.name-tag{background:#000a;border-radius:8px;padding:4px 12px;font-size:28px;position:absolute;bottom:16px;left:16px}.stream-error{color:#ff8080;font-size:14px;position:absolute;bottom:8px;right:8px}.selected{background:var(--accent);border-radius:.5rem;padding:.75rem;font-weight:600}.mic-level{align-items:center;gap:.5rem;display:flex}.mic-icon{text-align:center;width:1.8rem;font-size:1.4rem}.mic-track{background:var(--card);border-radius:999px;flex:1;height:.75rem;overflow:hidden}.mic-bar{background:#4ade80;width:0%;height:100%;transition:width 60ms linear}.mic-level.off .mic-track{background:repeating-linear-gradient(45deg, var(--card) 0 6px, #3a2a45 6px 12px)}.mic-label{white-space:nowrap;font-weight:600}.mic-level.off .mic-label{color:#ff8080}.mic-level.local .mic-bar{background:#facc15}.mic-level.local .mic-label{color:var(--muted)}.mic-level.live .mic-label{color:#4ade80}.send-badge{background:#000a;border-radius:.4rem;padding:.2rem .6rem;font-size:.85rem;position:absolute;top:.5rem;left:.5rem}.send-badge.live{background:#dc2626;font-weight:600}.stage-wrap{position:relative}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.5rem;display:grid}.stage-tile{aspect-ratio:16/9;background:#000;border-radius:.5rem;position:relative;overflow:hidden}.stage-tile.empty{background:var(--card);color:var(--muted);place-items:center;display:grid}.name-tag.small{padding:.1rem .5rem;font-size:.9rem;bottom:.4rem;left:.4rem}label.inline{flex-direction:row;align-items:center}