:root{color:#e6dfcf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10171c;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header,main{max-width:1500px;margin:auto;padding:25px 4vw}header{border-bottom:1px solid #bccccc22;justify-content:space-between;gap:20px;font:11px monospace;display:flex}header span{color:#8eabae;margin-left:12px;font-size:8px}nav{gap:20px;display:flex}a{color:inherit;text-decoration:none}.intro{justify-content:space-between;align-items:end;gap:30px;padding:12px 0 30px;display:flex}.eyebrow{letter-spacing:.15em;color:#c1aa7d;font:9px monospace}h1{letter-spacing:-.04em;margin:15px 0 0;font:60px/.96 Georgia,serif}h1 em{color:#cfb384;font-weight:400}.intro>p{color:#a8b9bb;font:14px/1.9 Georgia,serif}.viewport{background:#080f18;border:1px solid #b6c6ca24;height:65vh;min-height:420px;max-height:850px}.viewport canvas{max-width:100%;display:block}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:15px;padding-top:15px;display:flex}.options{flex-wrap:wrap;gap:7px;display:flex}button{color:#c5d2d1;cursor:pointer;background:#19262c;border:1px solid #9eb6b632;border-radius:4px;padding:10px 14px;font:11px system-ui}button[aria-pressed=true]{color:#172026;background:#c4ab7e;border-color:#c4ab7e}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #d4b47c}.help,.metrics,#status{color:#91a9ad;overflow-wrap:anywhere;font:10px/1.9 monospace}#status{color:#d1b78b}details{color:#b3c2c2;border-top:1px solid #bccccc22;max-width:950px;margin-top:24px;padding:20px 0;font:13px/1.9 system-ui}summary{cursor:pointer;color:#d6c29e}details a{text-decoration:underline}@media (width<=650px){header{display:block}header nav{margin-top:20px;font-size:10px}.intro{display:block}.intro>p{font-size:12px}h1{font-size:48px}.viewport{height:60vh;min-height:330px}button{padding:9px 11px;font-size:10px}}