.hero.svelte-1uha8ag{margin-bottom:2rem}h1.svelte-1uha8ag{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05}.grad.svelte-1uha8ag{color:hsl(var(--primary))}.lede.svelte-1uha8ag{max-width:46rem;color:hsl(var(--muted-foreground));font-size:1.05rem}.lede.svelte-1uha8ag code:where(.svelte-1uha8ag){background:hsl(var(--muted));color:hsl(var(--foreground));border-radius:5px;padding:.05rem .35rem;font-size:.9em}.filter-bar.svelte-1uha8ag{flex-wrap:wrap;gap:.5rem;margin:0 0 1.75rem;display:flex}.pill.svelte-1uha8ag{color:hsl(var(--muted-foreground));background:var(--ui-glass-bg);border:1px solid var(--ui-glass-border);cursor:pointer;text-transform:capitalize;transition:color .18s var(--ui-ease-out), border-color .18s var(--ui-ease-out), transform .18s var(--ui-ease-spring);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:500;display:inline-flex}.pill.svelte-1uha8ag:hover{color:hsl(var(--foreground));transform:translateY(-1px)}.pill.active.svelte-1uha8ag{color:hsl(var(--primary-foreground));background:var(--ui-gradient-brand);box-shadow:var(--ui-glow);border-color:#0000}.pill-dot.svelte-1uha8ag{border-radius:50%;width:.5rem;height:.5rem}.pill.active.svelte-1uha8ag .pill-dot:where(.svelte-1uha8ag){background:#ffffffe6!important}.cards.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.card.svelte-1uha8ag{border-radius:var(--ui-radius-2xl);background:var(--ui-glass-bg);border:1px solid var(--ui-glass-border);box-shadow:var(--ui-shadow-sm);transition:transform .28s var(--ui-ease-out), box-shadow .28s var(--ui-ease-out), border-color .28s var(--ui-ease-out);position:relative;overflow:hidden}.card.svelte-1uha8ag:hover{border-color:hsl(var(--primary) / .4);box-shadow:var(--ui-shadow-lg);transform:translateY(-4px)}.card-body.svelte-1uha8ag{padding:1.35rem;position:relative}.meta.svelte-1uha8ag{align-items:center;gap:.6rem;margin-bottom:.65rem;display:flex}.badge.svelte-1uha8ag{letter-spacing:.02em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-dot.svelte-1uha8ag{background:var(--accent);border-radius:50%;width:.4rem;height:.4rem}.ver.svelte-1uha8ag{font-family:var(--mc-font-mono);color:hsl(var(--muted-foreground));font-size:.78rem}.card.svelte-1uha8ag h2:where(.svelte-1uha8ag),.card.svelte-1uha8ag h3:where(.svelte-1uha8ag){letter-spacing:-.01em;margin:0 0 .2rem;font-size:1.2rem}.card.svelte-1uha8ag h2:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag),.card.svelte-1uha8ag h3:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){color:hsl(var(--foreground));transition:color .18s var(--ui-ease-out);text-decoration:none}.card.svelte-1uha8ag:hover h2:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag),.card.svelte-1uha8ag:hover h3:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){color:hsl(var(--primary))}.shot.svelte-1uha8ag{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));width:100%;display:block}.frameworks.svelte-1uha8ag{font-family:var(--mc-font-mono);color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:.35rem;margin:0 0 .75rem;font-size:.78rem;display:flex}.fw.svelte-1uha8ag{border:1px dashed hsl(var(--border));border-radius:999px;padding:0 .5rem;line-height:1.6}.fw.with-ui.svelte-1uha8ag{color:hsl(var(--foreground));border-style:solid}.desc.svelte-1uha8ag{color:hsl(var(--muted-foreground));margin:0;font-size:.92rem;line-height:1.55}.actions.svelte-1uha8ag{flex-wrap:wrap;gap:1rem;margin-top:1.1rem;display:flex}.action.svelte-1uha8ag{color:hsl(var(--muted-foreground));transition:color .18s var(--ui-ease-out);align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.action.svelte-1uha8ag:hover,.action.primary.svelte-1uha8ag{color:hsl(var(--primary))}.arrow.svelte-1uha8ag{transition:transform .22s var(--ui-ease-spring)}.action.primary.svelte-1uha8ag:hover .arrow:where(.svelte-1uha8ag){transform:translate(3px)}.empty.svelte-1uha8ag{text-align:center;color:hsl(var(--muted-foreground));border:1px dashed var(--ui-glass-border);border-radius:var(--ui-radius-2xl);grid-column:1/-1;padding:2rem;list-style:none}.tools.svelte-1uha8ag{margin-top:3.5rem}.section-title.svelte-1uha8ag{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem}.section-lede.svelte-1uha8ag{color:hsl(var(--muted-foreground));max-width:46rem;margin-bottom:1.25rem}.playground-summary.svelte-1uha8ag{color:hsl(var(--muted-foreground));margin-top:1.25rem;font-size:.9rem}@media (width<=640px){.cards.svelte-1uha8ag{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card.svelte-1uha8ag,.pill.svelte-1uha8ag,.arrow.svelte-1uha8ag,.card.svelte-1uha8ag h2:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){transition:none;animation:none}}