:root{--ink: #f8fafc;--ink-2: #e2e8f0;--muted: #94a3b8;--muted-2: #64748b;--surface: #0a0f1e;--surface-2: #111827;--surface-3: #1e293b;--border: rgba(255, 255, 255, .08);--accent: #6366f1;--accent-2: #a5b4fc;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}:where(.astro-prwxh6m4){box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.demo-root:where(.astro-prwxh6m4){max-width:900px;margin:0 auto;padding:3rem 1.5rem}.demo-header:where(.astro-prwxh6m4){margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}h1:where(.astro-prwxh6m4){font-size:2rem;margin:0 0 .5rem;color:var(--ink)}.subtitle:where(.astro-prwxh6m4){color:var(--muted);margin:0;font-size:1.1rem}.toc:where(.astro-prwxh6m4){display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;padding:1rem;background:var(--surface-2);border-radius:12px;border:1px solid var(--border)}.toc:where(.astro-prwxh6m4) a:where(.astro-prwxh6m4){color:var(--accent-2);text-decoration:none;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;transition:background .15s}.toc:where(.astro-prwxh6m4) a:where(.astro-prwxh6m4):hover{background:#6366f126}section:where(.astro-prwxh6m4){margin-bottom:4rem}h2:where(.astro-prwxh6m4){font-size:1.5rem;margin:0 0 .5rem;color:var(--ink)}.section-desc:where(.astro-prwxh6m4){color:var(--muted);margin:0 0 1.5rem}.section-desc:where(.astro-prwxh6m4) code:where(.astro-prwxh6m4){font-family:var(--font-mono);background:#6366f126;padding:.15rem .4rem;border-radius:4px;font-size:.85em;color:var(--accent-2)}.terminal-card:where(.astro-prwxh6m4){margin-bottom:2rem;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-header:where(.astro-prwxh6m4){display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff05;border-bottom:1px solid var(--border)}.card-title:where(.astro-prwxh6m4){font-weight:600;color:var(--ink)}.card-source:where(.astro-prwxh6m4){font-family:var(--font-mono);font-size:.75rem;color:var(--muted-2);background:#6366f11a;padding:.2rem .5rem;border-radius:4px}.card-desc:where(.astro-prwxh6m4){margin:0;padding:.75rem 1.25rem;color:var(--muted);font-size:.9rem;border-bottom:1px solid var(--border)}.terminal-sim:where(.astro-prwxh6m4){background:#0d1117}.terminal-bar:where(.astro-prwxh6m4){display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.dot:where(.astro-prwxh6m4){width:10px;height:10px;border-radius:50%}.dot:where(.astro-prwxh6m4).red{background:#ff5f57}.dot:where(.astro-prwxh6m4).yellow{background:#febc2e}.dot:where(.astro-prwxh6m4).green{background:#28c840}.terminal-title:where(.astro-prwxh6m4){font-size:.7rem;color:#475569;margin-left:auto;margin-right:auto}.terminal-body:where(.astro-prwxh6m4){margin:0;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.55;color:var(--ink-2);overflow-x:auto;white-space:pre}.terminal-body:where(.astro-prwxh6m4) .prompt:where(.astro-prwxh6m4){color:#22c55e}.terminal-body:where(.astro-prwxh6m4) .success:where(.astro-prwxh6m4){color:#4ade80}.terminal-body:where(.astro-prwxh6m4) .error:where(.astro-prwxh6m4){color:#f87171}.terminal-body:where(.astro-prwxh6m4) .breaking:where(.astro-prwxh6m4){color:#f87171}.terminal-body:where(.astro-prwxh6m4) .minor:where(.astro-prwxh6m4){color:#fbbf24}.terminal-body:where(.astro-prwxh6m4) .warn:where(.astro-prwxh6m4){color:#fbbf24}.terminal-body:where(.astro-prwxh6m4) .code:where(.astro-prwxh6m4){color:var(--accent-2)}.terminal-body:where(.astro-prwxh6m4) .muted:where(.astro-prwxh6m4){color:#64748b}.toc-label:where(.astro-prwxh6m4){font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);padding:.4rem .5rem;font-weight:600}.toc-label:where(.astro-prwxh6m4):not(:first-child){margin-left:.5rem;border-left:1px solid var(--border);padding-left:1rem}.file-card:where(.astro-prwxh6m4){margin-bottom:2rem;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;overflow:hidden}.file-sim:where(.astro-prwxh6m4){background:#0d1117}.file-bar:where(.astro-prwxh6m4){display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.file-bar:where(.astro-prwxh6m4) .file-icon:where(.astro-prwxh6m4){color:#fbbf24;width:14px;height:14px}.file-bar:where(.astro-prwxh6m4) .file-name:where(.astro-prwxh6m4){font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.file-body:where(.astro-prwxh6m4){margin:0;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.55;color:var(--ink-2);overflow-x:auto;white-space:pre}.yaml-comment:where(.astro-prwxh6m4){color:#6a737d}.yaml-key:where(.astro-prwxh6m4){color:#79c0ff}.yaml-string:where(.astro-prwxh6m4){color:#a5d6ff}.yaml-bool:where(.astro-prwxh6m4){color:#ff7b72}.yaml-number:where(.astro-prwxh6m4){color:#ffa657}.yaml-var:where(.astro-prwxh6m4){color:#ffa657}.json-key:where(.astro-prwxh6m4){color:#79c0ff}.json-string:where(.astro-prwxh6m4){color:#a5d6ff}.json-bool:where(.astro-prwxh6m4){color:#ff7b72}.json-number:where(.astro-prwxh6m4){color:#ffa657}.md-fence:where(.astro-prwxh6m4){color:#6a737d}.md-key:where(.astro-prwxh6m4){color:#79c0ff}.md-major:where(.astro-prwxh6m4){color:#f87171}.md-minor:where(.astro-prwxh6m4){color:#fbbf24}.md-patch:where(.astro-prwxh6m4){color:#4ade80}.md-comment:where(.astro-prwxh6m4){color:#6a737d}.md-heading:where(.astro-prwxh6m4){color:#d2a8ff;font-weight:600}.md-code:where(.astro-prwxh6m4){color:#a5b4fc}footer:where(.astro-prwxh6m4){padding-top:2rem;border-top:1px solid var(--border);text-align:center;color:var(--muted)}footer:where(.astro-prwxh6m4) a:where(.astro-prwxh6m4){color:var(--accent-2);text-decoration:none}footer:where(.astro-prwxh6m4) a:where(.astro-prwxh6m4):hover{text-decoration:underline}@media(max-width:640px){.demo-root:where(.astro-prwxh6m4){padding:2rem 1rem}h1:where(.astro-prwxh6m4){font-size:1.5rem}.terminal-body:where(.astro-prwxh6m4){font-size:.72rem;padding:.75rem 1rem}.card-header:where(.astro-prwxh6m4){flex-direction:column;align-items:flex-start;gap:.5rem}}