:root{font-family:Arial,Helvetica,sans-serif;color:#f4f2e9;background:#142236;color-scheme:dark;--lime:#caff63;--pink:#ffa1ce}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 20%,#2d4457,transparent 50%);min-height:100vh}button,a,input,label{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:3px solid var(--lime);outline-offset:4px}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15}header>a:last-child{font:10px monospace;letter-spacing:1px}.brand{font-size:25px;font-weight:950;letter-spacing:-1.5px}.brand span{margin-left:9px;border:1px solid #ffffff40;color:var(--pink);font:10px monospace;letter-spacing:2px;padding:5px}main{max-width:1220px;margin:auto;padding:45px 40px 70px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:30px}.eyebrow{font:700 10px monospace;letter-spacing:1.5px;color:var(--lime);margin:0 0 12px;line-height:1.6}.intro .eyebrow{grid-column:1/-1}h1{font:900 clamp(46px,5vw,72px)/.92 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-1.5px;margin:0}em{color:var(--pink);font-style:normal}.intro>p:last-child{font-size:17px;line-height:1.5;color:#bfd0db;margin:0 0 5px;text-align:right}.studio{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:start}.stage-wrap{position:sticky;top:20px}canvas{width:100%;height:auto;display:block;max-height:70vh;object-fit:contain;touch-action:none;cursor:crosshair;border-radius:8px;box-shadow:0 20px 60px #0005;background:#0e1b2b}.stage-tip{text-align:center;font:10px monospace;color:#d4e2e8;padding:12px 5px;line-height:1.6}.photo-actions{display:flex;gap:8px}.photo-actions button,.upload-label{flex:1;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid #ffffff30;border-radius:5px;min-height:44px;padding:12px 8px;font:9px monospace;text-align:center;cursor:pointer}.upload-label input{position:absolute;width:1px;height:1px;opacity:0}.privacy{text-align:center;color:#91a8b7;font:9px monospace;margin-top:12px}.console{padding:26px;background:#0d1b2a99;border:1px solid #ffffff20;border-radius:12px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title .eyebrow{margin:0}.subtle{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;min-height:38px;font:9px monospace;color:#bbcfda}.effects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.effect{background:#1a2c40;border:1px solid #ffffff25;border-radius:8px;min-height:90px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font:9px monospace;letter-spacing:.5px;padding:10px 5px}.effect svg{width:45px;height:32px;overflow:visible}.effect[aria-pressed=true]{border-color:var(--pink);background:#ffa1ce14;color:var(--pink)}.micro-copy{font:10px/1.6 monospace;color:#9db4c3;margin:16px 0 23px}.tuning{border-top:1px solid #ffffff20;padding-top:22px;display:flex;flex-direction:column}.tuning label{display:flex;justify-content:space-between;font:9px monospace;color:#d7e4eb;margin-top:9px}.tuning output{color:var(--lime)}input[type=range]{width:100%;accent-color:var(--lime);min-height:36px;cursor:pointer;margin:1px 0 10px}.tuning .subtle{align-self:start}.caption-controls{border-top:1px solid #ffffff20;padding-top:20px;margin-top:14px}.caption-controls label{display:block;font:9px monospace;color:#b8ccd6;margin-bottom:10px}.caption-controls input{width:100%;background:#0b1727;color:white;border:1px solid #536778;border-radius:5px;padding:13px 12px;font:12px monospace;min-height:44px}.caption-controls small{display:block;color:#8ba4b5;font:9px monospace;margin-top:9px}.primary{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;background:var(--lime);border:0;border-radius:5px;color:#15252d;font-weight:900;font-size:11px;letter-spacing:.6px;padding:18px;margin-top:23px}.primary span{font-size:24px}#status{font:10px/1.5 monospace;color:var(--lime);min-height:15px;text-align:center}.back{display:block;text-align:center;font:10px monospace;color:#b5c8d5;text-decoration:underline;text-underline-offset:5px;padding:12px}dialog{background:#142437;color:#f3f4ed;border:1px solid #617580;border-radius:14px;width:min(1000px,94vw);max-height:90dvh;padding:25px}dialog::backdrop{background:#050c18dc;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-25px;background:#142437;padding:20px 0;z-index:1}.dialog-head h2{font-size:30px;margin:0}.dialog-head .eyebrow{margin-bottom:5px}.dialog-head button{min-height:44px;padding:10px;border:1px solid #ffffff30;background:#1e3146;border-radius:5px;font:10px monospace}#archive-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}#archive-grid button{background:#20364b;border:1px solid #ffffff15;padding:0;border-radius:5px;overflow:hidden;text-align:left}#archive-grid img{width:100%;height:145px;object-fit:cover;display:block}#archive-grid small{padding:8px;display:block;font:9px/1.5 monospace}#archive-grid button:hover{border-color:var(--lime)}@media(max-width:750px){header{padding:18px 5%}header>a:last-child{font-size:8px}main{padding:27px 5% 35px}.intro{display:block;margin-bottom:24px}h1{font-size:52px}.intro>p:last-child{text-align:left;font-size:13px;margin-top:15px}.studio{display:block}.stage-wrap{position:static}canvas{max-height:58dvh}.console{margin-top:23px;padding:20px}.effects{margin-top:12px}.effect{min-height:84px}.panel-title .eyebrow{font-size:8px}.subtle{font-size:8px}#archive-grid{grid-template-columns:repeat(3,1fr);gap:6px}#archive-grid img{height:120px}dialog{padding:15px}.dialog-head{top:-15px;padding:14px 0}.dialog-head h2{font-size:24px}.dialog-head .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:750px){.stage-wrap{position:sticky;top:0;z-index:3;background:#142236;padding:9px 0 10px;margin:0 -2px;border-bottom:1px solid #ffffff20}canvas{max-height:38dvh}.stage-wrap .privacy{display:none}.stage-tip{font-size:8px;padding:8px 3px}.photo-actions button,.upload-label{font-size:8px;min-height:40px;padding:8px}.console{margin-top:16px}}

.framing{display:block;margin:0 auto 9px;background:transparent;border:0;min-height:30px;color:#b5c5d4;font:8px monospace;text-decoration:underline;text-underline-offset:4px}[hidden]{display:none!important}

header #sound{margin-left:auto;margin-right:22px;padding:10px;border:1px solid #ffffff30;background:#0d1b2a55;border-radius:5px;font:8px monospace;min-height:40px}@media(max-width:750px){header #sound{margin-right:12px;padding:9px 7px;font-size:7px}header>a:last-child{font-size:7px}}
.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 28px}.mode-tabs button{text-align:left;border:1px solid #ffffff30;background:#102132;padding:20px 23px;border-radius:10px;display:flex;flex-direction:column;gap:7px}.mode-tabs span{font:10px monospace;letter-spacing:1.5px;color:#a7bbc9}.mode-tabs strong{font-size:22px;letter-spacing:-.5px}.mode-tabs small{font-size:12px;color:#a7bbc9}.mode-tabs [aria-selected=true]{border-color:var(--lime);background:#caff6310;box-shadow:inset 0 -3px var(--lime)}.mode-tabs [aria-selected=true] span{color:var(--lime)}.three-stage-wrap{position:sticky;top:20px}.three-stage{position:relative;overflow:hidden;background:#112632;border:1px solid #ffffff20;border-radius:12px}.three-stage-label{position:absolute;left:20px;right:20px;top:22px;display:flex;justify-content:space-between;gap:12px;z-index:1;pointer-events:none;font:9px monospace;letter-spacing:1px;color:#caff63}.three-stage-label span:last-child{color:#a8c3cf;font-size:8px}#three-preview{height:570px;width:100%;max-height:72dvh}#three-preview canvas{height:100%;width:100%;max-height:none;cursor:grab;border-radius:0;box-shadow:none}#three-preview canvas:active{cursor:grabbing}.three-name{position:absolute;bottom:0;left:0;right:0;padding:42px 22px 20px;background:linear-gradient(transparent,#0b1b28e8);pointer-events:none}.three-name h2{margin:0;font:900 32px Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:1px}.three-name .eyebrow{margin-bottom:4px;font-size:8px}.three-name>p:last-child{font:10px monospace;color:#adbfca;margin-bottom:0}.view-tools{display:flex;gap:8px;margin-top:12px}.view-tools button,.choice-grid button,.secondary{background:#1c3244;border:1px solid #ffffff30;border-radius:6px;min-height:44px;font:10px monospace;padding:10px;color:#d6e5ed}.view-tools button{flex:1}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.three-console [aria-pressed=true],.view-tools [aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:#caff6312}.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crew-grid button,.carry-grid button{border:1px solid #ffffff25;background:#1c3244;border-radius:8px;padding:10px 7px;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0;font-size:11px}.crew-grid img{width:56px;height:56px;border-radius:50%;object-fit:cover}.crew-grid span{overflow-wrap:anywhere}.studio-link{display:block;color:var(--pink);font:11px monospace;padding:18px 0 2px;text-decoration:underline;text-underline-offset:4px}.lab-section{margin-top:24px;padding-top:24px;border-top:1px solid #ffffff20}.three-console .micro-copy{margin-bottom:10px}.three-console details{margin-top:20px}.three-console summary{cursor:pointer;font:10px/1.8 monospace;min-height:44px;color:#b8cbd6}.three-console summary span{color:var(--lime);float:right}.carry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:285px;overflow-y:auto;padding:4px;overscroll-behavior:contain}.carry-grid img{width:60px;height:60px;border-radius:5px}.carry-grid button{font-size:10px}.secondary{width:100%;margin-top:10px}button:disabled{opacity:.5;cursor:wait}#three-status{font:10px/1.6 monospace;color:var(--lime);min-height:32px}#three-fallback{position:absolute;top:35%;left:24px;right:24px;background:#102132;padding:20px;border:1px solid #ffa1ce;border-radius:8px;font:13px/1.6 Arial}.three-console .primary{font-size:10px;line-height:1.5}
@media(max-width:750px){.mode-tabs{gap:8px;margin-bottom:16px}.mode-tabs button{padding:15px 12px}.mode-tabs strong{font-size:17px}.mode-tabs span{font-size:8px}.mode-tabs small{font-size:10px;line-height:1.5}.three-stage-wrap{position:static}#three-preview{height:450px;max-height:58dvh;min-height:300px}.three-stage-label{left:15px;right:15px;top:16px}.three-name{padding:35px 16px 16px}.three-name h2{font-size:26px}.three-console{margin-top:20px}.crew-grid{grid-template-columns:repeat(3,1fr)}.three-stage-wrap .privacy{font-size:9px;line-height:1.7}.carry-grid{max-height:265px}.view-tools button{font-size:9px}}