:root{--ink:#18212b;--muted:#5d6874;--line:#dae1ea;--surface:#f7f8fb;--panel:#fff;--accent:#2563eb;--accent-soft:#edf4ff;--code:#111827;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,textarea{font:inherit}.page{width:min(1140px,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:780px;margin:0;font-size:clamp(36px,7vw,66px);line-height:1.03}.hero-copy{max-width:760px;color:var(--muted);margin:0;font-size:18px;line-height:1.65}.workspace{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:18px;margin-top:28px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.field{gap:8px;display:grid}.field span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fbfdff;border-radius:8px;padding:12px;line-height:1.55}textarea{min-height:280px}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;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{background:var(--code);color:#e5edf5;white-space:pre-wrap;word-break:break-word;border-radius:8px;min-height:280px;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:8px;margin-top:18px;font-size:14px;display:grid}@media (max-width:780px){.workspace{grid-template-columns:1fr}}