:root{color-scheme:dark;--bg:#101d22;--card:#192b31;--ink:#edf0e7;--muted:#aec1c0;--accent:#c9ef9d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,sans-serif}header,main,footer{max-width:1520px;margin:auto;padding:24px 4vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #34494f}a{color:var(--accent);text-underline-offset:4px}.brand{text-decoration:none;letter-spacing:2px;font-weight:750}.brand span{font-size:11px;display:block;color:var(--muted)}h1{font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-2px;margin:8px 0}h2{font-size:25px;line-height:1.15;margin:10px 0 18px}.intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:45px;margin:12px 0 30px}.intro>p{max-width:440px;color:var(--muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}button,select,textarea{font:inherit;border:1px solid #496168;border-radius:7px;background:#20373f;color:var(--ink);padding:11px 14px}button{cursor:pointer}button:hover,button.active{border-color:var(--accent);background:#32473e}button:disabled{opacity:.5;cursor:wait}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar label{font-size:12px;color:var(--muted)}#viewport{height:520px;position:relative;overflow:hidden;border-radius:12px;border:1px solid #496168;touch-action:none}canvas{display:block}.viewport-label{position:absolute;left:16px;bottom:14px;pointer-events:none;font-size:10px;letter-spacing:1.5px;background:#102126dc;padding:8px 12px;border-radius:5px}#loading{position:absolute;inset:40% 0;text-align:center;pointer-events:none}.under{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;margin-top:10px}aside{background:var(--card);padding:24px;border-radius:12px}aside p{font-size:13px;color:var(--muted)}.note{border-left:2px solid #edbe73;padding-left:12px}.metric{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #3c5056;font-size:13px}.metric b{font-variant-numeric:tabular-nums;color:var(--accent)}section+section{margin-top:55px}.section-heading{display:flex;justify-content:space-between;align-items:center}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}figure{margin:0}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}figcaption{font-size:12px;color:var(--muted);margin-top:10px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.roadmap article{border-top:1px solid #496168;padding-top:15px}.roadmap p{color:var(--muted)}#feedback{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;border-top:1px solid #496168;padding-top:35px}form label{display:block;margin-bottom:15px}select,textarea{display:block;width:100%;margin-top:8px}footer{font-size:12px;color:var(--muted);padding-bottom:40px}@media(max-width:950px){.workspace{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.intro,#feedback{grid-template-columns:1fr;gap:15px}#viewport{height:420px}.roadmap{grid-template-columns:1fr}.under{flex-wrap:wrap}header,main,footer{padding-left:20px;padding-right:20px}}