:root{color-scheme:dark;--ink:#eee8dc;--muted:#a4b0ab;--mint:#cbd9b9;--copper:#dda471;--bg:#111b20;--edge:#33403f;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0%,#263630 0%,transparent 52%),var(--bg)}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:hover{color:var(--mint)}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{font:inherit;cursor:pointer;color:var(--ink);background:transparent;border:1px solid var(--edge);border-radius:30px;padding:11px 19px;transition:background .2s,border-color .2s}button:hover{border-color:var(--mint);background:#cbd9b916}button[aria-pressed=true]{background:#cbd9b919;border-color:#a3b38c}
.topbar{height:99px;max-width:1440px;margin:auto;padding:0 40px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--edge)}.wordmark{font-size:35px;letter-spacing:-1.5px;font-weight:bold}.wordmark span{color:var(--copper)}.topbar p{font-size:12px;letter-spacing:1px;color:var(--muted)}.youtube{margin-left:auto;font-size:13px}
main{max-width:1440px;margin:auto;padding:43px 40px 0}.studio-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--mint);margin:0 0 11px}h1{font:normal clamp(27px,3vw,43px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.7px;margin:0}.preview-label{font-size:12px;color:var(--muted);margin:0 0 5px;white-space:nowrap;display:flex;gap:8px;align-items:center}.preview-label span{width:5px;height:5px;background:var(--copper);border-radius:50%}
.studio-frame{position:relative;margin:0;aspect-ratio:1672/941;background:#17232c;overflow:hidden;border-radius:14px;border:1px solid #5761574d;box-shadow:0 25px 80px #0005}.poster,canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.poster{z-index:0}canvas{z-index:1;opacity:0}.studio-frame.ready canvas{opacity:1}.scene-caption{position:absolute;left:26px;bottom:23px;z-index:2;color:#fff3df;font:italic 17px Georgia,serif;text-shadow:0 1px 8px #000;pointer-events:none}.load-note{position:absolute;left:25px;top:18px;z-index:3;padding:8px 12px;background:#101916ca;border-radius:8px;font-size:12px;margin:0}.load-note[hidden]{display:none}.broadcast-brand{position:absolute;top:4%;left:4%;z-index:2;display:none;text-shadow:0 2px 9px #0008}.broadcast-brand span{font-size:clamp(24px,3.3vw,48px);font-weight:bold;letter-spacing:-1.5px;color:#eee8dc}.broadcast-brand small{display:block;letter-spacing:.8px;font-size:clamp(9px,1vw,15px);margin-top:2px;color:#eee8dc}
.controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.atmosphere,.view-controls{display:flex;gap:9px}.controls button{font-size:12px}.room-notes{display:flex;justify-content:space-between;gap:25px;margin:28px 0 40px;font-size:13px;line-height:1.75}.room-notes p{margin:0}.room-notes p:last-child{text-align:right}.room-notes span{color:var(--muted)}footer{max-width:1440px;margin:auto;padding:25px 40px 35px;border-top:1px solid var(--edge);display:flex;gap:25px;justify-content:space-between;font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.clean .topbar,.clean .studio-heading,.clean .scene-caption,.clean .room-notes,.clean footer{display:none}.clean main{padding:0;max-width:none}.clean .studio-frame{border:0;border-radius:0;box-shadow:none;width:min(100vw,177.6833156217vh);height:min(56.2799043062vw,100vh);margin:auto}.clean .broadcast-brand{display:block}.clean{background:#000;min-height:100vh;display:grid;align-content:center}.clean .controls{position:fixed;z-index:4;bottom:16px;left:50%;transform:translateX(-50%);margin:0;opacity:0;background:#111b20e6;border-radius:40px;padding:8px;transition:opacity .3s;white-space:nowrap}.clean .controls:hover,.clean .controls:focus-within{opacity:1}.clean .atmosphere,.clean #fullscreen{display:none}.clean #broadcast{font-size:12px}.capture .controls{display:none!important}
.studio-frame:fullscreen{border:0;border-radius:0;background:#000;width:100vw;height:100vh;aspect-ratio:auto}.studio-frame:fullscreen .poster,.studio-frame:fullscreen canvas{object-fit:contain}.studio-frame:fullscreen .broadcast-brand{display:block}.studio-frame:fullscreen .scene-caption{display:none}
@media(max-width:700px){.topbar{height:78px;padding:0 20px;gap:15px}.wordmark{font-size:30px}.topbar p{display:none}.youtube{font-size:12px}main{padding:32px 16px 0}.studio-heading{margin-bottom:20px;align-items:center}.preview-label{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1.7px}.studio-frame{border-radius:9px}.scene-caption{left:13px;bottom:12px;font-size:12px}.controls{flex-wrap:wrap;gap:13px}.controls button{font-size:11px;padding:10px 13px}.atmosphere{gap:6px}.view-controls{gap:6px}.room-notes{display:block;font-size:12px;margin:24px 0 30px}.room-notes p:last-child{text-align:left;margin-top:16px}footer{padding:22px 20px 28px;display:block;line-height:1.8}footer span{display:block;margin-top:9px}.clean .controls{bottom:10px}.clean .broadcast-brand span{font-size:26px}.clean .broadcast-brand small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}