:root{--ink:#16202a;--muted:#5b6673;--line:#dae2eb;--surface:#f6f8fb;--panel:#fff;--accent:#b45309;--accent-soft:#fff3df;color:var(--ink);background:var(--surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.page{width:min(1080px,100%);min-height:100vh;margin:0 auto;padding:24px 16px 40px}.nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand,.hub-link{text-decoration:none}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:900;display:inline-flex}.mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.hub-link{color:var(--muted);font-size:14px;font-weight:750}.hero{gap:10px;margin-top:42px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0;font-size:13px;font-weight:850}h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(36px,7vw,66px);line-height:1.03}.hero-copy{max-width:720px;color:var(--muted);margin:0;font-size:18px;line-height:1.65}.workspace{grid-template-columns:minmax(280px,1fr) minmax(260px,.8fr);gap:18px;margin-top:28px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.form{gap:13px;display:grid}.field{gap:7px;display:grid}.field span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfdff;border-radius:8px;padding:12px}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 14px;font-weight:850}.btn.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.output{color:#e5edf5;white-space:pre-wrap;word-break:break-word;background:#121820;border-radius:8px;min-height:180px;padding:14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55;overflow:auto}.notes{color:var(--muted);gap:10px;font-size:14px;line-height:1.55;display:grid}@media (max-width:780px){.workspace{grid-template-columns:1fr}}