@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--bg:#0d1117;--surface:#161b22;--border:#2d333b;--ink:#cdd9e5;--ink-dim:#7d8590;--accent:#58a6ff;--danger:#f85149}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);font-family:-apple-system,Segoe UI,system-ui,sans-serif;margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{margin:0 auto;max-width:720px;min-height:100vh;padding:clamp(40px,6vw,80px) clamp(20px,4vw,48px) 80px}.eyebrow{color:var(--ink-dim);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;margin:0 0 14px;text-transform:uppercase}h1{font-size:clamp(2.2rem,6vw,3.2rem);letter-spacing:-.02em;line-height:1.05;margin:0 0 20px}h1,h2{font-family:Space Grotesk,system-ui,sans-serif;font-weight:700}h2{font-size:1.1rem;margin:0 0 14px}.lede{font-size:1.05rem;line-height:1.6;margin:0 0 40px;max-width:56ch}.lede,.lede-small{color:var(--ink-dim)}.lede-small{font-size:.9rem;line-height:1.5;margin:0 0 16px}.panel{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:32px}.panel-dev{border-bottom:none}.form-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}input{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--ink);flex:1 1;font-family:IBM Plex Mono,monospace;font-size:.85rem;min-width:120px;padding:10px 12px}input:focus{border-color:var(--accent);outline:1px solid var(--accent)}button{background:var(--accent);border:none;border-radius:6px;color:#0d1117;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:10px 18px;text-transform:uppercase;transition:opacity .12s ease;white-space:nowrap}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled){opacity:.85}.error{color:var(--danger);font-size:.85rem;margin:0 0 10px}.result{max-height:360px;overflow-y:auto;white-space:pre-wrap}code{border-radius:4px;font-size:.85em;padding:2px 6px}code,pre{background:var(--surface);font-family:IBM Plex Mono,monospace}pre{border:1px solid var(--border);border-radius:8px;color:var(--ink);font-size:.8rem;line-height:1.6;margin:0;overflow-x:auto;padding:18px 20px}.links{display:flex;gap:20px;font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.06em;margin-top:8px;text-transform:uppercase}.links a{color:var(--accent)}.links a:hover{text-decoration:underline}