.showcase.svelte-aooopo{align-items:start;gap:1.75rem;display:grid}@media (width>=900px){.showcase.svelte-aooopo{grid-template-columns:1.3fr 1fr;gap:2.5rem}}.preview.svelte-aooopo{background:color-mix(in oklab, var(--card) 55%, transparent);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);justify-content:center;align-items:center;min-height:22rem;padding:1.25rem;display:flex;position:relative}.enlarge.svelte-aooopo{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 85%, transparent);width:2.1rem;height:2.1rem;color:var(--foreground);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;justify-content:center;align-items:center;transition:color .12s,border-color .12s;display:inline-flex;position:absolute;top:.6rem;right:.6rem}.enlarge.svelte-aooopo:hover{color:var(--primary);border-color:var(--primary)}.enlarge.svelte-aooopo:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.preview.svelte-aooopo img:where(.svelte-aooopo){border-radius:var(--radius);width:auto;max-width:100%;height:auto;max-height:30rem;box-shadow:0 1rem 2.5rem #00000059}.preview.deck.svelte-aooopo{padding:.75rem}.preview.deck.svelte-aooopo iframe:where(.svelte-aooopo){aspect-ratio:16/9;border-radius:var(--radius);background:var(--ink,#16130f);border:0;width:100%}.controls.svelte-aooopo{flex-direction:column;gap:1.25rem;display:flex}.mat-switch.svelte-aooopo{flex-wrap:wrap;gap:.4rem;display:flex}.mat.svelte-aooopo{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .85rem;font-size:.85rem;font-weight:500;transition:color .12s,border-color .12s,background .12s}.mat.svelte-aooopo:hover{color:var(--foreground);border-color:var(--primary)}.mat.on.svelte-aooopo{background:var(--card);border-color:var(--border);color:var(--foreground);font-weight:600;box-shadow:0 1px 2px #0000004d}.meta.svelte-aooopo .desc:where(.svelte-aooopo){color:var(--foreground);line-height:1.5}.meta.svelte-aooopo .fmt:where(.svelte-aooopo){color:var(--muted-foreground);margin-top:.4rem;font-size:.85rem}.cta-row.svelte-aooopo{flex-wrap:wrap;gap:.75rem;display:flex}.mat.svelte-aooopo:focus-visible{outline:2px solid var(--ring);outline-offset:2px}