.magnet-grid.svelte-12ovjqq{display:grid;grid-template-columns:repeat(var(--magnet-cols, 8),var(--magnet-cell-size, 36px));grid-auto-rows:var(--magnet-cell-size, 36px);gap:var(--magnet-gap, 0px);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magnet-grid__cell.svelte-12ovjqq{display:flex;align-items:center;justify-content:center;transform:translate(var(--cell-dx, 0px),var(--cell-dy, 0px));transition:transform .24s cubic-bezier(.22,1,.36,1);will-change:transform}.magnet-grid[data-active=true].svelte-12ovjqq .magnet-grid__cell:where(.svelte-12ovjqq){transition:transform 60ms linear}.magnet-grid__dot.svelte-12ovjqq{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:reduce){.magnet-grid__cell.svelte-12ovjqq{transform:none!important;transition:none!important}}.mg-demo.svelte-10f89if{display:grid;gap:24px}.mg-section.svelte-10f89if{display:grid;gap:10px}.mg-section.svelte-10f89if h3:where(.svelte-10f89if){margin:0;font-family:var(--font-display);font-weight:400;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--fg-1)}.mg-stage.svelte-10f89if{display:flex;justify-content:center;align-items:center;min-height:360px;padding:32px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.mg-stage--dark.svelte-10f89if{background:radial-gradient(circle at 50% 50%,#1e1b4b,#020617);color:#fbbf24}.mg-stage--icon.svelte-10f89if{background:linear-gradient(135deg,#0f172a,#1e293b);color:#c4b5fd;min-height:420px}.mg-stage--repel.svelte-10f89if{background:radial-gradient(circle at 50% 50%,#4c1d95,#0c0a09);color:#f9a8d4}.mg-stage--emoji.svelte-10f89if{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#1f2937;min-height:460px}.mg-icon.svelte-10f89if{font-size:22px;opacity:.85}.mg-emoji.svelte-10f89if{font-size:24px}.mg-controls.svelte-10f89if{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:18px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.mg-controls.svelte-10f89if label:where(.svelte-10f89if){display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--fg-2)}.mg-controls.svelte-10f89if input[type=range]:where(.svelte-10f89if),.mg-controls.svelte-10f89if select:where(.svelte-10f89if){width:100%}