:root{font-family:Arial,Helvetica,sans-serif;color:#e8ede7;background:#121613;font-synthesis:none;--line:#30392f;--muted:#929e90;--acid:#c3f46b}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:38px}.brand{color:var(--acid);font-size:40px;font-weight:800;letter-spacing:-3px;text-decoration:none}.brand span{font-size:13px;vertical-align:top;letter-spacing:0}.tag,.build,.eyebrow,.section-title,.viewer-bar,.viewer-bottom,.metrics span,footer{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px}.tag{color:#e2e8df}.build{margin-left:auto;color:var(--muted)}main{max-width:1300px;margin:auto;padding:50px 5% 24px}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.eyebrow{color:var(--acid);font-size:10px;margin:0 0 18px}h1{font-size:clamp(40px,5vw,66px);font-weight:500;letter-spacing:-3px;margin:0 0 14px;line-height:1}.lede{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.status{display:flex;align-items:center;gap:10px;font:12px ui-monospace,monospace;padding-bottom:5px}.status i{height:7px;width:7px;border-radius:100%;background:#888}.status i.active{background:var(--acid);box-shadow:0 0 18px #c3f44c55}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid var(--line)}.viewer{min-width:0;background:#1b221b;display:flex;flex-direction:column}.viewer-bar,.viewer-bottom{padding:15px 18px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.viewer-bar{border-bottom:1px solid var(--line)}.viewer-bottom{border-top:1px solid var(--line);margin-top:auto}.stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden;background:#222b22}canvas{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.stage-note{position:absolute;bottom:16px;left:16px;font:11px ui-monospace,monospace;background:#121613c9;padding:9px 12px;border:1px solid #6a80634a;pointer-events:none}.swatch{display:inline-block;width:6px;height:6px;background:var(--acid);margin-right:7px}aside{padding:22px;border-left:1px solid var(--line)}.section-title{color:var(--muted);font-size:10px;display:flex;justify-content:space-between;letter-spacing:.5px}a{color:var(--acid);text-underline-offset:3px}.section-title a{font-size:9px}.targets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.targets button{padding:2px;border:1px solid transparent;background:transparent;border-radius:0}.targets button.selected{border-color:var(--acid);background:none}.targets img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}button,.upload{font:12px Arial,sans-serif;border:1px solid #475443;background:transparent;color:#dae3d5;padding:11px 12px;cursor:pointer;border-radius:3px;transition:background .15s}button:hover,.upload:hover{background:#354331}button:disabled{opacity:.4;cursor:wait}.upload{margin-top:12px;text-align:center;display:block;font-size:11px}.upload input{display:none}.hint{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}.spaced{margin-top:25px;margin-bottom:12px}.buttons{display:flex;gap:8px}.buttons button{flex:1}.selected{background:var(--acid);color:#182116;border-color:var(--acid)}.selected:hover{background:#ace34f}.wide{width:100%;margin-top:8px}.toggle{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:7px 0}.toggle input{accent-color:var(--acid)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-bottom:1px solid var(--line);padding-bottom:24px;gap:20px}.metrics span{font-size:9px;color:var(--muted);display:block;margin-bottom:9px}.metrics strong{font-size:34px;font-weight:400;letter-spacing:-1px}.metrics small{font-size:14px;color:var(--muted)}.footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.footnote p{color:var(--muted);font-size:10px;line-height:1.7}.footnote button{font-size:11px;white-space:nowrap}footer{display:flex;justify-content:space-between;color:#71806c;font-size:9px;margin-top:35px;letter-spacing:.3px}footer b{font-weight:400;color:#a7b39f;margin-left:10px}#error{padding:15px;border:1px solid #d88465;background:#30201a;color:#ffb299;font-size:13px;line-height:1.6;margin-top:15px}@media(max-width:850px){.workspace{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line);display:block}.targets{grid-template-columns:repeat(5,1fr)}.build{display:none}.metrics{grid-template-columns:repeat(2,1fr)}main{padding-top:32px}.intro{gap:16px}.status{font-size:10px;white-space:nowrap}footer{flex-direction:column;gap:9px}.footnote{align-items:flex-start;flex-direction:column;gap:0}.tag{margin-left:auto;font-size:9px}header{height:72px}.stage-note{font-size:9px}h1{letter-spacing:-2px}.lede{font-size:12px}}