.svelte-fluid-distortion.svelte-15462am{position:relative;overflow:hidden;overflow:clip;contain:layout paint;isolation:isolate;width:100%;height:100%}.svelte-fluid-distortion__content.svelte-15462am{position:relative;z-index:0;width:100%;height:100%}.svelte-fluid-distortion__canvas.svelte-15462am{position:absolute;inset:0;z-index:1;pointer-events:auto}.svelte-fluid-stick.svelte-1hsj38v{width:100%;height:100%;position:relative}.card.svelte-6iaxjd{position:relative;margin:0;background:var(--card, #ebe3d2);border:1px solid var(--rule, rgba(26, 24, 20, .88));border-radius:8px;overflow:hidden}.card-fluid.svelte-6iaxjd{position:relative;width:100%;display:block;background:var(--card, #ebe3d2)}figcaption.svelte-6iaxjd{border-top:1px solid var(--rule, rgba(26, 24, 20, .88));font-size:13px}.caption-row.svelte-6iaxjd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px;padding:12px 16px 14px}.card-name.svelte-6iaxjd{color:var(--ink, #1a1814);font-weight:600;letter-spacing:-.005em;white-space:nowrap}.card-blurb.svelte-6iaxjd{color:var(--ink-soft, rgba(26, 24, 20, .62));font-size:12.5px;flex:1 1 12ch;min-width:0}.card-actions.svelte-6iaxjd{display:flex;gap:6px;flex-shrink:0;margin-left:auto}.card-btn.svelte-6iaxjd{padding:3px 10px;font-size:11px;font-weight:600;font-family:inherit;background:transparent;border:1px solid var(--ink-faint, rgba(26, 24, 20, .16));border-radius:999px;color:var(--ink-soft, rgba(26, 24, 20, .62));cursor:pointer;transition:color .15s,background .15s,border-color .15s}.card-btn.svelte-6iaxjd:hover,.card-btn.active.svelte-6iaxjd{background:var(--hover, rgba(26, 24, 20, .05));border-color:var(--rule, rgba(26, 24, 20, .88));color:var(--ink, #1a1814)}.snippet-wrap.svelte-6iaxjd{position:relative;border-top:1px solid var(--rule, rgba(26, 24, 20, .88))}.snippet-label.svelte-6iaxjd{display:block;padding:6px 14px 0;font-size:10.5px;letter-spacing:.02em;text-transform:uppercase;opacity:.55;color:var(--ink, #1a1814)}pre.svelte-6iaxjd{margin:0;padding:12px 14px;overflow-x:auto;font-family:var(--mono, ui-monospace, monospace);font-size:11.5px;line-height:1.55;color:var(--ink, #1a1814);background:var(--hover, rgba(26, 24, 20, .05))}.copy-btn.svelte-6iaxjd{position:absolute;top:8px;right:8px;padding:2px 9px;font-size:10.5px;font-weight:600;font-family:inherit;background:var(--card, #ebe3d2);border:1px solid var(--ink-faint, rgba(26, 24, 20, .16));border-radius:999px;color:var(--ink-soft, rgba(26, 24, 20, .62));cursor:pointer}.copy-btn.svelte-6iaxjd:hover{color:var(--ink, #1a1814);border-color:var(--rule, rgba(26, 24, 20, .88))}@media(max-width:600px){.card-fluid.svelte-6iaxjd{height:200px!important}.card-btn.svelte-6iaxjd{padding:6px 10px}}html,body{background:#f4ede0;color:#1a1814}body{margin:0;font-family:Geist,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}.page.svelte-1uha8ag{--paper: #f4ede0;--card: #ebe3d2;--ink: #1a1814;--ink-soft: rgba(26, 24, 20, .62);--ink-faint: rgba(26, 24, 20, .16);--rule: rgba(26, 24, 20, .88);--hover: rgba(26, 24, 20, .05);--accent: #8c2a1d;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;position:relative;min-height:100vh;padding:28px 24px 64px;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:56px;pointer-events:none}.page.svelte-1uha8ag>:where(.svelte-1uha8ag){pointer-events:auto}.nav.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:var(--card);border:1px solid var(--rule);border-radius:999px;max-width:max-content;align-self:center;gap:32px}.brand.svelte-1uha8ag{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;letter-spacing:-.01em}.brand-mark.svelte-1uha8ag{width:14px;height:14px;border-radius:3px;background:var(--ink)}.brand-name.svelte-1uha8ag{font-weight:600}.nav-links.svelte-1uha8ag{display:flex;gap:4px}.theme-switcher.svelte-1uha8ag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);cursor:pointer}.theme-dot.svelte-1uha8ag{width:10px;height:10px;border-radius:50%;border:1px solid var(--ink-faint);flex:none}.theme-switcher.svelte-1uha8ag select:where(.svelte-1uha8ag){appearance:none;-webkit-appearance:none;border:none;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding-right:14px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 5px top 55%,right 0px top 55%;background-size:5px 5px;background-repeat:no-repeat}.theme-switcher.svelte-1uha8ag select:where(.svelte-1uha8ag):focus{outline:none}.nav-links.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--ink-soft);text-decoration:none;font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;transition:color .15s,background .15s}.nav-links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:var(--ink);background:var(--hover, rgba(26, 24, 20, .05))}.hero.svelte-1uha8ag{padding:56px 32px 40px;text-align:center;max-width:880px;margin:0 auto}.display.svelte-1uha8ag{font-family:Geist,Inter,system-ui,sans-serif;font-size:clamp(40px,6.2vw,76px);font-weight:600;line-height:1.04;letter-spacing:-.035em;margin:0 0 24px;color:var(--ink)}.lede.svelte-1uha8ag{font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:var(--ink-soft);max-width:580px;margin:0 auto 32px;font-weight:400}.cta-row.svelte-1uha8ag{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn.svelte-1uha8ag{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;font-size:13.5px;font-weight:500;border-radius:999px;background:var(--card);border:1px solid var(--rule);color:var(--ink);text-decoration:none;letter-spacing:-.005em;transition:background .15s,color .15s,border-color .15s}.btn.svelte-1uha8ag:hover,.btn-primary.svelte-1uha8ag{background:var(--ink);color:var(--paper)}.btn-primary.svelte-1uha8ag:hover{background:var(--accent);border-color:var(--accent)}.install.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px 14px 20px;background:var(--card);border:1px solid var(--rule);border-radius:8px;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.install-cmd.svelte-1uha8ag{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.prompt.svelte-1uha8ag{color:var(--ink-soft);margin-right:8px;-webkit-user-select:none;user-select:none}.quickstart.svelte-1uha8ag{max-width:640px;margin:14px auto 0;width:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:12px 16px 14px}.quickstart-head.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.quickstart-title.svelte-1uha8ag{font-size:13px;font-weight:600;color:var(--ink-soft);letter-spacing:-.01em}.quickstart-code.svelte-1uha8ag{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.5;color:var(--ink);overflow-x:auto;white-space:pre}.quickstart-note.svelte-1uha8ag{margin:10px 0 0;font-size:12.5px;color:var(--ink-soft);line-height:1.5}.quickstart-note.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:var(--mono);font-size:12px}.section.svelte-1uha8ag{display:flex;flex-direction:column;gap:22px}.section-head.svelte-1uha8ag{display:flex;flex-direction:column;gap:4px;padding:0 4px}.section-head.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.025em;color:var(--ink);line-height:1.1}.section-head.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-size:14.5px;color:var(--ink-soft);max-width:580px;line-height:1.5}.card.svelte-1uha8ag{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:8px;overflow:hidden}.card-fluid.svelte-1uha8ag{position:relative;width:100%;display:block;background:var(--card)}.grid.svelte-1uha8ag{display:grid;gap:18px}.grid-3.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-content.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;height:100%;font-family:Geist,sans-serif;font-weight:600;font-size:1.4rem;color:var(--ink);background:var(--paper)}.copy-btn.svelte-1uha8ag{appearance:none;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.copy-btn.svelte-1uha8ag:hover{background:var(--ink);color:var(--paper)}.copy-btn.small.svelte-1uha8ag{font-size:10px;padding:4px 10px}.playground-section.svelte-1uha8ag{gap:18px}.mode-tabs.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:var(--card);border:1px solid var(--rule);border-radius:8px;max-width:max-content}.mode-tab.svelte-1uha8ag{appearance:none;border:0;background:transparent;color:var(--ink-soft);font-family:var(--mono);font-size:12px;font-weight:500;padding:8px 14px;border-radius:7px;cursor:pointer;transition:color .15s,background .15s}.mode-tab.svelte-1uha8ag:hover{color:var(--ink)}.mode-tab.active.svelte-1uha8ag{background:var(--ink);color:var(--paper)}.preset-chips.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:6px}.preset-chip.svelte-1uha8ag{appearance:none;border:1px solid var(--ink-faint);background:transparent;color:var(--ink-soft);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.preset-chip.svelte-1uha8ag:hover{background:var(--hover, rgba(26, 24, 20, .05));color:var(--ink);border-color:var(--rule)}.preset-chip.active.svelte-1uha8ag{background:var(--ink);border-color:var(--ink);color:var(--paper)}.preset-chip.reset.svelte-1uha8ag{border-color:var(--accent);color:var(--accent)}.preset-chip.reset.svelte-1uha8ag:hover{background:var(--accent);color:var(--paper)}.playground-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}.playground-stage.svelte-1uha8ag{display:flex;flex-direction:column}.playground-canvas.svelte-1uha8ag{height:520px}.panel.svelte-1uha8ag{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:18px 18px 20px;display:flex;flex-direction:column;gap:18px}.knob-group.svelte-1uha8ag{display:flex;flex-direction:column;gap:8px}.knob-group-title.svelte-1uha8ag{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:6px;border-bottom:1px solid var(--ink-faint)}.knob-row.svelte-1uha8ag{display:flex;align-items:center;gap:10px}.knob-label.svelte-1uha8ag{font-family:var(--mono);font-size:11px;color:var(--ink);min-width:130px;letter-spacing:.01em}.knob-row.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){flex:1;accent-color:var(--accent)}.knob-value.svelte-1uha8ag{font-family:var(--mono);font-size:11px;color:var(--ink-soft);min-width:38px;text-align:right}.toggle-row.svelte-1uha8ag{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-row.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){display:none}.toggle-pill.svelte-1uha8ag{width:32px;height:18px;border-radius:999px;background:transparent;border:1px solid var(--rule);position:relative;transition:background .2s;flex-shrink:0}.toggle-pill.svelte-1uha8ag:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:999px;background:var(--ink);transition:transform .2s,background .2s}.toggle-row.svelte-1uha8ag input:where(.svelte-1uha8ag):checked+.toggle-pill:where(.svelte-1uha8ag){background:var(--ink);border-color:var(--ink)}.toggle-row.svelte-1uha8ag input:where(.svelte-1uha8ag):checked+.toggle-pill:where(.svelte-1uha8ag):after{transform:translate(14px);background:var(--paper)}.select.svelte-1uha8ag{appearance:none;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:6px;font-family:var(--mono);font-size:11px;padding:4px 8px;cursor:pointer;flex:1}.text-input.svelte-1uha8ag{flex:1;appearance:none;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:6px;font-family:var(--mono);font-size:11.5px;padding:5px 8px}.color-row.svelte-1uha8ag{display:flex;align-items:center;gap:10px}.color-swatch.svelte-1uha8ag{width:28px;height:28px;border:1px solid var(--rule);border-radius:4px;flex-shrink:0}.color-text.svelte-1uha8ag{max-width:86px;text-transform:lowercase}.mono.svelte-1uha8ag{font-family:var(--mono)}.snippet-head.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:6px;border-bottom:1px solid var(--ink-faint)}.snippet-code.svelte-1uha8ag{background:var(--paper);border:1px solid var(--ink-faint);border-radius:8px;padding:12px 14px;margin:0;font-family:var(--mono);font-size:11px;color:var(--ink);overflow-x:auto;line-height:1.55;white-space:pre}.footer.svelte-1uha8ag{padding:22px 26px;background:var(--card);border:1px solid var(--rule);border-radius:8px}.footer-row.svelte-1uha8ag{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;font-family:var(--mono);font-size:11px;color:var(--ink-soft);letter-spacing:.04em}.footer-mid.svelte-1uha8ag{text-align:center}.footer-mid.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-faint);text-underline-offset:3px}.footer-row.svelte-1uha8ag>:where(.svelte-1uha8ag):last-child{text-align:right}@media(max-width:1000px){.playground-grid.svelte-1uha8ag{grid-template-columns:1fr}.playground-canvas.svelte-1uha8ag{height:380px}}@media(max-width:860px){.grid-3.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page.svelte-1uha8ag{padding:20px 14px 40px;gap:44px}.hero.svelte-1uha8ag{padding:36px 16px 24px}.nav.svelte-1uha8ag{gap:14px;padding:10px 16px;align-self:stretch;max-width:none;justify-content:space-between;border-radius:14px;flex-wrap:wrap}.nav-links.svelte-1uha8ag{gap:0;flex-wrap:wrap}.nav-links.svelte-1uha8ag a:where(.svelte-1uha8ag){padding:5px 8px;font-size:12px}.grid-3.svelte-1uha8ag,.grid-2.svelte-1uha8ag{grid-template-columns:1fr}.footer-row.svelte-1uha8ag{grid-template-columns:1fr;text-align:left}.footer-mid.svelte-1uha8ag,.footer-row.svelte-1uha8ag>:where(.svelte-1uha8ag):last-child{text-align:left}}