body{margin:0;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;background:#0a0a0a;background-image:radial-gradient(#222 1px,transparent 1px);background-size:40px 40px;color:#fff;overflow:hidden}.layout.svelte-1uha8ag{display:grid;grid-template-columns:380px 1fr;height:100vh}.controls.svelte-1uha8ag{margin:2rem;padding:2rem;background:#111c;display:flex;flex-direction:column;gap:1.5rem;border-radius:10px;border:1px solid #222}h1.svelte-1uha8ag{font-size:1.4rem;margin:0}.field.svelte-1uha8ag{display:flex;flex-direction:column;gap:.5rem}.field.svelte-1uha8ag.checkbox{flex-direction:row;align-items:center;gap:.75rem;cursor:pointer}label.svelte-1uha8ag,.label.svelte-1uha8ag{font-size:.85rem;color:#aaa}input[type=range].svelte-1uha8ag{width:100%;accent-color:#3b82f6;cursor:pointer}select.svelte-1uha8ag{background:#222;border:1px solid #333;color:#fff;padding:.6rem;border-radius:6px;cursor:pointer}.code-container.svelte-1uha8ag{margin-top:auto;background:#000;border-radius:8px;border:1px solid #222;overflow:hidden}.code-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#1a1a1a;font-size:.7rem;color:#888;border-bottom:1px solid #222}.copy-btn.svelte-1uha8ag{background:#3b82f6;border:none;color:#fff;padding:2px 8px;border-radius:4px;cursor:pointer;font-size:.7rem;transition:all .2s}.copy-btn.svelte-1uha8ag.success{background:#10b981}.copy-btn.svelte-1uha8ag:hover{opacity:.9}pre.svelte-1uha8ag{margin:0;padding:1rem;font-size:.8rem;color:#60a5fa;overflow-x:auto;white-space:pre-wrap}button.svelte-1uha8ag{appearance:none;background:none;border:none;border-radius:4px;padding:.5rem;font-size:.8rem;color:#888;cursor:pointer;transition:all .2s}button.svelte-1uha8ag:hover{color:#fff}.viewport.svelte-1uha8ag{position:relative;display:flex;justify-content:center;align-items:center}.example-switch.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;position:absolute;right:1.5rem;left:1.5rem;bottom:1.5rem}.magnetic-text-container.svelte-1uha8ag{max-width:400px;text-align:center;font-size:1.6rem;line-height:1.5}.magnetic-text.svelte-1uha8ag{display:inline-block;font-weight:700;color:#3b82f6}.magnetic-rect.svelte-1uha8ag{width:140px;height:140px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 20px 50px #00000080,0 0 20px #3b82f633;position:relative;cursor:default}.magnetic-grid-rect.svelte-1uha8ag{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 20px 50px #00000080,0 0 20px #3b82f633;position:relative;cursor:default}.star.svelte-1uha8ag{position:absolute;right:2rem;top:2rem}.star.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#fff;opacity:.8}.star.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{opacity:1}.grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(12,1fr);gap:1rem}