.card.svelte-6iaxjd{margin:0;display:flex;flex-direction:column;background:#141414;border:1px solid #222;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0006}.canvas-slot.svelte-6iaxjd{position:relative;width:100%;height:240px;background:#000}figcaption.svelte-6iaxjd{padding:14px 18px 18px}.caption-row.svelte-6iaxjd{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.caption-actions.svelte-6iaxjd{display:flex;gap:4px;flex-shrink:0}h3.svelte-6iaxjd{margin:0 0 4px;font-size:.95rem;font-weight:600;letter-spacing:.01em}p.svelte-6iaxjd{margin:0;font-size:.8rem;color:#888;line-height:1.4}.customize-btn.svelte-6iaxjd{padding:2px 8px;font-size:.7rem;background:#1c2a3a;border:1px solid #2a4a6a;border-radius:4px;color:#8bc;cursor:pointer;transition:all .12s}.customize-btn.svelte-6iaxjd:hover{background:#243a52;color:#cfe}.code-toggle.svelte-6iaxjd{padding:2px 8px;font-size:.7rem;background:#1c2a3a;border:1px solid #2a4a6a;border-radius:4px;color:#8bc;cursor:pointer;transition:all .12s}.code-toggle.svelte-6iaxjd:hover,.code-toggle.active.svelte-6iaxjd{background:#243a52;color:#cfe}.snippet-wrap.svelte-6iaxjd{position:relative;margin-top:10px}pre.svelte-6iaxjd{margin:0;padding:10px 12px;background:#0d0d0d;border:1px solid #222;border-radius:6px;overflow-x:auto;font-size:.72rem;line-height:1.5;color:#b0c4de}.copy-btn.svelte-6iaxjd{position:absolute;top:6px;right:6px;padding:2px 8px;font-size:.65rem;background:#222;border:1px solid #333;border-radius:3px;color:#888;cursor:pointer}.copy-btn.svelte-6iaxjd:hover{color:#fff;border-color:#555}@media(max-width:600px){.canvas-slot.svelte-6iaxjd{height:200px}.customize-btn.svelte-6iaxjd{padding:6px 10px;font-size:.72rem}.code-toggle.svelte-6iaxjd{padding:6px 10px}}.panel.svelte-1km2j1u{display:flex;flex-direction:column;gap:6px;padding:14px;background:#141414;border:1px solid #222;border-radius:12px;font-size:.78rem;max-height:80vh;overflow-y:auto}.mode-toggle.svelte-1km2j1u{display:flex;background:#0d0d10;border:1px solid #1f1f24;border-radius:8px;padding:2px;gap:2px}.mode-toggle.svelte-1km2j1u button:where(.svelte-1km2j1u){flex:1;padding:5px 4px;border:none;border-radius:6px;background:transparent;color:#666;cursor:pointer;font-size:.72rem;font-weight:600;transition:all .12s;white-space:nowrap}.mode-toggle.svelte-1km2j1u button.active:where(.svelte-1km2j1u){background:#1c2a3a;color:#cfe}.loaded-preset.svelte-1km2j1u{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#1a1a2e;border:1px solid #2a2a4e;border-radius:6px;font-size:.72rem;color:#88c}.loaded-preset.svelte-1km2j1u strong:where(.svelte-1km2j1u){color:#aab}.preset-clear.svelte-1km2j1u{margin-left:auto;padding:1px 6px!important;font-size:.65rem!important;border-radius:4px!important}.quick-controls.svelte-1km2j1u{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid #1f1f24}.quick-row.svelte-1km2j1u{display:flex;gap:14px}.accordion-header.svelte-1km2j1u{display:flex;align-items:center;gap:6px;width:100%;padding:7px 4px;background:none;border:none;border-bottom:1px solid #1a1a1e;color:#888;cursor:pointer;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-align:left;transition:color .12s}.accordion-header.svelte-1km2j1u:hover{color:#ccc}.badge.svelte-1km2j1u{background:#2a3a5a;color:#6cf;padding:0 5px;border-radius:8px;font-size:.6rem;font-weight:700;line-height:1.5}.chevron.svelte-1km2j1u{margin-left:auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s}.chevron.open.svelte-1km2j1u{transform:rotate(180deg)}.accordion-body.svelte-1km2j1u{display:flex;flex-direction:column;gap:6px;padding:6px 0 10px}.field-hint.svelte-1km2j1u{margin:4px 0 0;padding:4px 6px;font-size:.65rem;line-height:1.4;color:#777;background:#111;border-radius:4px;border-left:2px solid #333}.field-hint.svelte-1km2j1u code:where(.svelte-1km2j1u){color:#aaa;background:#1a1a1a;padding:1px 4px;border-radius:3px}.hint-btn.svelte-1km2j1u{padding:6px 10px!important;font-size:.72rem!important;font-style:italic;color:#888!important;background:#1a1a2e!important;border-color:#2a2a4e!important}.hint-btn.svelte-1km2j1u:hover{color:#cfe!important}h4.svelte-1km2j1u{margin:6px 0 4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#888;font-weight:600}section.svelte-1km2j1u{display:flex;flex-direction:column;gap:6px}label.svelte-1km2j1u{display:flex;flex-direction:column;gap:4px}label.check.svelte-1km2j1u{flex-direction:row;align-items:center;gap:8px}label.svelte-1km2j1u>span:where(.svelte-1km2j1u){display:flex;justify-content:space-between}em.svelte-1km2j1u{font-style:normal;color:#6cf;font-variant-numeric:tabular-nums}input[type=range].svelte-1km2j1u{width:100%}input[type=text].svelte-1km2j1u,textarea.svelte-1km2j1u{width:100%;background:#0d0d10;border:1px solid #2a2a2e;border-radius:4px;color:#e0e0e0;padding:4px 6px;font-size:.75rem;font-family:monospace}textarea.svelte-1km2j1u{resize:vertical;min-height:2.5rem}select.svelte-1km2j1u{background:#0a0a0a;color:#eee;border:1px solid #333;border-radius:6px;padding:4px 8px}input[type=color].svelte-1km2j1u{width:100%;height:28px;border:1px solid #333;border-radius:6px;background:#0a0a0a;cursor:pointer;padding:2px}.actions.svelte-1km2j1u{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;border-top:1px solid #1f1f24}.action-row.svelte-1km2j1u{display:flex;gap:6px}.action-row.svelte-1km2j1u button:where(.svelte-1km2j1u){flex:1}button.svelte-1km2j1u{background:#1c2a3a;color:#cfe;border:1px solid #2a4a6a;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .12s}button.svelte-1km2j1u:hover{background:#243a52}button.secondary.svelte-1km2j1u{background:#1a1a1c;border-color:#2c2c30;color:#bbb}button.secondary.svelte-1km2j1u:hover{background:#232326;color:#fff}.code-toggle.svelte-1km2j1u{padding:8px 12px;font-family:monospace;font-size:.82rem;background:transparent;border:1px solid #333;border-radius:8px;color:#666;cursor:pointer;transition:all .12s}.code-toggle.svelte-1km2j1u:hover,.code-toggle.active.svelte-1km2j1u{color:#cce6ff;border-color:#555}.code-preview.svelte-1km2j1u{position:relative;margin-top:2px}.code-preview.svelte-1km2j1u pre:where(.svelte-1km2j1u){margin:0;padding:10px 12px;background:#0d0d0d;border:1px solid #222;border-radius:6px;overflow-x:auto;font-size:.72rem;line-height:1.5;color:#b0c4de}.copy-btn.svelte-1km2j1u{position:absolute;top:6px;right:6px;padding:2px 8px!important;font-size:.65rem!important;background:#222!important;border:1px solid #333!important;border-radius:3px!important;color:#888!important;cursor:pointer}.copy-btn.svelte-1km2j1u:hover{color:#fff!important;border-color:#555!important}@media(max-width:800px){.panel.svelte-1km2j1u{max-height:none}}@media(max-width:600px){.mode-toggle.svelte-1km2j1u button:where(.svelte-1km2j1u){padding:10px 4px;font-size:.78rem}.accordion-header.svelte-1km2j1u{padding:10px 4px}button.svelte-1km2j1u{padding:10px 12px}}.shape-preview.svelte-kw3zx0{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.shape-preview.svelte-kw3zx0 circle,.shape-preview.svelte-kw3zx0 path{fill:none;stroke:#ffffff80;stroke-width:1.5;stroke-dasharray:6 4}.shape-preview.svelte-kw3zx0 .inner{stroke:#ff646499}main.svelte-1uha8ag{position:relative;max-width:1100px;margin:0 auto;padding:64px 24px;display:flex;flex-direction:column;gap:48px;pointer-events:none}.bg-code-wrapper.svelte-1uha8ag{position:fixed;top:14px;right:14px;z-index:100;pointer-events:auto;display:flex;gap:6px;align-items:flex-start}.bg-code-toggle.svelte-1uha8ag{padding:4px 10px;font-size:.75rem;background:#1c2a3ae6;border:1px solid #2a4a6a;border-radius:6px;color:#8bc;cursor:pointer;transition:all .12s}.bg-code-toggle.svelte-1uha8ag:hover,.bg-code-toggle.active.svelte-1uha8ag{background:#243a52f2;color:#cfe}.bg-code-panel.svelte-1uha8ag{position:absolute;top:calc(100% + 6px);right:0;width:340px;max-height:360px;overflow:auto;background:#0d0d0d;border:1px solid #222;border-radius:8px;box-shadow:0 8px 24px #00000080}.bg-code-panel.svelte-1uha8ag pre:where(.svelte-1uha8ag){margin:0;padding:10px 12px;font-size:.72rem;line-height:1.5;color:#b0c4de}.bg-copy-btn.svelte-1uha8ag{position:absolute;top:6px;right:6px;padding:2px 8px;font-size:.65rem;background:#222;border:1px solid #333;border-radius:3px;color:#888;cursor:pointer}.bg-copy-btn.svelte-1uha8ag:hover{color:#fff;border-color:#555}header.svelte-1uha8ag{text-align:center}.hero-title.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;gap:0;max-width:100%;margin:0 0 8px;pointer-events:auto}.hero-title.svelte-1uha8ag .hero-fluid-word{height:clamp(64px,9vw,100px);max-width:100%}.hero-code-row.svelte-1uha8ag{display:flex;justify-content:center;margin:4px 0 8px;pointer-events:auto}.hero-code-toggle.svelte-1uha8ag{padding:2px 10px;font-size:.7rem;background:#1c2a3ab3;border:1px solid rgba(42,74,106,.5);border-radius:4px;color:#88bbccb3;cursor:pointer;transition:all .12s}.hero-code-toggle.svelte-1uha8ag:hover,.hero-code-toggle.active.svelte-1uha8ag{background:#243a52e6;color:#cfe;border-color:#2a4a6a}.hero-code-panel.svelte-1uha8ag{position:relative;max-width:420px;margin:0 auto 12px;pointer-events:auto}.hero-code-panel.svelte-1uha8ag pre:where(.svelte-1uha8ag){margin:0;padding:10px 12px;background:#0d0d0de6;border:1px solid #222;border-radius:6px;overflow-x:auto;font-size:.72rem;line-height:1.5;color:#b0c4de}.hero-copy-btn.svelte-1uha8ag{position:absolute;top:6px;right:6px;padding:2px 8px;font-size:.65rem;background:#222;border:1px solid #333;border-radius:3px;color:#888;cursor:pointer}.hero-copy-btn.svelte-1uha8ag:hover{color:#fff;border-color:#555}.tagline.svelte-1uha8ag{margin:0 0 12px;color:#ddd;font-size:1.05rem}.header-links.svelte-1uha8ag{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:.88rem;pointer-events:auto}.header-links.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#cce6ff;text-decoration:none;border-bottom:1px dotted rgba(204,230,255,.4)}.header-links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#fff;border-bottom-color:#fff}.header-links.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#555}.get-started.svelte-1uha8ag{background:#141416d9;border:1px solid #2a2a2e;border-radius:12px;padding:22px 26px;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.get-started.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0 0 4px;font-size:1.05rem;color:#fff;letter-spacing:-.01em}.code-block.svelte-1uha8ag{background:#0d0d10;border:1px solid #1f1f24;border-radius:8px;padding:12px 14px;margin:0;overflow-x:auto;font-size:.82rem;line-height:1.55;color:#d6e8ff;font-family:JetBrains Mono,SF Mono,Consolas,monospace}.get-started.svelte-1uha8ag .caption:where(.svelte-1uha8ag){margin:0;color:#999;font-size:.83rem;line-height:1.5}.get-started.svelte-1uha8ag code:where(.svelte-1uha8ag){background:#1a1a1e;padding:1px 6px;border-radius:4px;font-size:.78rem}.grid-2col.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;pointer-events:auto}@media(max-width:600px){.bg-code-wrapper.svelte-1uha8ag{position:relative;top:auto;right:auto;align-self:stretch;justify-content:flex-end;flex-wrap:wrap;z-index:2;margin:-18px 0 -10px}.hero-title.svelte-1uha8ag{flex-direction:column}.hero-title.svelte-1uha8ag .hero-fluid-word{height:clamp(44px,17vw,68px)}.grid-2col.svelte-1uha8ag{grid-template-columns:1fr}main.svelte-1uha8ag{padding:40px 16px;gap:32px}.tagline.svelte-1uha8ag{font-size:.9rem}.get-started.svelte-1uha8ag{padding:16px 18px}.bg-code-panel.svelte-1uha8ag{width:calc(100vw - 28px)}}.section-header.svelte-1uha8ag{text-align:left;margin-bottom:4px}.section-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0 0 6px;font-size:1.2rem;letter-spacing:-.01em}.section-header.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;color:#888;font-size:.85rem}.section-header.svelte-1uha8ag code:where(.svelte-1uha8ag){background:#1a1a1a;padding:1px 6px;border-radius:4px;font-size:.78rem}.subsection-header.svelte-1uha8ag{margin-top:18px}.subsection-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 6px;font-size:1.05rem;letter-spacing:-.01em}.presets.svelte-1uha8ag,.examples.svelte-1uha8ag{display:flex;flex-direction:column;gap:14px}.playground-section.svelte-1uha8ag{display:flex;flex-direction:column;gap:14px;pointer-events:auto}.playground.svelte-1uha8ag{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.playground-canvas.svelte-1uha8ag{position:relative;min-height:480px;background:#000;border:1px solid #222;border-radius:12px;overflow:hidden}@media(max-width:800px){.playground.svelte-1uha8ag{grid-template-columns:1fr}.playground-canvas.svelte-1uha8ag{min-height:320px}}@media(max-width:480px){.playground-canvas.svelte-1uha8ag{min-height:260px}}footer.svelte-1uha8ag{text-align:center;color:#888;font-size:.85rem;display:flex;flex-direction:column;gap:10px;padding-top:24px;border-top:1px solid #1c1c1f}.footer-links.svelte-1uha8ag{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.footer-links.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#cce6ff;text-decoration:none}.footer-links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#fff;text-decoration:underline}.footer-links.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#444}.credit.svelte-1uha8ag{margin:0;color:#666;font-size:.78rem}.credit.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#888}.playground-reveal-content.svelte-1uha8ag{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px}.playground-reveal-label.svelte-1uha8ag{font-size:1.6rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.playground-reveal-mosaic.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#1a1a2e}.playground-mosaic-tile.svelte-1uha8ag{aspect-ratio:1;border-radius:6px}.reveal-content.svelte-1uha8ag{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.reveal-label.svelte-1uha8ag{font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);z-index:1}.reveal-gradient.svelte-1uha8ag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.reveal-gradient-2.svelte-1uha8ag{background:linear-gradient(135deg,#f093fb,#f5576c,#4facfe);border-radius:12px}.reveal-mosaic.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;background:#1a1a2e;border-radius:12px}.mosaic-tile.svelte-1uha8ag{aspect-ratio:1;border-radius:6px}.reveal-stars.svelte-1uha8ag{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border-radius:12px}.reveal-mosaic-teal.svelte-1uha8ag{background:#0a2e2e}.reveal-mosaic-warm.svelte-1uha8ag{background:#2a0f1a}.star.svelte-1uha8ag{position:absolute;width:16px;height:16px;border-radius:50%}