@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@400;600&display=swap");:root{--bg:#f7f6f1;--ink:#1b1a17;--muted:#6b675f;--card:#fff;--accent:#1f5eff;--accent-2:#ffd166;--border:#e6e2d8;--danger:#d33a2c;--success:#1f7a3a}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 20% -10%,#e8f0ff 0,transparent 55%),radial-gradient(800px 500px at 90% 0,#fff1cf 0,transparent 60%),var(--bg)}main{min-height:100vh;padding:48px 24px 96px;display:flex;justify-content:center}.container{width:100%;max-width:980px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.06)}h1{font-size:clamp(28px,3vw,40px);margin:0 0 8px;letter-spacing:-.02em}p{color:var(--muted);margin:0 0 16px}textarea{width:100%;min-height:260px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#fbfbf8}button{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;font-family:inherit}button.primary{background:var(--accent);color:#fff}button.secondary{background:#f1f0ea;color:var(--ink)}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}button:disabled{opacity:.6;cursor:not-allowed}.row{display:flex;gap:12px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px}.badge,a.badge{color:var(--muted)}a.badge{text-decoration:none}.output{margin-top:18px;padding:16px;border-radius:12px;border:1px dashed var(--border);background:#fcfcfb;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;white-space:pre-wrap}.notice{color:var(--danger)}.notice,.success{font-size:13px;margin-top:6px}.success{color:var(--success)}.footer{margin-top:16px;font-size:12px;color:var(--muted)}@media (max-width:640px){.card{padding:18px}}