:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#dce6f0;background:#091017;font-synthesis:none;--panel:#111c26;--line:#243440;--soft:#8295a7;--mint:#5ce2bf;--gold:#f5c775}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:1px solid #34434f;background:#1b2a35;color:#e2ebf2;border-radius:7px;padding:10px 15px;font-size:13px;font-weight:600;transition:background .15s}button:hover{background:#2b3c48}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--mint);color:#062a23;border-color:var(--mint)}button.primary:hover{background:#96efd6}button.danger{color:#ffa6a6;border-color:#6c4247;background:#281e27}button.active{border-color:var(--mint);color:var(--mint);background:#193b37}a{color:var(--mint);text-decoration:none}input,textarea,select{background:#0b141d;border:1px solid #344451;border-radius:6px;color:#edf3f7;padding:11px;width:100%;font-size:14px}textarea{resize:vertical;min-height:86px}label{display:block;font-size:12px;color:#a6b5c1;margin-bottom:8px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.15;letter-spacing:-1px}h2{font-size:17px;letter-spacing:-.2px}h3{font-size:14px}small,.muted{color:var(--soft)}small{font-size:12px}p{line-height:1.65;color:#a8b9c7}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:650;letter-spacing:-.5px;color:#edf6fa}.brand svg{width:40px;height:34px}.brand span{font-size:11px;color:var(--mint);letter-spacing:2.5px;margin-left:8px}.topbar{border-bottom:1px solid var(--line);height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0e1821}.topbar .meta{display:flex;gap:16px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #30404a;border-radius:40px;font-size:11px;padding:6px 10px;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold)}.live .dot,.on .dot{background:var(--mint)}.workspace{max-width:1660px;padding:26px 30px 34px;margin:auto}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:700;color:var(--mint);margin-bottom:9px}.titlebar h1{font-size:25px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.banner{padding:12px 16px;margin-bottom:20px;background:#252319;border:1px solid #5d5030;border-radius:7px;color:#e5d4ac;font-size:12px;line-height:1.55}.grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.panel-body{padding:18px}.program canvas,.monitor canvas,.viewer video{display:block;width:100%;aspect-ratio:16/9;background:#050a0e}.program{border:1px solid #2b6155;border-radius:8px;overflow:hidden}.program .caption{background:#15322c;color:var(--mint)}.caption{padding:10px 14px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.preview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:18px}.monitor{background:#0a1219;border:1px solid var(--line);border-radius:7px;overflow:hidden}.layout-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.layout-buttons button{text-align:left;padding:10px;font-size:12px}.layout-glyph{display:flex;gap:3px;height:19px;margin-bottom:7px;opacity:.7}.layout-glyph i{display:block;flex:1;background:#577581;border-radius:2px}.layout-glyph i:first-child{flex:1.8}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.source{padding:15px;background:#0c151e;border:1px solid var(--line);border-radius:7px;min-width:0}.source h3{font-size:12px;margin-bottom:7px}.source small{display:block;font-size:10px;min-height:30px}.source button{width:100%;padding:8px;font-size:11px;margin-top:9px}.stack{display:grid;gap:18px;align-content:start}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.mode-buttons button{padding:14px 6px;font-size:12px}.mode-buttons strong{display:block;font-size:16px;margin-bottom:6px}.state-line{font-size:11px;color:var(--gold);margin:10px 0;line-height:1.5}.question-list{display:grid;gap:10px;max-height:340px;overflow:auto}.question{background:#0c161f;border:1px solid #30414e;border-radius:7px;padding:13px}.question p{font-size:13px;color:#d7e4ed;margin:8px 0}.question .actions button{font-size:11px;padding:7px 10px}.question.on-air{border-color:var(--mint)}.empty{padding:28px 12px;text-align:center;font-size:12px;color:var(--soft);line-height:1.6}.footerline{display:flex;justify-content:space-between;gap:10px;padding-top:17px;font-size:11px;color:var(--soft)}.recording{color:#ff9b9b!important;border-color:#b36767!important}.annotationbar{display:flex;gap:8px;align-items:center;padding:12px 0 0}.annotationbar small{margin-left:auto}.hero-wrap{max-width:1150px;padding:70px 28px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hero h1{font-size:54px;letter-spacing:-2px;line-height:1.07;margin:20px 0}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{font-size:17px;max-width:560px}.hero-card{padding:26px}.hero-card h2{font-size:22px;margin-bottom:10px}.hero-card form{display:grid;gap:16px;margin-top:24px}.hero-card button{padding:13px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.feature{border-top:1px solid #314450;padding-top:20px}.feature b{font-size:14px}.feature p{font-size:13px;margin-top:10px}.hero-graphic{display:flex;gap:10px;margin:30px 0;color:#88aaac;font-size:11px}.hero-graphic div{padding:12px;border:1px solid #31514c;border-radius:6px}.divider{text-align:center;font-size:11px;color:var(--soft);margin:18px 0}.full{width:100%}.viewer{max-width:1050px;margin:32px auto;padding:0 24px}.viewer h1{font-size:28px;margin-bottom:20px}.viewer .panel{margin:18px 0}.viewer form{display:grid;gap:12px}.viewer video{object-fit:contain}.viewer-placeholder{text-align:center;padding:75px 20px;background:#050a0e}.viewer-placeholder p{margin-top:10px}.wearer{background:#000;min-height:100vh}.wearer .hud{position:fixed;right:4%;top:6%;width:min(42vw,650px)}.wearer video{width:100%;background:#000;aspect-ratio:16/9;object-fit:contain}.wearer .hud-dot{position:fixed;right:4%;top:3%;width:8px;height:8px;border-radius:50%;background:var(--gold)}.wearer .hud-dot.on{background:var(--mint)}.wearer .question-card{position:fixed;right:4%;top:57%;max-width:400px;background:#101b24e8;border:1px solid #326556;border-radius:10px;padding:20px}.wearer .question-card p{color:#eef5f5}.wearer .wearer-entry{max-width:450px;margin:auto;padding-top:20vh}.wearer-entry p{margin:20px 0}.wearer-controls{position:fixed;bottom:16px;left:16px;opacity:.15}.wearer-controls:focus-within,.wearer-controls:hover{opacity:1}.boot{padding:70px;text-align:center;color:var(--soft)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#284438;border:1px solid #528d74;color:#e4fff3;border-radius:8px;padding:14px 20px;font-size:13px;z-index:100;box-shadow:0 15px 60px #0008}#toast:empty{display:none}dialog{background:#12212b;border:1px solid #3a5360;border-radius:12px;padding:26px;color:#edf6fa;max-width:650px;width:90%}dialog::backdrop{background:#03090dcc}dialog h2{margin-bottom:12px}dialog p{font-size:13px;margin-bottom:20px}dialog label{margin:14px 0 7px}dialog input{font-size:11px}.hidden,[hidden]{display:none!important}button:focus-visible{outline:2px solid var(--mint)}canvas.ink{cursor:crosshair;touch-action:none}
@media(max-width:1100px){.grid{grid-template-columns:minmax(0,1fr) 300px}.workspace{padding:22px 18px}.topbar{padding:0 18px}.topbar .meta small{display:none}.hero{gap:30px}.hero h1{font-size:44px}}
@media(max-width:820px){.grid{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.topbar{height:auto;min-height:70px;padding:16px;flex-wrap:wrap}.titlebar{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.hero-wrap{padding-top:32px}.hero h1{font-size:40px}.features{grid-template-columns:1fr;margin-top:30px}.hero-graphic{margin:24px 0}.brand span{font-size:9px}.footerline{flex-direction:column}.viewer{padding:0 16px}.wearer .hud{width:58vw}}
@media(max-width:550px){.workspace{padding:18px 12px}.stack,.preview-grid{grid-template-columns:1fr}.source-grid{gap:6px}.source{padding:9px}.source h3{font-size:10px}.annotationbar{flex-wrap:wrap}.annotationbar small{width:100%;margin:0}.topbar .meta{gap:8px}.pill{font-size:9px}.hero-card{padding:20px}.titlebar h1{font-size:22px}.topbar .brand{font-size:17px}.mode-buttons strong{font-size:15px}}
.source-controls{margin-top:22px}.av-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.av-card{padding:18px;border-bottom:1px solid var(--line);min-width:0}.av-card:nth-child(odd){border-right:1px solid var(--line)}.av-card select{margin-bottom:14px;font-size:12px}.av-card label{margin-top:12px}.av-card label:first-child{margin-top:0}.av-card small{display:block;line-height:1.6;margin-top:10px}.av-card button{padding:8px 10px;font-size:11px}.av-card meter{display:block;width:100%;height:11px;accent-color:var(--mint)}.av-card input[type=range]{padding:0;accent-color:var(--mint);width:100%;margin-bottom:10px}@media(max-width:550px){.av-grid{grid-template-columns:1fr}.av-card:nth-child(odd){border-right:none}}
/* Guided production workspace */
html{scroll-behavior:smooth;scroll-padding-top:24px}.studio-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.mode-switch{display:flex;gap:4px;padding:4px;background:#071119;border:1px solid var(--line);border-radius:12px}.mode-switch button{border:0;background:transparent}.mode-switch button[aria-pressed=true]{background:#21493e;color:#91f5d5}.setup-guide{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;margin:0 0 22px;border:1px solid #315448;border-radius:14px;background:linear-gradient(120deg,#143229,#101d2a)}.setup-guide p{font-size:14px;margin-top:9px;max-width:580px}.setup-steps{display:flex;gap:16px}.setup-steps a{display:grid;gap:8px;color:#dcebe7;font-size:12px;min-width:95px}.setup-steps b{color:#68dbb8;font-size:22px}.easy-setup .annotationbar,.easy-setup .source-controls,.easy-setup #record,.easy-setup #end,.easy-setup #monitor-audio,.easy-setup #mic,.easy-setup #retry-mode,.easy-setup .preview-grid .monitor,.easy-setup #take{display:none}.easy-setup .preview-grid{grid-template-columns:1fr}.easy-setup .layout-buttons{grid-template-columns:repeat(4,1fr)}.easy-setup .banner{display:none}.easy-setup .source h3{font-size:14px}.easy-setup .source button{font-size:13px;padding:12px}.easy-setup .grid{grid-template-columns:minmax(0,1fr) 300px}.easy-setup .workspace{max-width:1380px}.easy-setup .program canvas{max-height:46vh;object-fit:contain}.home-launch{display:grid;gap:14px;margin-top:22px}.resume-session{display:grid;gap:12px;padding:22px;background:#193b33;border:1px solid #5ce2bf;border-radius:12px}.resume-session span{font-size:10px;letter-spacing:2px}.resume-session strong{font-size:20px;color:#fff}.resume-session b{font-size:13px}.new-session{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.new-session summary{cursor:pointer;color:var(--soft);font-size:13px}.new-session p{font-size:13px;margin-top:14px}#session-sources,#session-layout,#session-live{scroll-margin-top:24px}@media(max-width:900px){.setup-guide{align-items:flex-start;flex-direction:column}.easy-setup .grid{grid-template-columns:1fr}.studio-nav{flex-wrap:wrap}.easy-setup .layout-buttons{grid-template-columns:1fr 1fr}}@media(max-width:550px){.setup-guide{padding:18px}.setup-steps{gap:10px}.setup-steps a{min-width:0}.source-grid{grid-template-columns:1fr}.studio-nav>a{width:100%}}
.setup-steps button{display:grid;gap:8px;color:#dcebe7;font-size:12px;min-width:95px;background:transparent;border:0;text-align:left;padding:0}.easy-setup #invite{display:none}
.audience-open{display:inline-block;margin:12px 14px 12px 0;padding:10px 14px;border:1px solid #5ce2bf;border-radius:8px}