@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";
:root{--ink:#111714;--paper:#f4efe4;--panel:#fffcf2c7;--muted:#67736e;--line:#11171429;--green:#20483e;--lime:#dcff66;--orange:#e66a3e;--violet:#5d4bff;--shadow:0 26px 90px #11171429}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 12% 0%,#5d4bff38,transparent 25rem),radial-gradient(circle at 84% 10%,#dcff6652,transparent 28rem),var(--paper);margin:0;font-family:IBM Plex Mono,ui-monospace,monospace}button,input,select,textarea{font:inherit}.shell{width:min(1200px,100% - 32px);margin:0 auto}.hero{padding:72px 0 34px}.kicker{color:#a83b1f;text-transform:uppercase;letter-spacing:.1em;background:#ffffff7a;border:1px solid #e66a3e47;border-radius:999px;width:fit-content;margin-bottom:18px;padding:8px 12px;font-size:12px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;max-width:1040px;margin-bottom:22px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(54px,8vw,108px);font-weight:400;line-height:.88}.lede{max-width:860px;color:var(--green);font-size:clamp(18px,2vw,23px);line-height:1.5}.lab-grid{grid-template-columns:400px minmax(0,1fr);gap:18px;padding-bottom:80px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:32px;padding:24px}form{gap:14px;display:grid}label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:8px;font-size:12px;display:grid}input,select,textarea{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;outline:none;width:100%;padding:12px 14px}textarea{resize:vertical;min-height:96px}.button{background:var(--green);min-height:52px;color:var(--paper);cursor:pointer;border:0;border-radius:999px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.55}.preview{gap:18px;display:grid}.asset-image{object-fit:cover;background:#111;border:1px solid #11171429;border-radius:28px;width:100%}.code{color:#dcff66;white-space:pre-wrap;background:#101815;border-radius:22px;max-height:440px;padding:18px;overflow:auto}.metric-row{flex-wrap:wrap;gap:10px;display:flex}.metric{color:var(--green);background:#20483e14;border-radius:999px;padding:10px 12px}.status{color:var(--green);line-height:1.5}@media (max-width:940px){.lab-grid{grid-template-columns:1fr}}