:root{font-family:Arial,Helvetica,sans-serif;color:#e5e6db;background:#172520;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,summary{cursor:pointer}button{border:1px solid #506359;background:#24372f;color:#e5e6db;border-radius:4px;padding:11px 15px;transition:background .2s,transform .2s}button:hover{background:#3a5144}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #e9b786;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#e9b786;color:#203129;border-color:#e9b786}.primary:hover{background:#f4c89e}header{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;border-bottom:1px solid #34493d;font-size:10px;letter-spacing:.17em}header strong{color:#e9b786}.intro{display:flex;justify-content:space-between;align-items:end;padding:45px 4vw 30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#93a99c;margin:0 0 16px}h1,h2{font-family:Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(42px,5vw,78px);line-height:1.03;letter-spacing:-.04em}h1 em{color:#e9b786;font-weight:400}h2{font-size:31px;line-height:1.15;margin:0 0 22px}.intro>p{line-height:1.8;font-size:13px;color:#adc0b3}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;margin:0 4vw;border:1px solid #405449}.stage{min-width:0;background:#1d3028}.stagebar{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #405449;padding:18px 24px;font-size:11px}.stagebar span{overflow-wrap:anywhere;min-width:0;white-space:pre-wrap}.stagebar b{white-space:nowrap;font-size:9px;letter-spacing:.1em;color:#a8b8ad}.viewport{position:relative;isolation:isolate;min-height:300px;background:radial-gradient(ellipse at 50% 60%,#3d5142 0,transparent 65%);overflow:hidden}.halo{position:absolute;inset:15% 23%;border:1px solid #4a5c4c55;border-radius:50%;transform:rotate(-24deg);z-index:-1}.scene{position:relative;width:100%;aspect-ratio:10/7}.scene canvas{display:block;width:100%!important;height:auto!important;aspect-ratio:10/7}.render-error{position:absolute;top:40%;left:15%;right:15%;text-align:center;font-size:13px;line-height:1.8;background:#203329e8;padding:20px}.stagecaption{position:absolute;bottom:18px;left:24px;font-size:8px;letter-spacing:.13em;color:#849d8b;pointer-events:none}.transport{display:flex;gap:12px;align-items:center;padding:20px 24px;border-top:1px solid #405449;flex-wrap:wrap}.transport span{margin-left:auto;font-size:10px;color:#92aa9a;line-height:1.6}.filmstrip{display:flex;gap:10px;overflow-x:auto;padding:5px 24px 24px}.filmstrip button{flex:0 0 100px;padding:10px;text-align:left;border-color:#3f5547}.filmstrip button.selected{border-color:#e9b786;background:#3a4434}.filmstrip svg{display:block;width:80px;height:80px}.filmstrip span{display:block;font-size:9px;overflow-wrap:anywhere;white-space:pre-wrap}.filmstrip small{font-size:9px;color:#b9c4b9}.compare{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #405449;padding:30px;gap:20px}.compare h2{font-size:26px}.compare p,.compare small{font-size:12px;line-height:1.8;color:#9eb3a4}.compare>svg{width:100%;height:250px;background:#1b2922;border:1px solid #3a4e40;padding:15px}aside{border-left:1px solid #405449;background:#21352b;padding:25px;min-width:0}label{display:block;font-size:11px;color:#afc2b3;margin:14px 0}input:not([type=checkbox]){display:block;width:100%;min-width:0;padding:9px;border:1px solid #49614f;border-radius:3px;background:#192b22;color:#edf1e6;margin-top:6px}input[type=color]{height:36px;padding:4px}.two,.three{display:grid;gap:8px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}fieldset{border:0;border-top:1px solid #3f5747;padding:8px 0 0;margin:20px 0 0}legend{font-size:10px;color:#9bb09f;padding-right:10px}details{border-top:1px solid #4a5f4e;padding:18px 0;margin-top:18px;font-size:12px}summary{font-size:11px;color:#d6cbb1}details p,.note{font-size:11px;line-height:1.8;color:#92ab98}details button{margin:4px 4px 4px 0;font-size:10px}textarea{width:100%;min-height:220px;margin-top:10px;background:#14241b;color:#dbe8dc;border:1px solid #49614f;font:10px/1.6 monospace;resize:vertical}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 4vw}.bottom button{margin:0 8px 8px 0;font-size:11px}footer{border-top:1px solid #405449;padding:24px 4vw;color:#8ea492;font-size:11px;line-height:1.8}footer p{max-width:800px}footer [role=status]{color:#e9b786}footer label{color:#c5d2c5}footer input{accent-color:#e9b786}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 280px}aside{padding:18px}.transport span{display:none}}@media(max-width:760px){header span:last-child{display:none}.intro{align-items:start;flex-direction:column}.workspace{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #405449}.compare{padding:20px}.bottom{grid-template-columns:1fr}.stagecaption{font-size:7px}.viewport{min-height:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}