.examples-grid.svelte-jligeh{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}@media (width<=500px){.examples-grid.svelte-jligeh{grid-template-columns:1fr}}.example-card.svelte-jligeh{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.example-card.svelte-jligeh:hover{border-color:var(--border-accent)}.example-header.svelte-jligeh{padding:var(--space-4)}.example-header.svelte-jligeh h3:where(.svelte-jligeh){margin-bottom:var(--space-2);font-size:1.05rem}.example-header.svelte-jligeh p:where(.svelte-jligeh){font-size:.88rem;line-height:1.6}.example-category.svelte-jligeh{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-glow);margin-bottom:var(--space-3);border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:500;display:inline-block}.example-code.svelte-jligeh{background:var(--bg-tertiary);padding:var(--space-3);flex:1;margin:0;position:relative;overflow-x:auto}.example-code.svelte-jligeh code:where(.svelte-jligeh){font-family:var(--font-mono);color:var(--text-secondary);white-space:pre;padding-bottom:var(--space-3);font-size:.72rem;line-height:1.9;display:block}.copy-btn.svelte-jligeh{bottom:var(--space-3);right:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.copy-btn.svelte-jligeh:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.copy-btn.copied.svelte-jligeh{color:#fff;background:#28c840;border-color:#28c840}.copy-tooltip.svelte-jligeh{background:var(--text-primary);color:var(--text-inverse);font-family:var(--font-sans);white-space:nowrap;pointer-events:none;opacity:0;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 6px);right:-4px;transform:translateY(4px)}.copy-btn.svelte-jligeh:hover .copy-tooltip:where(.svelte-jligeh),.copy-btn.copied.svelte-jligeh .copy-tooltip:where(.svelte-jligeh){opacity:1;transform:translateY(0)}.copy-btn.copied.svelte-jligeh .copy-tooltip:where(.svelte-jligeh){color:#fff;background:#28c840}.example-card.reveal-visible{animation-delay:var(--card-delay,0s)}