.copy-button.svelte-uhxkf0{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.copy-button.svelte-uhxkf0:hover{background:#17171412}.copy-button.svelte-uhxkf0:focus-visible{outline-offset:3px;outline:3px solid #315ee7}.usage-section.svelte-1tjt2t6{width:100%}.section-heading.svelte-1tjt2t6{text-align:center;max-width:660px;margin:0 auto 28px}.section-heading.svelte-1tjt2t6 p:where(.svelte-1tjt2t6){color:#909090;margin:0;font-size:.98rem;line-height:1.65}.usage-note.svelte-1tjt2t6{color:#888;margin:32px 0 0;font-size:.82rem;line-height:1.55}.usage-note.svelte-1tjt2t6 code:where(.svelte-1tjt2t6),.preset-heading.svelte-1tjt2t6 code:where(.svelte-1tjt2t6){color:#d6d6d6}.kicker.svelte-1tjt2t6{color:#858585;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;display:block}h2.svelte-1tjt2t6{color:#ededed;letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:550;line-height:1.05}.code-card.svelte-1tjt2t6{background:#101010;border:1px solid #292929;border-radius:14px;overflow:hidden;box-shadow:0 20px 70px #00000038}.code-card-header.svelte-1tjt2t6{color:#777;border-bottom:1px solid #292929;justify-content:space-between;align-items:center;height:48px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;display:flex}.showcase-copy{color:#888;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.showcase-copy:hover{color:#ededed;background:#202020}pre.svelte-1tjt2t6{color:#dedede;scrollbar-color:#3a3a3a transparent;margin:0;padding:24px 26px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto}pre.svelte-1tjt2t6 code:where(.svelte-1tjt2t6){color:inherit;font:inherit}.preset-guide.svelte-1tjt2t6{margin-top:42px}.preset-heading.svelte-1tjt2t6{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.preset-heading.svelte-1tjt2t6 .kicker:where(.svelte-1tjt2t6){margin-bottom:10px}h3.svelte-1tjt2t6,h4.svelte-1tjt2t6,.preset-heading.svelte-1tjt2t6 p:where(.svelte-1tjt2t6){margin:0}h3.svelte-1tjt2t6{color:#ededed;letter-spacing:-.035em;font-size:1.2rem;font-weight:550}.preset-heading.svelte-1tjt2t6 p:where(.svelte-1tjt2t6){color:#888;font-size:.82rem}.preset-grid.svelte-1tjt2t6{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preset-card.svelte-1tjt2t6{background:#101010;border:1px solid #292929;border-radius:12px;transition:border-color .15s,transform .15s;overflow:hidden}.preset-card.svelte-1tjt2t6:hover{border-color:#414141;transform:translateY(-2px)}.preset-card-header.svelte-1tjt2t6{border-bottom:1px solid #292929;justify-content:space-between;align-items:flex-start;gap:10px;min-height:82px;padding:16px 14px 13px;display:flex}h4.svelte-1tjt2t6{color:#ededed;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:600}.preset-card-header.svelte-1tjt2t6 p:where(.svelte-1tjt2t6){color:#777;max-width:24ch;margin-top:7px;font-size:.72rem;line-height:1.4}.preset-copy{flex:none;margin:-5px -6px 0 0}.preset-code.svelte-1tjt2t6{color:#dedede;padding:15px 14px 17px;font-size:.7rem;line-height:1.6;overflow-x:auto}.code-token-comment{color:#697386}.code-token-keyword{color:#c792ea}.code-token-string{color:#c3e88d}.code-token-tag,.code-token-component{color:#f07178}.code-token-attr,.code-token-function{color:#82aaff}@media (width<=560px){.preset-heading.svelte-1tjt2t6{flex-direction:column;align-items:flex-start;gap:8px}.preset-grid.svelte-1tjt2t6{grid-template-columns:1fr}pre.svelte-1tjt2t6{padding:20px 16px 24px;font-size:.72rem}}#usage-heading.svelte-1tjt2t6{font-size:21px}.studio.svelte-1ekk4q9{--studio-bg:#101010;--studio-bg-soft:#151515;--studio-bg-raised:#191919;--studio-border:#2b2b2b;--studio-border-strong:#414141;--studio-ink:#ededed;--studio-body:#a1a1a1;--studio-muted:#777;width:100%;color:var(--studio-ink)}.studio-panel.svelte-1ekk4q9{border:1px solid var(--studio-border);background:var(--studio-bg);border-radius:16px;overflow:hidden;box-shadow:0 20px 70px #00000042}.studio-main.svelte-1ekk4q9{grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);min-height:590px;display:grid}.stage-pane.svelte-1ekk4q9{border-right:1px solid var(--studio-border);background:radial-gradient(circle at 28% 22%, #50505021, transparent 32%), var(--studio-bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;padding:42px 30px 34px;display:flex;position:relative;overflow:hidden}.stage-glow.svelte-1ekk4q9{pointer-events:none;filter:blur(16px);background:radial-gradient(circle,#ffffff0d,#0000 66%);border-radius:50%;position:absolute;inset:18% 12%}.stage-heading.svelte-1ekk4q9{align-items:center;gap:8px;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;display:flex;position:relative}.kicker.svelte-1ekk4q9{color:var(--studio-muted);text-transform:uppercase;letter-spacing:.08em}.stage-name.svelte-1ekk4q9{color:var(--studio-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-library.svelte-1ekk4q9{color:var(--studio-muted)}.stage-button.svelte-1ekk4q9{width:238px;height:238px;color:var(--studio-ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:22px;place-items:center;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.stage-button.svelte-1ekk4q9:hover{border-color:var(--studio-border);background:#ffffff05}.stage-button.svelte-1ekk4q9:active{transform:scale(.98)}.stage-button.svelte-1ekk4q9:disabled{cursor:default;opacity:.45}.stage-button.svelte-1ekk4q9 svg:where(.svelte-1ekk4q9){width:176px;height:176px}.stage-readout.svelte-1ekk4q9{min-height:49px;color:var(--studio-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1.35;display:flex;position:relative}.readout-pair.svelte-1ekk4q9{color:var(--studio-body)}.scrubber-row.svelte-1ekk4q9{align-items:center;gap:12px;width:min(100%,260px);display:flex;position:relative}.scrubber.svelte-1ekk4q9{appearance:none;background:var(--studio-border);cursor:pointer;border-radius:999px;width:100%;height:4px}.scrubber.svelte-1ekk4q9:disabled{cursor:default;opacity:.38}.scrubber.svelte-1ekk4q9::-webkit-slider-thumb{appearance:none;border:2px solid var(--studio-bg);background:var(--studio-ink);width:14px;height:14px;box-shadow:0 0 0 1px var(--studio-border-strong);border-radius:50%}.scrubber.svelte-1ekk4q9::-moz-range-thumb{border:2px solid var(--studio-bg);background:var(--studio-ink);width:14px;height:14px;box-shadow:0 0 0 1px var(--studio-border-strong);border-radius:50%}.scrubber-value.svelte-1ekk4q9{color:var(--studio-muted);text-align:right;flex:0 0 40px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.67rem}.selected-set.svelte-1ekk4q9{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:100%;display:flex;position:relative}.selected-item.svelte-1ekk4q9{display:inline-flex;position:relative}.selected-icon.svelte-1ekk4q9,.play-toggle.svelte-1ekk4q9{border:1px solid var(--studio-border);width:36px;height:36px;color:var(--studio-body);cursor:pointer;background:0 0;border-radius:8px;place-items:center;transition:border-color .15s,background .15s,color .15s;display:grid}.selected-icon.svelte-1ekk4q9:hover,.selected-icon.current.svelte-1ekk4q9,.play-toggle.svelte-1ekk4q9:hover,.play-toggle[aria-pressed=true].svelte-1ekk4q9{border-color:var(--studio-border-strong);background:var(--studio-bg-raised);color:var(--studio-ink)}.selected-icon.current.svelte-1ekk4q9{box-shadow:inset 0 0 0 1px #ffffff29}.remove-icon.svelte-1ekk4q9{border:1px solid var(--studio-bg);background:var(--studio-ink);width:16px;height:16px;color:var(--studio-bg);cursor:pointer;opacity:0;border-radius:50%;place-items:center;font-size:.68rem;line-height:1;transition:opacity .15s;display:grid;position:absolute;top:-7px;right:-7px}.selected-item.svelte-1ekk4q9:hover .remove-icon:where(.svelte-1ekk4q9),.selected-item.svelte-1ekk4q9:focus-within .remove-icon:where(.svelte-1ekk4q9){opacity:1}.set-divider.svelte-1ekk4q9{background:var(--studio-border);width:1px;height:24px;margin-inline:3px}.play-toggle.svelte-1ekk4q9:disabled{cursor:default;opacity:.4}.picker-pane.svelte-1ekk4q9{flex-direction:column;gap:19px;min-width:0;padding:32px 32px 28px;display:flex}.picker-toolbar.svelte-1ekk4q9{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.library-tabs.svelte-1ekk4q9,.segment-options.svelte-1ekk4q9{border:1px solid var(--studio-border);background:var(--studio-bg);border-radius:9px;display:flex;overflow:hidden}.library-tabs.svelte-1ekk4q9 button:where(.svelte-1ekk4q9),.segment-options.svelte-1ekk4q9 button:where(.svelte-1ekk4q9){border:0;border-right:1px solid var(--studio-border);min-height:38px;color:var(--studio-body);cursor:pointer;background:0 0;padding:0 16px;font-size:.87rem;transition:background .15s,color .15s}.library-tabs.svelte-1ekk4q9 button:where(.svelte-1ekk4q9):last-child,.segment-options.svelte-1ekk4q9 button:where(.svelte-1ekk4q9):last-child{border-right:0}.library-tabs.svelte-1ekk4q9 button:where(.svelte-1ekk4q9):hover,.segment-options.svelte-1ekk4q9 button:where(.svelte-1ekk4q9):hover{color:var(--studio-ink)}.library-tabs.svelte-1ekk4q9 button.active:where(.svelte-1ekk4q9),.segment-options.svelte-1ekk4q9 button.active:where(.svelte-1ekk4q9){color:#101010;background:#ededed}.search-field.svelte-1ekk4q9{border:1px solid var(--studio-border);min-width:180px;height:38px;color:var(--studio-muted);border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field.svelte-1ekk4q9 input:where(.svelte-1ekk4q9){width:100%;min-width:0;color:var(--studio-ink);background:0 0;border:0;outline:0;font-size:.95rem}.search-field.svelte-1ekk4q9 input:where(.svelte-1ekk4q9)::placeholder{color:var(--studio-muted)}.search-field.svelte-1ekk4q9:focus-within{border-color:var(--studio-border-strong)}.icon-grid.svelte-1ekk4q9{scrollbar-color:var(--studio-border-strong) transparent;scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));align-content:start;gap:6px;max-height:392px;padding:2px 3px 4px 0;display:grid;overflow-y:auto}.icon-grid.svelte-1ekk4q9 button:where(.svelte-1ekk4q9){aspect-ratio:1;color:var(--studio-body);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;transition:border-color .15s,background .15s,color .15s;display:grid}.icon-grid.svelte-1ekk4q9 button:where(.svelte-1ekk4q9):hover,.icon-grid.svelte-1ekk4q9 button.added:where(.svelte-1ekk4q9),.icon-grid.svelte-1ekk4q9 button.current:where(.svelte-1ekk4q9){border-color:var(--studio-border);background:var(--studio-bg-raised);color:var(--studio-ink)}.icon-grid.svelte-1ekk4q9 button.current:where(.svelte-1ekk4q9){border-color:var(--studio-border-strong);box-shadow:inset 0 0 0 1px #ffffff1c}.empty-search.svelte-1ekk4q9{min-height:300px;color:var(--studio-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.empty-search.svelte-1ekk4q9 p:where(.svelte-1ekk4q9){margin:0;font-size:.9rem}.empty-search.svelte-1ekk4q9 button:where(.svelte-1ekk4q9){color:var(--studio-ink);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:.84rem;text-decoration:underline}.picker-note.svelte-1ekk4q9{max-width:58ch;color:var(--studio-muted);margin:auto 0 0;font-size:.86rem;line-height:1.55}.studio-controls.svelte-1ekk4q9{border-top:1px solid var(--studio-border);background:var(--studio-bg-soft);flex-wrap:wrap;align-items:center;gap:26px;padding:18px 30px;display:flex}.segmented-control.svelte-1ekk4q9{align-items:center;gap:11px;display:flex}.control-label.svelte-1ekk4q9{color:var(--studio-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem}.segment-options.svelte-1ekk4q9 button:where(.svelte-1ekk4q9){min-height:34px;padding-inline:14px;font-size:.82rem}.sr-only.svelte-1ekk4q9{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.studio-main.svelte-1ekk4q9{grid-template-columns:1fr}.stage-pane.svelte-1ekk4q9{border-right:0;border-bottom:1px solid var(--studio-border);min-height:530px}.picker-pane.svelte-1ekk4q9{min-height:450px}}@media (width<=560px){.stage-pane.svelte-1ekk4q9{min-height:490px;padding:30px 16px 24px}.stage-button.svelte-1ekk4q9{width:200px;height:200px}.stage-button.svelte-1ekk4q9 svg:where(.svelte-1ekk4q9){width:148px;height:148px}.picker-pane.svelte-1ekk4q9{min-height:430px;padding:22px 16px 24px}.library-tabs.svelte-1ekk4q9{width:100%}.library-tabs.svelte-1ekk4q9 button:where(.svelte-1ekk4q9){flex:1;padding-inline:5px;font-size:.76rem}.search-field.svelte-1ekk4q9{width:100%}.studio-controls.svelte-1ekk4q9{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.segmented-control.svelte-1ekk4q9{justify-content:space-between;width:100%}.segment-options.svelte-1ekk4q9 button:where(.svelte-1ekk4q9){padding-inline:10px}}.row.svelte-1chb6er{justify-content:center;align-items:center;min-height:48px;padding:14px 16px;display:flex;position:relative}.usage-section.svelte-1chb6er{width:100%;max-width:480px;margin:0 auto}.code-card.svelte-1chb6er{background:#101010;border:1px solid #292929;border-radius:8px;overflow:hidden;box-shadow:0 20px 70px #00000038}.snip-copy{color:#888;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.snip-copy:hover{color:#ededed;background:#202020}pre.svelte-1chb6er{color:#dedede;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto}pre.svelte-1chb6er code:where(.svelte-1chb6er){color:inherit;font:inherit}.code-token-attr,.code-token-function{color:#82aaff}.code-token-variable,.code-token-number{color:#f78c6c}.code-token-property{color:#e6d37a}.code-token-operator,.code-token-punctuation{color:#89ddff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#ededed;background:#0a0a0a;min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.site-shell.svelte-1uha8ag{background:radial-gradient(circle at 50% -12rem,#2f2f2f3d,#0000 34rem),#0a0a0a;min-height:100vh;overflow:hidden}.site-header.svelte-1uha8ag,.hero.svelte-1uha8ag,.section-wrap.svelte-1uha8ag,.site-footer.svelte-1uha8ag{width:min(1200px,100% - 48px);margin-inline:auto}.site-header.svelte-1uha8ag{border-bottom:1px solid #252525;justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand.svelte-1uha8ag{color:#ededed;letter-spacing:-.02em;align-items:center;gap:9px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark.svelte-1uha8ag{color:#fff;place-items:center;width:22px;height:22px;font-size:1.25rem;line-height:1;display:grid}nav.svelte-1uha8ag{gap:24px;display:flex}nav.svelte-1uha8ag a:where(.svelte-1uha8ag),.site-footer.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#8d8d8d;font-size:.82rem;text-decoration:none;transition:color .15s}nav.svelte-1uha8ag a:where(.svelte-1uha8ag):hover,nav.svelte-1uha8ag a:where(.svelte-1uha8ag):focus-visible,.site-footer.svelte-1uha8ag a:where(.svelte-1uha8ag):hover,.site-footer.svelte-1uha8ag a:where(.svelte-1uha8ag):focus-visible{color:#ededed}.hero.svelte-1uha8ag{text-align:center;padding:112px 0 92px}.eyebrow.svelte-1uha8ag{color:#858585;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem}h1.svelte-1uha8ag,h2.svelte-1uha8ag,p.svelte-1uha8ag{margin-top:0}h1.svelte-1uha8ag{margin-bottom:22px;color:#f3f3f3;letter-spacing:-.065em;max-width:760px;margin-inline:auto;font-size:clamp(3rem,7vw,5.9rem);font-weight:600;line-height:.98}h2.svelte-1uha8ag{color:#ededed;letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:550;line-height:1.05}.hero-copy.svelte-1uha8ag{color:#999;max-width:590px;margin:0 auto;font-size:1.05rem;line-height:1.7}.section-wrap.svelte-1uha8ag{scroll-margin-top:32px}.section-intro.svelte-1uha8ag{text-align:center;max-width:670px;margin:0 auto 30px}.section-intro.compact.svelte-1uha8ag{max-width:660px;margin-bottom:28px}.section-intro.svelte-1uha8ag p:where(.svelte-1uha8ag):not(.eyebrow){color:#909090;margin-bottom:0;font-size:.98rem;line-height:1.65}.usage-wrap.svelte-1uha8ag{padding-top:108px}.compatibility.svelte-1uha8ag{background:#080808;border-top:1px solid #252525;margin-top:108px}.compatibility-inner.svelte-1uha8ag{width:min(1200px,100% - 48px);margin-inline:auto;padding:86px 0 92px}.compatibility-list.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;gap:10px;margin:34px 0 22px;padding:0;list-style:none;display:flex}.compatibility-list.svelte-1uha8ag li:where(.svelte-1uha8ag){color:#a6a6a6;border:1px solid #2c2c2c;border-radius:999px;align-items:center;min-height:38px;padding:0 17px;font-size:.87rem;display:inline-flex}.compatibility-note.svelte-1uha8ag{color:#e2e2e2;text-align:center;margin:0;font-size:.86rem}code.svelte-1uha8ag{color:#d6d6d6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}.site-footer.svelte-1uha8ag{color:#6e6e6e;border-top:1px solid #252525;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px 0 44px;font-size:.75rem;display:flex}.site-footer.svelte-1uha8ag span:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){color:inherit;font-size:inherit}.site-footer.svelte-1uha8ag span:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):hover{color:#ededed}:focus-visible{outline-offset:3px;outline:2px solid #e8e8e8}@media (width<=700px){.site-header.svelte-1uha8ag,.hero.svelte-1uha8ag,.section-wrap.svelte-1uha8ag,.site-footer.svelte-1uha8ag,.compatibility-inner.svelte-1uha8ag{width:min(100% - 32px,1200px)}.site-header.svelte-1uha8ag{min-height:62px}nav.svelte-1uha8ag{gap:14px}nav.svelte-1uha8ag a:where(.svelte-1uha8ag):last-child{display:none}.hero.svelte-1uha8ag{padding:82px 0 72px}.usage-wrap.svelte-1uha8ag,.compatibility.svelte-1uha8ag{margin-top:78px;padding-top:0}.compatibility-inner.svelte-1uha8ag{padding:64px 0 70px}}#usage-heading.svelte-1uha8ag{font-size:21px}