:root{--bg:#0e0d0c;--bg-raised:#181614;--bg-sunk:#0a0908;--line:#2a2723;--line-strong:#3d3933;--text:#f4efe8;--text-muted:#a39c92;--text-faint:#6f685f;--accent:#ff8a5c;--accent-2:#f2c66d;--accent-3:#9d8cff;--ok:#7fd6a4;--warn:#f2c66d;--err:#ff7a7a;--grad:linear-gradient(100deg, #ffb48a 0%, #ff8a5c 30%, #e66fa8 62%, #9d8cff 100%);--font-sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:14px;--gutter:clamp(16px, 4vw, 48px);--max:1180px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:3px}code,pre,kbd,textarea{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{border:1px solid var(--line-strong);color:var(--text);font:500 13px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.btn:hover{border-color:var(--text-muted)}.btn-primary{background:var(--grad);color:#1a0f0a;border-color:#0000}.btn-primary:hover{transform:translateY(-1px)}section{border-top:1px solid var(--line);padding:clamp(72px,12vw,140px) 0}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.05}h2{font-size:clamp(36px,6vw,72px)}h3{letter-spacing:-.01em;font-size:22px}.lede{color:var(--text-muted);max-width:60ch;font-size:clamp(18px,2vw,22px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.hl{font:inherit}.hl-comment{color:var(--text-faint)}.hl-layer{color:var(--accent-3);font-weight:700}.hl-key{color:var(--text)}.hl-punct{color:var(--text-faint)}.hl-val{color:var(--accent-2)}.hl-no{color:var(--accent)}.hl-yes{color:var(--ok)}.hl-err{background:color-mix(in srgb, var(--err) 18%, transparent);min-width:calc(100% + 40px);box-shadow:inset 3px 0 0 var(--err);margin:0 -20px;padding:0 20px;display:inline-block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--text-muted);font:500 13px var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;transition:color .15s,border-color .15s,background .15s}.chip:hover{color:var(--text);border-color:var(--text-faint)}.chip-on{color:#1a0f0a;background:var(--text);border-color:var(--text)}.chips-sm .chip{padding:5px 11px;font-size:12px}.btn-sm{padding:9px 14px;font-size:11px}.editor{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.pane{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.pane-bar{border-bottom:1px solid var(--line);font:500 12px var(--font-mono);color:var(--text-muted);align-items:center;gap:12px;padding:12px 16px;display:flex}.pane-title{flex:1}.pane-tag{letter-spacing:.12em;text-transform:uppercase;background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:6px;padding:3px 8px;font-size:10px}.pane-tag-alt{background:color-mix(in srgb, var(--accent-3) 18%, transparent);color:var(--accent-3)}.dots{gap:6px;display:inline-flex}.dots i{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.code-edit{background:var(--bg-sunk);height:520px;position:relative}.code-edit textarea,.code-backdrop{font:14px/1.7 var(--font-mono);white-space:pre;tab-size:2;border:0;margin:0;padding:18px 20px;position:absolute;inset:0;overflow:auto}.code-backdrop{pointer-events:none;color:var(--text);scrollbar-width:none}.code-backdrop::-webkit-scrollbar{display:none}.code-edit textarea{resize:none;color:#0000;caret-color:var(--accent);background:0 0;outline:none}.code-edit textarea::selection{background:color-mix(in srgb, var(--accent-3) 35%, transparent);color:#0000}.code-edit:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}.pane-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.status{font:500 13px var(--font-mono)}.status-ok{color:var(--ok)}.status-err{color:var(--err)}.pane-out .chips{padding:16px 16px 0}.code-out{font:14px/1.7 var(--font-mono);min-height:300px;margin:0;padding:18px 20px;overflow:auto}.pane-note{color:var(--text-muted);border-top:1px solid var(--line);margin:0;padding:12px 16px 16px;font-size:14px}.pane-note code{color:var(--text);font-size:13px}.diags{grid-column:1/-1;gap:6px;margin:0;padding:0;list-style:none;display:grid}.diag{background:var(--bg-raised);border-left:3px solid var(--warn);border-radius:10px;padding:10px 14px;font-size:14px}.diag-error{border-left-color:var(--err)}.diag-line{font:500 12px var(--font-mono);color:var(--text-muted);margin-right:8px}@media (width<=860px){.editor{grid-template-columns:1fr}.code-edit{height:420px}.code-edit textarea,.code-backdrop,.code-out{padding:14px 16px;font-size:13px}}.nav[data-astro-cid-hkbrpulz]{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner[data-astro-cid-hkbrpulz]{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.logo[data-astro-cid-hkbrpulz]{font:700 18px var(--font-mono);letter-spacing:-.02em;text-decoration:none}nav[data-astro-cid-hkbrpulz]{gap:clamp(14px,3vw,28px);display:flex}nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]{font:500 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-decoration:none}nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover{color:var(--text)}.foot[data-astro-cid-hkbrpulz]{border-top:1px solid var(--line);color:var(--text-faint);padding:40px 0;font-size:14px}.foot-inner[data-astro-cid-hkbrpulz]{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.foot[data-astro-cid-hkbrpulz] p[data-astro-cid-hkbrpulz]{margin:0}@media (width<=520px){nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:first-child{display:none}}