.feature-hero.svelte-110p733{aspect-ratio:16/8;position:relative}.scene.svelte-110p733{--ink:var(--color-text);--ink-2:var(--color-text-muted);--ink-3:var(--color-text-subtle);--line:var(--color-border);--line-2:var(--color-border-strong);--surface:var(--color-surface);--surface-2:var(--color-surface-muted);--bg:var(--color-bg);--bg-sunk:color-mix(in oklab, var(--color-text) 5%, var(--color-bg));--primary:var(--color-primary);--primary-ink:var(--color-primary-fg);--success:color-mix(in oklab, var(--studio-green) 72%, #06351d);--shadow-pop:var(--shadow-lg);background:var(--surface-2);font-family:var(--font-sans);display:flex;position:absolute;inset:0;overflow:hidden}.scene.svelte-110p733 svg{flex:none}.scene__pop.svelte-110p733{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);color:var(--ink);z-index:6;align-items:center;gap:7px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute}.scene.svelte-110p733 .ok{color:var(--success)}.scene__pop--classroom.svelte-110p733{inset-block-end:9%;inset-inline-start:7%}.scene__pop--code.svelte-110p733{inset-block-start:9%;inset-inline-end:6%}.scene__pop--wb.svelte-110p733{inset-block-end:8%;inset-inline-start:50%;transform:translate(-50%)}.scene--classroom.svelte-110p733{background:var(--bg-sunk);justify-content:center;align-items:center;padding:6%}.postcard.svelte-110p733{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);inline-size:min(440px,92%);overflow:hidden}.postcard__head.svelte-110p733{border-block-end:1px solid var(--line);align-items:center;gap:11px;padding:16px 18px;display:flex}.postcard__ic.svelte-110p733{background:color-mix(in oklab, var(--studio-coral) 14%, var(--surface));border-radius:var(--radius-sm);block-size:36px;color:var(--studio-coral);flex:none;place-items:center;inline-size:36px;display:grid}.postcard__headmain.svelte-110p733{flex:1}.postcard__head.svelte-110p733 b:where(.svelte-110p733){font-size:15px}.postcard__head.svelte-110p733 span:where(.svelte-110p733){color:var(--ink-3);font-size:12px;display:block}.scene.svelte-110p733 .postcard__x{color:var(--ink-3)}.postcard__body.svelte-110p733{flex-direction:column;gap:13px;padding:16px 18px;display:flex}.postcard__chips.svelte-110p733{flex-wrap:wrap;gap:7px;display:flex}.pchip.svelte-110p733{background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.pchip[data-on].svelte-110p733{background:color-mix(in oklab, var(--studio-coral) 8%, var(--surface));border-color:var(--studio-coral);color:var(--ink)}.pchip.svelte-110p733 i:where(.svelte-110p733){border-radius:50%;block-size:9px;inline-size:9px;display:inline-block}.pfield.svelte-110p733{border:1.5px solid var(--line-2);border-radius:var(--radius-sm);color:var(--ink);padding:10px 13px;font-size:14px;font-weight:600}.pfield--label.svelte-110p733{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin-block-end:5px;font-size:11px;font-weight:700}.pattach.svelte-110p733{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:11px;padding:10px 12px;display:flex}.pattach__thumb.svelte-110p733{border:1px solid var(--line);border-radius:6px;flex:none;block-size:38px;inline-size:46px;position:relative;overflow:hidden}.pattach__main.svelte-110p733{flex:1;min-inline-size:0}.pattach__title.svelte-110p733{font-size:13px;font-weight:700}.pattach__sub.svelte-110p733{color:var(--ink-3);font-size:11.5px}.pswitch.svelte-110p733{background:var(--studio-green);border-radius:999px;flex:none;block-size:22px;inline-size:38px;margin-inline-start:auto;position:relative}.pswitch.svelte-110p733:after{content:"";background:#fff;border-radius:50%;block-size:18px;inline-size:18px;position:absolute;inset-block-start:2px;inset-inline-end:2px}.postcard__foot.svelte-110p733{border-block-start:1px solid var(--line);justify-content:flex-end;gap:9px;padding:14px 18px;display:flex}.pbtn.svelte-110p733{border-radius:var(--radius-sm);padding:9px 15px;font-size:13px;font-weight:700}.pbtn--ghost.svelte-110p733{color:var(--ink-2)}.pbtn--primary.svelte-110p733{background:var(--primary);color:var(--primary-ink);align-items:center;gap:7px;display:inline-flex}.scene--code.svelte-110p733{background:#11141c;padding:0}.code.svelte-110p733{flex:1;grid-template-columns:1.15fr .85fr;min-block-size:0;display:grid}.code__pane.svelte-110p733{flex-direction:column;min-inline-size:0;display:flex}.code__bar.svelte-110p733{border-block-end:1px solid #ffffff14;align-items:center;gap:7px;padding:11px 14px;display:flex}.code__bar.svelte-110p733 i:where(.svelte-110p733){border-radius:50%;block-size:11px;inline-size:11px}.code__tab.svelte-110p733{color:#c7ccd6;font-family:var(--font-mono);margin-inline-start:8px;font-size:11.5px}.code__lines.svelte-110p733{font-family:var(--font-mono);flex:1;padding:14px 14px 14px 0;font-size:12.5px;line-height:1.85}.code__ln.svelte-110p733{white-space:nowrap;gap:12px;display:flex}.code__n.svelte-110p733{color:#4a515f;text-align:end;-webkit-user-select:none;user-select:none;flex:none;inline-size:26px}.code__tag.svelte-110p733{color:#7aa2ff}.code__atr.svelte-110p733{color:#c792ea}.code__str.svelte-110p733{color:#c3e88d}.code__txt.svelte-110p733{color:#e6e9ef}.code__cur.svelte-110p733{background:var(--studio-lime);vertical-align:-2px;block-size:1.05em;inline-size:2px;display:inline-block}.code__prev.svelte-110p733{background:#fff;border-inline-start:1px solid #ffffff14;flex-direction:column;display:flex}.code__prevbar.svelte-110p733{border-block-end:1px solid #ecedf1;align-items:center;gap:7px;padding:9px 12px;display:flex}.code__dot.svelte-110p733{background:var(--studio-green);border-radius:50%;block-size:11px;inline-size:11px;display:inline-block}.code__url.svelte-110p733{background:#f1f2f5;border-radius:999px;flex:1;block-size:16px}.code__render.svelte-110p733{flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:18px;display:flex}.code__render.svelte-110p733 h4:where(.svelte-110p733){color:#11141c;font-family:var(--font-display);font-size:19px}.code__render.svelte-110p733 .pill:where(.svelte-110p733){background:var(--studio-coral);color:#fff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.code__render.svelte-110p733 .box:where(.svelte-110p733){background:var(--studio-teal);border-radius:12px;block-size:64px;inline-size:64px}.code__livedot.svelte-110p733{background:var(--studio-green);border-radius:50%;block-size:8px;inline-size:8px;display:inline-block}.scene--wb.svelte-110p733{background:radial-gradient(circle, color-mix(in oklab, var(--ink) 16%, transparent) 1.4px, transparent 1.6px) 0 0 / 22px 22px, var(--surface-2)}.wb.svelte-110p733{flex:1;position:relative}.sticky.svelte-110p733{box-shadow:var(--shadow-md);color:#2a2210;font-family:var(--font-display);border-radius:4px;padding:11px 13px;font-size:14px;font-weight:600;line-height:1.2;position:absolute}.sticky--amber.svelte-110p733{background:color-mix(in oklab, var(--studio-amber) 62%, #fff)}.sticky--teal.svelte-110p733{background:color-mix(in oklab, var(--studio-teal) 48%, #fff)}.sticky--coral.svelte-110p733{background:color-mix(in oklab, var(--studio-coral) 52%, #fff);color:#3a140e}.wb__node.svelte-110p733{background:var(--surface);border:2px solid var(--ink);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:700;display:inline-flex;position:absolute}.wb__nodedot.svelte-110p733{background:var(--studio-coral);border-radius:50%;block-size:9px;inline-size:9px;display:inline-block}.wb__ring.svelte-110p733{aspect-ratio:1;border:3px solid var(--studio-coral);border-radius:50%;inline-size:15%;position:absolute}.wb__line.svelte-110p733{border-block-start:2.5px solid var(--ink-3);transform-origin:0;block-size:0;position:absolute}.wb__line[data-dash].svelte-110p733{border-block-start-style:dashed}.wb__cursor.svelte-110p733{z-index:7;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.scene.svelte-110p733 .wb__ptr{color:var(--studio-violet)}.wb__cursor.svelte-110p733 span:where(.svelte-110p733){background:var(--studio-violet);color:#fff;white-space:nowrap;border-radius:5px;margin-block-start:2px;margin-inline-start:12px;padding:2px 7px;font-size:11px;font-weight:700}@media (width<=560px){.code.svelte-110p733{grid-template-columns:1fr}.code__prev.svelte-110p733{display:none}}.showcase.svelte-1i4qx04{margin-block:var(--space-8)}.showcase__cap.svelte-1i4qx04{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;margin-block-end:var(--space-5);font-weight:600;display:flex}.featchip.svelte-1i4qx04{background:color-mix(in oklab, var(--accent) 14%, var(--color-surface));border:1px solid color-mix(in oklab, var(--accent) 32%, var(--color-border));border-radius:var(--radius-sm);block-size:26px;color:var(--accent);flex:none;place-items:center;inline-size:26px;display:grid}.loop.svelte-1i4qx04{align-items:stretch;gap:var(--space-2);flex-wrap:wrap;display:flex}.loopstep.svelte-1i4qx04{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-inline-size:150px;padding:var(--space-5);flex-direction:column;flex:1;gap:3px;display:flex;position:relative}.loopstep__n.svelte-1i4qx04{color:#fff;border-radius:50%;place-items:center;block-size:22px;inline-size:22px;font-size:12px;font-weight:700;display:grid;position:absolute;inset-block-start:14px;inset-inline-end:14px}.loopstep__ic.svelte-1i4qx04{background:var(--color-surface-muted);border-radius:var(--radius-sm);place-items:center;block-size:40px;inline-size:40px;margin-block-end:6px;display:grid}.loopstep.svelte-1i4qx04 b:where(.svelte-1i4qx04){font-size:var(--font-size-md)}.loopstep__note.svelte-1i4qx04{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.4}.loop__arr.svelte-1i4qx04{color:var(--color-text-subtle);flex:none;align-items:center;display:grid}.starters.svelte-1i4qx04{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.starter.svelte-1i4qx04{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#11141c;flex-direction:column;display:flex;overflow:hidden}.starter__bar.svelte-1i4qx04{border-block-end:1px solid #ffffff14;align-items:center;gap:8px;padding:9px 12px;display:flex}.starter__bar.svelte-1i4qx04 i:where(.svelte-1i4qx04){border-radius:50%;block-size:9px;inline-size:9px}.starter__tab.svelte-1i4qx04{color:#c7ccd6;font-family:var(--font-mono);font-size:11.5px}.starter__code.svelte-1i4qx04{color:#e6e9ef;font-family:var(--font-mono);flex:1;padding:14px;font-size:13px;line-height:1.9}.code__cur.svelte-1i4qx04{background:var(--studio-lime);vertical-align:-2px;block-size:1em;inline-size:2px;margin-inline-start:2px;display:inline-block}.starter__use.svelte-1i4qx04{border-radius:var(--radius-sm);color:#e6e9ef;cursor:pointer;background:#ffffff1a;border:none;align-self:flex-start;align-items:center;gap:6px;margin:0 14px 14px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.starter__use.svelte-1i4qx04:hover{background:#ffffff2e}.showcase--bleed.svelte-1i4qx04 .showcase__canvas:where(.svelte-1i4qx04){aspect-ratio:16/7;border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.showcase--bleed.svelte-1i4qx04 .showcase__canvas:where(.svelte-1i4qx04) .feature-hero{aspect-ratio:auto;position:absolute;inset:0}@media (width<=560px){.loop.svelte-1i4qx04{flex-direction:column}.loop__arr.svelte-1i4qx04{transform:rotate(90deg)}.starters.svelte-1i4qx04{grid-template-columns:1fr}}.article.svelte-6be7c7{padding-block:var(--space-8) var(--space-10)}.article__lede.svelte-6be7c7{text-align:center;max-width:720px;margin-inline:auto}.article__back.svelte-6be7c7{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6);align-items:center;gap:6px;font-weight:600;display:inline-flex}.article__back.svelte-6be7c7:hover{color:var(--color-text)}.article__eyebrow.svelte-6be7c7{color:var(--accent);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:9px;font-weight:600;display:inline-flex}.featchip.svelte-6be7c7{background:color-mix(in oklab, var(--accent) 14%, var(--color-surface));border:1px solid color-mix(in oklab, var(--accent) 32%, var(--color-border));border-radius:var(--radius-sm);block-size:28px;color:var(--accent);place-items:center;inline-size:28px;display:grid}.article__title.svelte-6be7c7{margin-block:14px;font-size:clamp(32px,4.4vw,50px)}.article__stand.svelte-6be7c7{color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0}.tocnav.svelte-6be7c7{flex-wrap:wrap;justify-content:center;gap:8px;margin-block-start:var(--space-6);display:flex}.tocnav.svelte-6be7c7 span:where(.svelte-6be7c7){border:1px solid var(--color-border-strong);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:999px;padding:5px 11px}.article__hero.svelte-6be7c7{margin-block:var(--space-8)}.article__body.svelte-6be7c7{max-width:680px;margin-inline:auto}.article__body.svelte-6be7c7 section:where(.svelte-6be7c7){margin-block-end:var(--space-8)}.article__body.svelte-6be7c7 h3:where(.svelte-6be7c7){font-size:var(--font-size-xl);margin-block-end:12px}.article__body.svelte-6be7c7 p:where(.svelte-6be7c7){color:var(--color-text-muted);font-size:var(--font-size-md);line-height:1.65}.article__body.svelte-6be7c7 p:where(.svelte-6be7c7)+p:where(.svelte-6be7c7){margin-block-start:12px}.article__ul.svelte-6be7c7{margin:var(--space-3) 0 0;flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.article__ul.svelte-6be7c7 li:where(.svelte-6be7c7){color:var(--color-text);font-size:var(--font-size-md);align-items:flex-start;gap:10px;display:flex}.article__ul.svelte-6be7c7 .article__ai{color:var(--color-primary);flex:none;margin-block-start:3px}.pullquote.svelte-6be7c7{border-inline-start:3px solid var(--accent);color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-xl);margin:var(--space-8) 0;padding-inline-start:var(--space-5);font-weight:600;line-height:1.3}.article-cta.svelte-6be7c7{border-radius:var(--radius-xl);color:#fcfcfd;align-items:center;gap:var(--space-6);padding:var(--space-8);background:#0e0f13;flex-wrap:wrap;margin-block-start:var(--space-8);display:flex;position:relative;overflow:hidden}.article-cta__strip.svelte-6be7c7{display:flex;position:absolute;inset-block-start:0;inset-inline:0}.article-cta__strip.svelte-6be7c7 span:where(.svelte-6be7c7){flex:1;block-size:6px}.article-cta__strip.svelte-6be7c7 span:where(.svelte-6be7c7):first-child{background:var(--studio-coral)}.article-cta__strip.svelte-6be7c7 span:where(.svelte-6be7c7):nth-child(2){background:var(--studio-amber)}.article-cta__strip.svelte-6be7c7 span:where(.svelte-6be7c7):nth-child(3){background:var(--studio-green)}.article-cta__strip.svelte-6be7c7 span:where(.svelte-6be7c7):nth-child(4){background:var(--studio-teal)}.article-cta__strip.svelte-6be7c7 span:where(.svelte-6be7c7):nth-child(5){background:var(--studio-violet)}.article-cta__copy.svelte-6be7c7 h2:where(.svelte-6be7c7){color:#fcfcfd;font-size:var(--font-size-xl);margin:0}.article-cta__copy.svelte-6be7c7 p:where(.svelte-6be7c7){color:#fcfcfdb8;font-size:var(--font-size-md);margin:8px 0 0}.article-cta__actions.svelte-6be7c7{margin-inline-start:auto}