:root{--page-accent:#8b5cf6}.hero.svelte-ts052r{background:linear-gradient(#8b5cf61f,#0000 70%),radial-gradient(at 50% 0,#22c55e17,#0000 68%);padding:54px 20px 34px}.hero.svelte-ts052r .subtitle:where(.svelte-ts052r){color:var(--c-muted);margin-bottom:8px;font-size:13px}.hero.svelte-ts052r p:where(.svelte-ts052r){max-width:820px}.hero.svelte-ts052r .meta:where(.svelte-ts052r){flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.hero.svelte-ts052r .meta:where(.svelte-ts052r) span:where(.svelte-ts052r){color:var(--c-secondary);background:#8b5cf614;border:1px solid #8b5cf63d;border-radius:5px;padding:4px 10px;font-size:11px}.content.wide.svelte-ts052r{max-width:1120px}.section.svelte-ts052r h3:where(.svelte-ts052r){color:var(--page-accent)}.section.svelte-ts052r h4.group-title:where(.svelte-ts052r){color:#a78bfa;margin:18px 0 10px;font-size:13px}.diagram.svelte-ts052r{background:var(--bg-code);color:var(--c-secondary);white-space:pre;border:1px solid #8b5cf62e;border-radius:8px;margin:14px 0;padding:18px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.65;overflow-x:auto}.tool-grid.svelte-ts052r{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.tool-card.svelte-ts052r{background:#8b5cf60a;border:1px solid #8b5cf624;border-radius:8px;padding:14px}.tool-head.svelte-ts052r{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.tool-head.svelte-ts052r strong:where(.svelte-ts052r){color:#c4b5fd;font-size:14px}.tool-head.svelte-ts052r span:where(.svelte-ts052r){color:var(--c-muted);white-space:nowrap;border:1px solid #8b5cf638;border-radius:999px;padding:2px 8px;font-size:11px}.tool-card.svelte-ts052r p:where(.svelte-ts052r){color:var(--c-muted);margin-bottom:6px;font-size:12px;line-height:1.8}.section.svelte-ts052r a:where(.svelte-ts052r){color:var(--page-accent);text-decoration:none}.section.svelte-ts052r a:where(.svelte-ts052r):hover{text-decoration:underline}.sources.svelte-ts052r ul:where(.svelte-ts052r){padding-left:18px}.sources.svelte-ts052r li:where(.svelte-ts052r){color:var(--c-secondary);margin-bottom:4px;line-height:2}@media (width<=640px){.hero.svelte-ts052r h1:where(.svelte-ts052r){font-size:24px}.diagram.svelte-ts052r{padding:12px;font-size:10px}.tool-grid.svelte-ts052r{grid-template-columns:1fr}}
