.demos-page.svelte-kxab8v{max-width:1200px;margin:0 auto;padding:2rem}header.svelte-kxab8v{text-align:center;margin-bottom:3rem}header.svelte-kxab8v h1:where(.svelte-kxab8v){font-size:2.5rem;color:#00d4d4;margin-bottom:.5rem}header.svelte-kxab8v p:where(.svelte-kxab8v){color:#888}.grid.svelte-kxab8v{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.card.svelte-kxab8v{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s}.card.svelte-kxab8v:hover{transform:translateY(-4px);border-color:#00d4d4}.gif-container.svelte-kxab8v{width:100%;aspect-ratio:16/10;overflow:hidden;background:#000}.gif-container.svelte-kxab8v img:where(.svelte-kxab8v){width:100%;height:100%;object-fit:cover}.info.svelte-kxab8v{padding:1rem 1.25rem}.info.svelte-kxab8v h3:where(.svelte-kxab8v){color:#fff;margin:0 0 .5rem;font-size:1.1rem}.info.svelte-kxab8v p:where(.svelte-kxab8v){color:#888;margin:0;font-size:.9rem}footer.svelte-kxab8v{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #333;color:#666}footer.svelte-kxab8v a:where(.svelte-kxab8v){color:#00d4d4}