.geometrize.svelte-1gphd06{width:100%;display:block;position:relative;overflow:hidden;container-type:size}.geometrize.svelte-1gphd06 svg{left:var(--geometrize-x,50%);top:var(--geometrize-y,50%);translate:var(--geometrize-tx,-50%) var(--geometrize-ty,-50%);width:100%;height:100%;display:block;position:absolute}.fit-cover.svelte-1gphd06 svg{width:max(100cqw, 100cqh * var(--geometrize-ratio));height:max(100cqh, 100cqw / var(--geometrize-ratio))}.fit-contain.svelte-1gphd06 svg{width:min(100cqw, 100cqh * var(--geometrize-ratio));height:min(100cqh, 100cqw / var(--geometrize-ratio))}.fit-none.svelte-1gphd06 svg{width:var(--geometrize-w);height:var(--geometrize-h)}.fit-scale-down.svelte-1gphd06 svg{width:min(100cqw, 100cqh * var(--geometrize-ratio), var(--geometrize-w));height:min(100cqh, 100cqw / var(--geometrize-ratio), var(--geometrize-h))}.loaded.svelte-1gphd06 svg{visibility:hidden;transition:visibility 0s .15s}.geometrize.svelte-1gphd06 svg>g>*{transform-box:fill-box;transform-origin:50%;animation:geometrize-shape-in var(--geometrize-shape-ms,.4s) ease-out both;animation-delay:calc(pow(var(--i) / var(--geometrize-last), 1.6) * var(--geometrize-last) * var(--geometrize-gap) * 1ms)}.reveal-pop.svelte-1gphd06 svg>g>*{animation-name:geometrize-shape-pop}.reveal-scatter.svelte-1gphd06 svg>g>*{--gdx:calc(cos(var(--i) * 137.508deg) * var(--geometrize-dist));--gdy:calc(sin(var(--i) * 137.508deg) * var(--geometrize-dist));animation-name:geometrize-shape-scatter}@keyframes geometrize-shape-in{0%{opacity:0}to{opacity:1}}@keyframes geometrize-window{0%{transform:scale(0)}to{transform:none}}@keyframes geometrize-shape-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes geometrize-shape-scatter{0%{opacity:0;transform:translate(var(--gdx,0), var(--gdy,0)) scale(.7)}to{opacity:1;transform:none}}picture.svelte-1gphd06{width:100%;height:100%;display:block;position:absolute;inset:0}.handoff.svelte-1gphd06 mask:where(.svelte-1gphd06){mask-type:alpha}.handoff.svelte-1gphd06 mask:where(.svelte-1gphd06) *{fill-opacity:1;stroke-opacity:1}.handoff.svelte-1gphd06 mask>g>*{--u:calc(1 - var(--i) / var(--geometrize-last));transform-box:fill-box;transform-origin:50%;animation:geometrize-window calc((.17 + .1 * var(--u)) * var(--geometrize-fade-ms,1.3s)) ease-out both paused;animation-delay:calc(var(--u) * (1 + .7 * var(--u)) * .43 * var(--geometrize-fade-ms,1.3s))}.handoff.svelte-1gphd06 .geometrize-gaps{animation:geometrize-shape-in calc(var(--geometrize-fade-ms,1.3s) * .27) ease-out both paused;animation-delay:calc(var(--geometrize-fade-ms,1.3s) * .73)}.handoff.running.svelte-1gphd06 mask>g>*,.handoff.running.svelte-1gphd06 .geometrize-gaps{animation-play-state:running}img.svelte-1gphd06{object-fit:var(--geometrize-object-fit,cover);object-position:var(--geometrize-object-position,center);opacity:0;width:100%;height:100%;position:absolute;inset:0}img.loaded.svelte-1gphd06{opacity:1;transition:opacity .15s linear}@media (scripting:none){img.svelte-1gphd06{opacity:1}}@media (prefers-reduced-motion:reduce){.geometrize.svelte-1gphd06 svg>g>*{animation:none}img.loaded.svelte-1gphd06{transition:none}}main.svelte-nnqfsq{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:24px 24px 80px}@media (width<=600px){main.svelte-nnqfsq{padding:16px 16px 48px}}.hero.svelte-nnqfsq{text-align:center;background-image:radial-gradient(ellipse 56% 60% at 50% 30%, var(--accent-dim), transparent);padding:40px 0 48px}.hero.svelte-nnqfsq h1:where(.svelte-nnqfsq){font:700 clamp(30px, 5vw, 40px)/1.12 var(--dt-sans);letter-spacing:-.02em;color:var(--text);margin:0 0 16px}.hero.svelte-nnqfsq .lead:where(.svelte-nnqfsq){font:400 15px/1.65 var(--dt-sans);color:var(--text-2);max-width:560px;margin:0 auto 28px}.hero.svelte-nnqfsq .lead:where(.svelte-nnqfsq) em:where(.svelte-nnqfsq){color:var(--text);font-style:italic}.install.svelte-nnqfsq{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:0;align-items:center;gap:10px;padding:10px 14px;transition:border-color .12s;display:inline-flex}.install.svelte-nnqfsq:hover{border-color:var(--accent)}.install.svelte-nnqfsq .prompt:where(.svelte-nnqfsq){color:var(--accent);font:500 13px/1 var(--dt-mono)}.install.svelte-nnqfsq code:where(.svelte-nnqfsq){font:400 13px/1 var(--dt-mono);color:var(--text)}.install.svelte-nnqfsq .copy:where(.svelte-nnqfsq){font:600 9.5px/1 var(--dt-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);border-left:1px solid var(--border);padding-left:10px}.hero-prod.svelte-nnqfsq{font:400 12.5px/1.5 var(--dt-sans);color:var(--text-3);margin:14px 0 0}.hero-prod.svelte-nnqfsq a:where(.svelte-nnqfsq){color:var(--accent);border-bottom:1px solid var(--accent-glow)}.hero-prod.svelte-nnqfsq a:where(.svelte-nnqfsq):hover{border-bottom-color:var(--accent)}@media (width<=600px){.hero.svelte-nnqfsq{padding:16px 0 28px}.hero.svelte-nnqfsq h1:where(.svelte-nnqfsq){font-size:28px}}.card.svelte-nnqfsq{background:var(--surface);border:1px solid var(--border);border-radius:0;margin-bottom:20px;padding:20px}.card-hd.svelte-nnqfsq{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:18px;padding-bottom:14px;display:flex}.card-hd.svelte-nnqfsq h2:where(.svelte-nnqfsq){font:600 16px/1.3 var(--dt-sans);color:var(--text);margin:0}.hd-meta.svelte-nnqfsq{font:400 11px/1.4 var(--dt-mono);color:var(--text-3)}.hd-meta.svelte-nnqfsq code:where(.svelte-nnqfsq){font:500 11px/1.3 var(--dt-mono);color:var(--text-2);background:var(--surface-2);white-space:nowrap;border-radius:0;padding:1px 5px}.playground.svelte-nnqfsq{grid-template-columns:1fr 320px;gap:24px;display:grid}@media (width<=760px){.playground.svelte-nnqfsq{grid-template-columns:1fr}}.preview.svelte-nnqfsq{flex-direction:column;gap:14px;display:flex}.frame.svelte-nnqfsq{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:0;position:relative;overflow:hidden}.fitting.svelte-nnqfsq{background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--border-strong);font:600 10px/1 var(--dt-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0;padding:4px 10px;position:absolute;top:10px;right:10px}.preview-actions.svelte-nnqfsq{justify-content:space-between;align-items:center;gap:12px;display:flex}.replay.svelte-nnqfsq{font:600 11px/1 var(--dt-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--dt-btn-text);background:var(--accent);cursor:pointer;border:none;border-radius:0;padding:9px 16px;transition:background .12s}.replay.svelte-nnqfsq:hover{background:var(--accent-2)}.dims.svelte-nnqfsq{font:500 12px/1 var(--dt-mono);color:var(--text-3)}.replay--sm.svelte-nnqfsq{margin-left:auto;padding:7px 12px;font-size:10px}.scrub.svelte-nnqfsq{flex-direction:column;gap:8px;display:flex}.scrub.svelte-nnqfsq input[type=range]:where(.svelte-nnqfsq){width:100%;accent-color:var(--accent)}.gallery.svelte-nnqfsq{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=600px){.gallery.svelte-nnqfsq{grid-template-columns:repeat(2,1fr)}}.gallery.svelte-nnqfsq .geometrize,.styles.svelte-nnqfsq .geometrize{border-radius:0}.credits.svelte-nnqfsq{font:400 11px/1.5 var(--dt-sans);color:var(--text-3);margin:12px 0 0}.credits.svelte-nnqfsq a:where(.svelte-nnqfsq){color:var(--text-2)}.credits.svelte-nnqfsq a:where(.svelte-nnqfsq):hover{color:var(--accent)}.styles.svelte-nnqfsq{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.styles.svelte-nnqfsq figure:where(.svelte-nnqfsq){flex-direction:column;gap:8px;margin:0;display:flex}.styles.svelte-nnqfsq figcaption:where(.svelte-nnqfsq){font:400 11px/1.3 var(--dt-mono);color:var(--text-3);justify-content:space-between;align-items:center;display:flex}.stats.svelte-nnqfsq{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0;display:grid}.stat.svelte-nnqfsq{background:var(--surface-2);border:1px solid var(--border);text-align:center;border-radius:0;flex-direction:column;gap:4px;padding:12px;display:flex}.stat--accent.svelte-nnqfsq{border-color:var(--accent-glow);background:var(--accent-dim)}.stat.svelte-nnqfsq dt:where(.svelte-nnqfsq){font:600 9.5px/1.2 var(--dt-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.stat.svelte-nnqfsq dd:where(.svelte-nnqfsq){font:700 18px/1.1 var(--dt-sans);color:var(--text);margin:0}.stat--accent.svelte-nnqfsq dd:where(.svelte-nnqfsq){color:var(--accent)}.stat-sub.svelte-nnqfsq{font:400 10px/1.2 var(--dt-mono);color:var(--text-3)}.controls.svelte-nnqfsq{flex-direction:column;gap:18px;display:flex}.control.svelte-nnqfsq{flex-direction:column;gap:8px;display:flex}.control-label.svelte-nnqfsq{font:600 10px/1.2 var(--dt-sans);text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.control-check.svelte-nnqfsq{text-transform:none;letter-spacing:0;color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.control-check.svelte-nnqfsq input:where(.svelte-nnqfsq){accent-color:var(--accent);width:14px;height:14px;margin:0}.control-label.svelte-nnqfsq code:where(.svelte-nnqfsq){font:500 11px/1 var(--dt-mono);color:var(--accent);background:var(--accent-dim);text-transform:none;letter-spacing:0;border-radius:0;margin-left:4px;padding:1px 6px}.control-hint.svelte-nnqfsq{font:400 11px/1.3 var(--dt-sans);color:var(--text-3)}.control.svelte-nnqfsq input[type=range]:where(.svelte-nnqfsq){width:100%;accent-color:var(--accent)}.seg.svelte-nnqfsq{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:0;width:max-content;display:inline-flex;overflow:hidden}.seg-btn.svelte-nnqfsq{color:var(--text-2);font:600 11px/1 var(--dt-sans);cursor:pointer;background:0 0;border:none;padding:8px 16px;transition:color .12s,background .12s}.seg-btn.svelte-nnqfsq:hover{color:var(--text)}.seg-btn--on.svelte-nnqfsq{background:var(--accent-dim);color:var(--accent)}.thumbs.svelte-nnqfsq{flex-wrap:wrap;gap:6px;display:flex}.thumb.svelte-nnqfsq{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;opacity:.75;border-radius:0;width:54px;height:36px;padding:0;transition:opacity .12s;overflow:hidden}.thumb.svelte-nnqfsq:hover{opacity:1}.thumb.svelte-nnqfsq img:where(.svelte-nnqfsq){object-fit:cover;width:100%;height:100%;display:block}.thumb--on.svelte-nnqfsq{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.thumb--upload.svelte-nnqfsq{width:auto;font:600 11px/1 var(--dt-sans);color:var(--text-2);padding:0 10px}.img-name.svelte-nnqfsq{font:500 11.5px/1.3 var(--dt-mono);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.img-hint.svelte-nnqfsq{font:400 11px/1.4 var(--dt-sans);color:var(--text-3)}.chips.svelte-nnqfsq{flex-wrap:wrap;gap:6px;display:flex}.chip.svelte-nnqfsq{border:1px solid var(--border-strong);color:var(--text-2);font:500 11px/1 var(--dt-sans);cursor:pointer;background:0 0;border-radius:0;padding:5px 10px;transition:color .12s,border-color .12s,background .12s}.chip.svelte-nnqfsq:hover{color:var(--text);border-color:var(--accent)}.chip--on.svelte-nnqfsq{background:var(--accent-dim);border-color:var(--accent-glow);color:var(--accent)}.steps.svelte-nnqfsq{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps.svelte-nnqfsq li:where(.svelte-nnqfsq){background:var(--surface-2);border:1px solid var(--border);border-radius:0;padding:16px}.num.svelte-nnqfsq{font:600 11px/1 var(--dt-mono);color:var(--accent)}.steps.svelte-nnqfsq h3:where(.svelte-nnqfsq){font:600 14px/1.3 var(--dt-sans);color:var(--text);margin:8px 0 6px}.steps.svelte-nnqfsq p:where(.svelte-nnqfsq){font:400 13px/1.55 var(--dt-sans);color:var(--text-2);margin:0}code.svelte-nnqfsq{font:500 12px/1 var(--dt-mono);color:var(--accent);background:var(--accent-dim);border-radius:0;padding:1px 5px}.snippet.svelte-nnqfsq{background:var(--surface-2);border:1px solid var(--border);font:400 12.5px/1.6 var(--dt-mono);color:var(--text);white-space:pre;border-radius:0;margin:0;padding:14px 16px;overflow-x:auto}.cta.svelte-nnqfsq{text-align:center;font:400 14px/1.5 var(--dt-sans);color:var(--text-2);padding:16px 0 0}.cta.svelte-nnqfsq a:where(.svelte-nnqfsq){color:var(--accent);border-bottom:1px solid var(--accent-glow);transition:border-color .12s}.cta.svelte-nnqfsq a:where(.svelte-nnqfsq):hover{border-bottom-color:var(--accent)}@media (width<=720px){.steps.svelte-nnqfsq{grid-template-columns:1fr}}