.sprites-flow:where(.astro-s3f4kfq5){margin:2rem 0;border:1px solid rgba(148,163,184,.22);border-radius:1.35rem;background:radial-gradient(circle at 18% 0%,rgba(116,167,255,.14),transparent 31rem),linear-gradient(145deg,#121d30f0,#060a12fa);box-shadow:0 24px 70px #0000003d;overflow:hidden}.sprites-flow:where(.astro-s3f4kfq5) code:where(.astro-s3f4kfq5){font-family:var(--sl-font-mono)}.sprites-flow__grid:where(.astro-s3f4kfq5){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1.35rem}.sprites-flow__card:where(.astro-s3f4kfq5),.sprites-flow__stage:where(.astro-s3f4kfq5),.sprites-flow__visualizer:where(.astro-s3f4kfq5){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#070d18b8}.sprites-flow__stages:where(.astro-s3f4kfq5),.sprites-flow__visualizer:where(.astro-s3f4kfq5),.sprites-flow__card--invariants:where(.astro-s3f4kfq5){grid-column:1 / -1}.sprites-flow__card-head:where(.astro-s3f4kfq5),.sprites-flow__stage-head:where(.astro-s3f4kfq5){display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:start}.sprites-flow__card-head:where(.astro-s3f4kfq5)>span:where(.astro-s3f4kfq5),.sprites-flow__stage-head:where(.astro-s3f4kfq5)>span:where(.astro-s3f4kfq5){display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border:1px solid rgba(116,167,255,.32);border-radius:999px;background:#08111f;color:#8fb4e8;font-family:var(--sl-font-mono);font-size:.72rem;font-weight:900}.sprites-flow__card-head:where(.astro-s3f4kfq5) code:where(.astro-s3f4kfq5),.sprites-flow__stage-head:where(.astro-s3f4kfq5) code:where(.astro-s3f4kfq5),.sprites-flow__visual-head:where(.astro-s3f4kfq5) code:where(.astro-s3f4kfq5){color:#eef6ff;font-family:var(--sl-font-mono);font-size:.86rem;font-weight:900}.sprites-flow__card-head:where(.astro-s3f4kfq5) p:where(.astro-s3f4kfq5),.sprites-flow__stage-head:where(.astro-s3f4kfq5) p:where(.astro-s3f4kfq5),.sprites-flow__visual-head:where(.astro-s3f4kfq5) p:where(.astro-s3f4kfq5){margin:.35rem 0 0;color:#aebfd8;font-size:.84rem;line-height:1.55}.sprites-flow__model-grid:where(.astro-s3f4kfq5),.sprites-flow__invariant-grid:where(.astro-s3f4kfq5){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.sprites-flow__model-grid:where(.astro-s3f4kfq5) span:where(.astro-s3f4kfq5),.sprites-flow__invariant-grid:where(.astro-s3f4kfq5) span:where(.astro-s3f4kfq5){padding:.65rem;border:1px solid rgba(148,163,184,.16);border-radius:.75rem;background:#0f172ab8;color:#dcecff;font-family:var(--sl-font-mono);font-size:.72rem}.sprites-flow__pipeline:where(.astro-s3f4kfq5){display:grid;gap:.55rem;margin-top:1rem}.sprites-flow__pipeline:where(.astro-s3f4kfq5) span:where(.astro-s3f4kfq5),.sprites-flow__pipeline:where(.astro-s3f4kfq5) strong:where(.astro-s3f4kfq5){padding:.65rem .75rem;border:1px solid rgba(148,163,184,.14);border-radius:.75rem;background:#0f172a9e;color:#dcecff;font-family:var(--sl-font-mono);font-size:.74rem}.sprites-flow__pipeline:where(.astro-s3f4kfq5) strong:where(.astro-s3f4kfq5){border-color:#f2b84b4d;background:#4a371059;color:#ffdca3}.sprites-flow__stages:where(.astro-s3f4kfq5){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.sprites-flow__stage:where(.astro-s3f4kfq5) pre:where(.astro-s3f4kfq5){margin:1rem 0 0;min-height:9.5rem;padding:1rem;border:1px solid rgba(148,163,184,.14);border-radius:.9rem;background:#07101d;color:#dcecff;font:700 .76rem/1.75 var(--sl-font-mono);overflow-x:auto}.sprites-flow__visual-head:where(.astro-s3f4kfq5){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.sprites-flow__tabs:where(.astro-s3f4kfq5){display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.sprites-flow__tabs:where(.astro-s3f4kfq5) button:where(.astro-s3f4kfq5){min-height:2.35rem;padding:.5rem .8rem;border:1px solid rgba(116,167,255,.28);border-radius:999px;background:#1c3e703d;color:#dcecff;cursor:pointer;font:800 .75rem/1 var(--sl-font)}.sprites-flow__tabs:where(.astro-s3f4kfq5) button:where(.astro-s3f4kfq5).is-active,.sprites-flow__tabs:where(.astro-s3f4kfq5) button:where(.astro-s3f4kfq5):hover,.sprites-flow__tabs:where(.astro-s3f4kfq5) button:where(.astro-s3f4kfq5):focus-visible{border-color:#f2b84b7a;background:#4a37105c;color:#fff1c5;outline:none}.sprites-flow:where(.astro-s3f4kfq5) canvas:where(.astro-s3f4kfq5){display:block;width:100%;margin-top:1rem;border:1px solid rgba(148,163,184,.18);border-radius:.95rem;background:#08111f}.sprites-flow__label:where(.astro-s3f4kfq5){margin:.75rem 0 0;color:#91a9ca;font-family:var(--sl-font-mono);font-size:.76rem;text-align:center}.sprites-flow__invariant-grid:where(.astro-s3f4kfq5){grid-template-columns:repeat(4,minmax(0,1fr))}.sprites-flow__invariant-grid:where(.astro-s3f4kfq5) span:where(.astro-s3f4kfq5){border-color:#68e0b033;background:#0c312740;color:#b8f3da;text-align:center}@media(max-width:720px){.sprites-flow__intro:where(.astro-s3f4kfq5),.sprites-flow__grid:where(.astro-s3f4kfq5),.sprites-flow__stages:where(.astro-s3f4kfq5),.sprites-flow__visual-head:where(.astro-s3f4kfq5),.sprites-flow__model-grid:where(.astro-s3f4kfq5),.sprites-flow__invariant-grid:where(.astro-s3f4kfq5){grid-template-columns:1fr}.sprites-flow__stages:where(.astro-s3f4kfq5),.sprites-flow__visualizer:where(.astro-s3f4kfq5),.sprites-flow__card--invariants:where(.astro-s3f4kfq5){grid-column:auto}.sprites-flow__tabs:where(.astro-s3f4kfq5){justify-content:flex-start}}