@font-face{font-family:Anton;src:url('/assets/fonts/anton.woff2') format('woff2');font-display:swap}@font-face{font-family:Bodoni Moda;src:url('/assets/fonts/bodoni-moda.woff2') format('woff2');font-display:swap}@font-face{font-family:JetBrains Mono;src:url('/assets/fonts/jetbrains-mono.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--paper:#F4F4F1;--ink:#0B0B0B;--pink:#FF2E88;--line:#c9c9c4;--muted:#5c5c58;--serif:'Bodoni Moda',Georgia,serif;--sans:Anton,'Arial Narrow',sans-serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--mono);-webkit-font-smoothing:antialiased}a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}.brand{font:400 23px/1 var(--sans);letter-spacing:.02em;text-decoration:none;text-transform:uppercase}.brand small{font:9px var(--mono);letter-spacing:.13em;margin-left:14px}.back{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(44px,7vw,88px) 0 90px}.eyebrow{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin:0 0 20px}.intro{max-width:740px;margin-bottom:52px}.intro h1{font:400 clamp(54px,8vw,108px)/.88 var(--sans);letter-spacing:-.015em;text-transform:uppercase;margin:0 0 22px}.intro p:last-child{max-width:540px;color:var(--muted);font-size:12px;margin:0}.layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:clamp(32px,7vw,92px);align-items:start}.panel{border-top:1px solid var(--ink);padding-top:18px}.panel h2{font:400 30px/1 var(--serif);margin:0 0 24px}.field{display:block;margin:0 0 21px}.field>span,.field legend{display:block;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;font:12px/1.5 var(--mono);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 2px;outline-offset:4px}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--pink)}fieldset.field{border:0;padding:0}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices label{position:relative}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;padding:9px 12px;border:1px solid var(--line);font:10px var(--mono);cursor:pointer}.choices input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.choices input:focus-visible+span{outline:2px solid var(--pink);outline-offset:3px}.field-error:empty{display:none}.field>span.field-error{font:11px var(--mono);letter-spacing:0;text-transform:none;margin:7px 0 0}.field-error{display:block;color:#a02c1e}.file-help,.hint{display:block;font:10px/1.6 var(--mono);color:var(--muted);margin-top:7px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.button{appearance:none;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:12px 17px;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.button.secondary{background:transparent;color:var(--ink)}.button:hover{background:var(--pink);border-color:var(--pink);color:var(--ink)}.button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.button:disabled{opacity:.35;cursor:not-allowed}.preview-wrap{position:sticky;top:22px}.preview-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:15px}.preview-head h2{font:400 30px/1 var(--serif);margin:0}.preview-head span{font:9px var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.canvas-frame{background:#e9e9e5;display:grid;place-items:center;padding:18px;min-height:300px}.canvas-frame canvas{display:block;width:min(100%,480px);height:auto;box-shadow:0 12px 32px #0b0b0b20}.status{min-height:24px;font:10px/1.6 var(--mono);color:var(--muted);margin-top:12px}.status[data-error=true]{color:#a02c1e}.summary{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9e9e5;padding:20px;font:11px/1.8 var(--mono);min-height:190px}.split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-card{border:1px solid var(--line);background:var(--paper)}@media(max-width:760px){.layout{grid-template-columns:1fr}.preview-wrap{position:static;grid-row:1}.shell{padding-top:45px}.intro{margin-bottom:35px}.topbar{padding-block:18px}.canvas-frame{min-height:180px}.split{grid-template-columns:1fr}}