@charset "UTF-8";.aside-stack[data-v-5302d2a5]{display:flex;justify-content:flex-end;border-right:2px solid var(--color-text-base);padding:1rem 1rem 1rem 0}.aside-stack__menu[data-v-5302d2a5]{display:flex;flex-direction:column;align-items:flex-end;gap:.25em;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:1.4;text-align:right}.aside-stack__menu a[data-v-5302d2a5-s]{color:var(--color-text-base);text-decoration:none}.aside-stack__menu a[data-v-5302d2a5-s]:hover{text-decoration:underline}.aside-stack__menu span[data-v-5302d2a5-s],.aside-stack__menu div[data-v-5302d2a5-s]{color:var(--color-text-base)}.footer-grid[data-v-3bce76cf]{display:grid;grid-template-columns:1fr;gap:0}.footer-grid__main[data-v-3bce76cf]{display:flex;flex-direction:column}.footer-grid__side[data-v-3bce76cf]{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;border-top:2px solid var(--color-text-base);font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:1.4;min-width:10rem}@media (min-width: 40rem){.footer-grid__side[data-v-3bce76cf]{border-right:2px solid var(--color-text-base)}}.footer-grid__side p[data-v-3bce76cf-s]{margin:0}[data-v-831f911f]::view-transition-old(root),[data-v-831f911f]::view-transition-new(root){animation:none;mix-blend-mode:normal}[data-v-831f911f]::view-transition-old(root),.dark[data-v-831f911f]::view-transition-new(root){z-index:1}[data-v-831f911f]::view-transition-new(root),.dark[data-v-831f911f]::view-transition-old(root){z-index:9999}.articles-index[data-v-82575d0c]{margin-top:2rem}.articles-grid[data-v-82575d0c]{display:grid;gap:2rem}@media (min-width: 48rem){.articles-grid[data-v-82575d0c]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.case-studies-index[data-v-4e7ece3e]{margin-top:2rem}.case-studies-grid[data-v-4e7ece3e]{display:grid;gap:2.5rem}@media (min-width: 48rem){.case-studies-grid[data-v-4e7ece3e]{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}.case-study-card[data-v-4e7ece3e]{border:1px solid var(--color-border);border-radius:12px;background:var(--color-background-soft);transition:all .25s ease;overflow:hidden}.case-study-card[data-v-4e7ece3e]:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.case-study-image[data-v-4e7ece3e]{width:100%;height:240px;overflow:hidden}@media (min-width: 64rem){.case-study-image[data-v-4e7ece3e]{height:280px}}.case-study-image img[data-v-4e7ece3e]{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.case-study-card:hover .case-study-image img[data-v-4e7ece3e]{transform:scale(1.02)}.case-study-content[data-v-4e7ece3e]{padding:1.5rem}.case-study-card h3[data-v-4e7ece3e]{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.4}.case-study-card h3 a[data-v-4e7ece3e]{color:var(--color-text-base);text-decoration:none}.case-study-card h3 a[data-v-4e7ece3e]:hover{color:var(--color-accent)}.case-study-meta[data-v-4e7ece3e]{margin-bottom:1rem}.case-study-date[data-v-4e7ece3e]{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.case-study-desc[data-v-4e7ece3e]{color:var(--color-text-muted);margin:0 0 1.25rem;line-height:1.6;font-size:1rem}.case-study-tags[data-v-4e7ece3e]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-v-4e7ece3e]{background:var(--color-gray-soft);color:var(--color-text-muted);padding:.25rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid var(--color-border)}.demos-index[data-v-70e1f270]{margin-top:2rem}.demos-grid[data-v-70e1f270]{display:grid;gap:2rem}@media (min-width: 48rem){.demos-grid[data-v-70e1f270]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.tag-page[data-v-b66d55c3]{margin-top:2rem}.back-link-container[data-v-b66d55c3]{margin-bottom:var(--space-lg)}.back-link[data-v-b66d55c3]{color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.back-link[data-v-b66d55c3]:hover,.back-link[data-v-b66d55c3]:focus{color:var(--color-accent)}.tag-section[data-v-b66d55c3]{margin-bottom:3rem}.tag-section h2[data-v-b66d55c3]{margin-bottom:1.5rem}.content-grid[data-v-b66d55c3]{display:grid;gap:2rem}@media (min-width: 48rem){.content-grid[data-v-b66d55c3]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.empty-state[data-v-b66d55c3]{color:var(--color-text-muted);font-style:italic}.tags-index[data-v-5a4c9763]{margin-top:2rem}.tags-grid[data-v-5a4c9763]{display:flex;flex-wrap:wrap;gap:.75rem}.tag-card[data-v-5a4c9763]{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:var(--color-surface);display:flex;align-items:center;gap:.5rem;background:transparent;border:1.5px solid var(--color-text-base);text-decoration:none;transition:all .2s ease}.tag-card[data-v-5a4c9763]:hover{background:var(--color-text-base)}.tag-card[data-v-5a4c9763]:hover{color:var(--color-background)}.tag-name[data-v-5a4c9763]{font-weight:600;text-transform:lowercase;letter-spacing:.02em;transition:color .2s ease;padding:.5em 1em}.tag-count[data-v-5a4c9763]{font-family:var(--font-mono);transition:color .2s ease;color:var(--color-background);background-color:var(--color-text-base);display:block;padding:.5em 1em}.badge-pill[data-v-0033deab]{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:.5em;text-align:center}.badge-pill--filled[data-v-0033deab]{background:var(--color-text-base);color:var(--color-text-inverted)}.badge-pill--outlined[data-v-0033deab]{background:transparent;color:var(--color-text-base);border:2px solid currentColor}.badge-pill--sm[data-v-0033deab]{padding:.35em .75em;font-size:var(--font-size-xs)}.badge-pill--md[data-v-0033deab]{padding:.5em 1em;font-size:var(--font-size-sm)}.badge-pill--lg[data-v-0033deab]{padding:.65em 1.25em;font-size:var(--font-size-base)}.bordered-box[data-v-539e7dde]{display:inline-flex;flex-direction:column;border:3px solid var(--color-text-base);font-family:var(--font-family-body)}.bordered-box__title[data-v-539e7dde]{padding:.4em .75em;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:3px solid var(--color-text-base);text-align:center}.bordered-box__title--inverted[data-v-539e7dde]{background:var(--color-text-base);color:var(--color-text-inverted);font-weight:var(--font-weight-bold);border-bottom:none}.bordered-box__content[data-v-539e7dde]{padding:.75em;display:flex;align-items:center;gap:.75em}.bordered-box--default[data-v-539e7dde],.bordered-box--stamp[data-v-539e7dde]{border-radius:0}.bordered-box--stamp .bordered-box__content[data-v-539e7dde]{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.02em;line-height:1.4}.bordered-box--vertical[data-v-539e7dde]{border-width:4px}.bordered-box--vertical .bordered-box__content[data-v-539e7dde]{writing-mode:vertical-rl;text-orientation:mixed;padding:1em .5em;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;line-height:1.6}:root{--card-padding-top: var(--space-lg);--card-padding-right: var(--space-lg);--card-padding-bottom: var(--space-lg);--card-padding-left: var(--space-lg);--card-radius: var(--space-sm)}.card[data-v-0b042c7f]{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:var(--color-surface);padding-top:var(--card-padding-top);padding-right:var(--card-padding-right);padding-bottom:var(--card-padding-bottom);padding-left:var(--card-padding-left);border-radius:var(--card-radius)}.card--flat[data-v-0b042c7f]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}.card--bordered[data-v-0b042c7f]{border:1px solid var(--color-gray-3)}.card--solid[data-v-0b042c7f]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color-surface-solid)}.card--elevated[data-v-0b042c7f]{box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d}.card--filled[data-v-0b042c7f]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color-background)}.stat-block[data-v-661029a6]{display:flex;flex-direction:column;gap:var(--space-xs);text-align:center}.stat-block__value[data-v-661029a6]{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-heading);line-height:1}.stat-block__label[data-v-661029a6]{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.stat-block--default .stat-block__value[data-v-661029a6]{font-size:var(--font-size-3xl)}@media (min-width: 48rem){.stat-block--default .stat-block__value[data-v-661029a6]{font-size:var(--font-size-4xl)}}.stat-block--default .stat-block__label[data-v-661029a6]{font-size:var(--font-size-base)}.stat-block--large .stat-block__value[data-v-661029a6]{font-size:var(--font-size-4xl)}@media (min-width: 48rem){.stat-block--large .stat-block__value[data-v-661029a6]{font-size:var(--font-size-6xl)}}.stat-block--large .stat-block__label[data-v-661029a6]{font-size:var(--font-size-lg)}.stat-block--compact .stat-block__value[data-v-661029a6]{font-size:var(--font-size-2xl)}.stat-block--compact .stat-block__label[data-v-661029a6]{font-size:var(--font-size-sm)}.tag-list[data-v-140c4c9d]{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.375rem}@media (min-width: 30rem){.tag-list[data-v-140c4c9d]{gap:.5rem}}.tag-item[data-v-140c4c9d]{display:inline-flex;align-items:center;padding:.2rem .6rem;border:1px solid var(--color-text-base);font-weight:500;color:var(--color-text-base);white-space:nowrap;text-transform:lowercase;font-size:var(--font-size-xs);letter-spacing:.02em;text-decoration:none;transition:all .2s ease}@media (min-width: 30rem){.tag-item[data-v-140c4c9d]{font-size:var(--font-size-sm);padding:.25rem .75rem}}.tag-item[data-v-140c4c9d]:hover{background:var(--color-text-base);color:var(--color-background)}:root{--content-width-prose: 78ch;--content-width-narrow: 48rem;--content-width-default: 72rem;--content-width-wide: 90rem;--breakpoint-sm: 30rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--font-size-2xs: clamp(.75em, .25em + .25vw, .8em);--font-size-xs: clamp(.75em, .7em + .25vw, .875em);--font-size-sm: clamp(.875em, .85em + .125vw, 1em);--font-size-base: 1em;--font-size-lg: clamp(1.125em, 1.05em + .375vw, 1.25em);--font-size-xl: clamp(1.25em, 1.15em + .5vw, 1.5em);--font-size-2xl: clamp(1.5em, 1.3em + 1vw, 2em);--font-size-3xl: clamp(1.75em, 1.4em + 1.75vw, 2.5em);--font-size-4xl: clamp(2em, 1.5em + 2.5vw, 3em);--font-size-5xl: clamp(2.5em, 1.75em + 3.75vw, 4em);--font-size-6xl: clamp(3em, 2em + 5vw, 5em);--font-size-7xl: clamp(3.5em, 2.25em + 6.25vw, 6em);--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--space-5xl: 6rem;--space-6xl: 8rem;--font-victor-mono: "Victor Mono", ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-lilita-one: "Lilita One", "Impact", system-ui, sans-serif;--font-brawler: "Brawler", Georgia, "Times New Roman", Times, serif;--font-nunito: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: var(--font-nunito);--font-family-heading: var(--font-lilita-one);--font-mono: var(--font-victor-mono);--font-serif: var(--font-brawler);--font-sans: var(--font-nunito);--font-display: var(--font-lilita-one)}:root{--color-dark: oklch(22% .01 70);--color-taupe: oklch(72% .03 80);--color-olive: oklch(62% .05 100);--color-brown: oklch(52% .05 50);--color-terracotta: oklch(50% .14 40);--color-accent: var(--color-terracotta);--color-accent-dark: oklch(55% .16 35);--color-accent-light: oklch(75% .12 35);--color-accent-soft: oklch(65% .14 35 / .14);--color-heading: oklch(87% .18 100);--color-heading-dark: oklch(75% .18 100);--color-heading-light: oklch(93% .15 100);--color-heading-soft: oklch(87% .18 100 / .14);--color-gray-1: oklch(89% .02 85);--color-gray-2: oklch(94% .01 85);--color-gray-3: oklch(75% .02 85);--color-gray-4: oklch(60% .02 85);--color-gray-soft: oklch(60% .02 85 / .14);--color-text-base: oklch(14% .01 70);--color-text-muted: oklch(20% .01 70);--color-text-subtle: oklch(55% .02 70);--color-text-inverted: var(--color-gray-1);--color-text-heading: oklch(10% .01 70);--color-background: var(--color-gray-1);--color-background-soft: var(--color-gray-soft);--color-background-mute: oklch(89% .02 85 / .5);--color-surface-solid: oklch( 83% .02 85 );--color-border: var(--color-gray-3);--color-border-light: oklch(80% .02 85)}.dark{--color-gray-1: oklch(42% .02 230);--color-gray-2: oklch(34% .02 230);--color-gray-3: oklch(27% .02 270);--color-gray-soft: oklch(.2874 .0034 228.91);--color-text-base: oklch(95% .01 85);--color-text-inverted: var(--color-gray-3);--color-text-muted: oklch(96% .01 85);--color-text-subtle: oklch(65% .02 230);--color-text-heading: oklch(96% .02 70);--color-background: var(--color-gray-soft);--color-background-mute: oklch(.2874 .0034 228.91 / .6);--color-surface-solid: oklch( 35% .02 230 );--color-border: oklch(50% .02 230);--color-border-light: oklch(45% .02 230)}@font-face{font-family:Victor Mono;src:url(/assets/VictorMono-VariableFont_wght.LvjO0EI6.ttf) format("truetype-variations");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:Victor Mono;src:url(/assets/VictorMono-Italic-VariableFont_wght.DybBrjq7.ttf) format("truetype-variations");font-weight:100 700;font-style:italic;font-display:swap}@font-face{font-family:Lilita One;src:url(/assets/LilitaOne-Regular.C6gfzYkI.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Brawler;src:url(/assets/Brawler-Regular.XkhpF7pc.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Brawler;src:url(/assets/Brawler-Bold.DDYi_LFq.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-VariableFont_wght.CfknUHFh.ttf) format("truetype-variations");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Italic-VariableFont_wght.CShpb_iS.ttf) format("truetype-variations");font-weight:200 1000;font-style:italic;font-display:swap}html{font-size:100%;line-height:var(--line-height-normal);scroll-behavior:smooth}body{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-base);background-color:var(--color-background)}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6,h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-heading);margin-top:0}.vp-doc h1,h1{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);line-height:var(--line-height-none)}.vp-doc h2,h2{font-family:var(--font-family-body);font-size:var(--font-size-4xl);margin-bottom:var(--space-lg)}.vp-doc h3,h3,.vp-doc h4,h4{font-family:var(--font-family-body);font-size:var(--font-size-2xl);margin-bottom:var(--space-lg)}.vp-doc h5,h5{font-family:var(--font-family-body);font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.vp-doc h6,h6{font-family:var(--font-family-body);font-size:var(--font-size-lg);margin-bottom:var(--space-md)}@media (min-width: 48rem){.vp-doc h1,h1{margin-bottom:var(--space-2xl)}.vp-doc h2,h2{margin-bottom:var(--space-xl)}}.vp-doc p,p{margin-top:0;margin-bottom:var(--space-xl);line-height:var(--line-height-relaxed);color:var(--color-text-base);text-wrap:balance;text-wrap:pretty}.vp-doc .display,.display{font-size:1.5em}.vp-doc .lead,.lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin-bottom:var(--space-2xl)}.vp-doc ul,.vp-doc ol,ul,ol{margin-top:0;margin-bottom:var(--space-xl);padding-left:var(--space-xl)}.vp-doc li,li{margin-bottom:var(--space-sm);line-height:var(--line-height-relaxed)}.vp-doc li:last-child,li:last-child{margin-bottom:0}.vp-doc blockquote,blockquote{margin:var(--space-2xl) 0;padding-left:var(--space-xl);border-left:4px solid var(--vp-c-divider);font-style:italic;color:var(--vp-c-text-2)}.vp-doc blockquote p,blockquote p{margin-bottom:var(--space-lg)}.vp-doc blockquote p:last-child,blockquote p:last-child{margin-bottom:0}.vp-doc a,a{color:inherit;text-decoration:underline;text-decoration-color:currentColor;transition:color .25s ease}.vp-doc a:hover,a:hover{color:var(--color-accent)}.vp-doc a:focus,a:focus{color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.vp-doc code,code{font-family:var(--font-mono);font-size:.875em;background-color:var(--vp-c-mute);padding:.125em .25em;border-radius:.25rem}.vp-doc pre,pre{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:var(--space-xl) 0;padding:var(--space-lg);border-radius:.5rem;overflow-x:auto}.vp-doc small,.vp-doc .text-sm,small,.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.vp-doc .text-lg,.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.vp-doc pre{margin:0}button{color:inherit}.btn{padding:var(--space-xs) var(--space-md);border:none;border-radius:4px;background:var(--color-accent);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-gray-3)}.btn-outline{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.btn-outline:hover{background:var(--color-accent);color:#fff}.btn-small{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-xs)}.btn-large{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.dark .shiki span{color:var(--shiki-dark, inherit)}html:not(.dark) .shiki span{color:var(--shiki-light, inherit)}.shiki{background-color:var(--shiki-light-bg)}.dark .shiki{background-color:var(--shiki-dark-bg)}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--color-surface-solid);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--color-border)}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--color-text-base)}.vp-code-group input:checked+label{color:var(--color-accent)}.vp-code-group input:checked+label:after{background-color:var(--color-accent)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}div[class*=language-],.vp-block{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:var(--color-surface);position:relative;margin:var(--space-xl) -1.5rem;background-color:#0003;overflow-x:auto;transition:background-color .5s}@media (min-width: 40rem){div[class*=language-],.vp-block{border-radius:8px;margin:var(--space-xl) 0}}div[class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--color-border);border-radius:4px;width:40px;height:40px;background-color:var(--color-surface-solid);opacity:0;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}div[class*=language-]:hover>button.copy,div[class*=language-]>button.copy:focus{opacity:1}div[class*=language-]>button.copy:hover,div[class*=language-]>button.copy.copied{border-color:var(--color-accent);background-color:var(--color-accent-soft)}div[class*=language-]>button.copy.copied,div[class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E")}div[class*=language-]>button.copy.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--color-accent);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent);background-color:var(--color-accent-soft);white-space:nowrap;content:"Copied"}div[class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--color-text-subtle);transition:color .4s,opacity .4s}div[class*=language-]:hover>button.copy+span.lang,div[class*=language-]>button.copy:focus+span.lang{opacity:0}.text-vertical{writing-mode:vertical-rl;text-orientation:mixed}.component-section[data-v-4994d934]{margin-bottom:4rem}.component-demo[data-v-4994d934]{padding:2rem;border-radius:.5rem;margin-bottom:1rem}.component-grid[data-v-4994d934]{display:grid;gap:2rem;margin:2rem 0}.demo-row[data-v-4994d934]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.demo-column[data-v-4994d934]{display:flex;flex-direction:column;gap:1rem}.stats-grid[data-v-4994d934]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.features-grid[data-v-4994d934]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.social-links-centered[data-v-4994d934]{justify-content:center}@media (max-width: 600px){.stats-grid[data-v-4994d934]{grid-template-columns:1fr}}.card-large-padding[data-v-4994d934]{--card-padding-top: var(--space-xl);--card-padding-right: var(--space-xl);--card-padding-bottom: var(--space-xl);--card-padding-left: var(--space-xl)}.card-asymmetric[data-v-4994d934]{--card-padding-top: var(--space-2xl);--card-padding-bottom: var(--space-sm)}.shapes-row[data-v-4994d934]{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.position-demo[data-v-4994d934]{position:relative;height:8rem;background:var(--vp-c-bg-soft);border-radius:.5rem}.color-grid[data-v-6552dcd5]{display:grid;gap:2rem;margin:2rem 0}.color-section[data-v-6552dcd5]{margin-bottom:3rem}dl[data-v-6552dcd5]{display:grid;gap:1rem}dt[data-v-6552dcd5]{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);margin-bottom:.5rem}dd[data-v-6552dcd5]{margin:0;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--vp-c-bg-soft);border-radius:.5rem}.swatch[data-v-6552dcd5]{width:4em;height:4em;border-radius:.5rem;border:2px solid var(--vp-c-divider);flex-shrink:0}.color-value[data-v-6552dcd5]{font-family:var(--font-mono);color:var(--color-text-muted)}.type-section[data-v-6552dcd5]{margin-bottom:3rem}.type-section h2[data-v-6552dcd5]{margin-bottom:1rem}.font-sample[data-v-6552dcd5]{padding:1.5rem;background:var(--vp-c-bg-soft);border-radius:.5rem;margin-bottom:1rem}.font-meta[data-v-6552dcd5]{display:flex;gap:1rem;margin-top:.5rem;font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.heading-samples[data-v-6552dcd5]{display:grid;gap:2rem;margin:2rem 0}.scale-grid[data-v-6552dcd5]{display:grid;gap:1rem;margin:2rem 0}.scale-item[data-v-6552dcd5]{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--vp-c-bg-soft);border-radius:.5rem}.scale-name[data-v-6552dcd5]{min-width:8rem;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.scale-value[data-v-6552dcd5]{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted)}.scale-demo[data-v-6552dcd5]{margin-left:auto}.easing-demo[data-v-c8d46a9c]{margin:2rem 0}.easing-grid[data-v-c8d46a9c]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.easing-card[data-v-c8d46a9c]{background:var(--color-background-soft);border-radius:8px;padding:1rem;width:180px;flex-shrink:0}.easing-plot[data-v-c8d46a9c]{width:100%;height:auto;display:block}.easing-info[data-v-c8d46a9c]{margin-top:.5rem;text-align:center}.easing-name[data-v-c8d46a9c]{font-weight:600;font-size:.95rem;color:var(--color-text-base)}.easing-css[data-v-c8d46a9c]{font-size:.7rem;color:var(--color-text-subtle);display:block;margin-top:.25rem;word-break:break-all}.bezier-demo[data-v-eca5aae8]{margin:2rem 0;display:flex;justify-content:center}.bezier-card[data-v-eca5aae8]{background:var(--color-background-soft);border-radius:8px;padding:1rem}.bezier-plot[data-v-eca5aae8]{width:100%;height:auto;display:block}.bezier-info[data-v-eca5aae8]{margin-top:.5rem;text-align:center}.bezier-name[data-v-eca5aae8]{font-weight:600;font-size:.95rem;color:var(--color-text-base)}.bezier-css[data-v-eca5aae8]{font-size:.75rem;color:var(--color-text-subtle);display:block;margin-top:.25rem}.bernstein-demo[data-v-e3b65dec]{margin:2rem 0;display:flex;justify-content:center}.bernstein-card[data-v-e3b65dec]{background:var(--color-background-soft);border-radius:8px;padding:1rem}.bernstein-plot[data-v-e3b65dec]{width:100%;height:auto;display:block}.bernstein-legend[data-v-e3b65dec]{margin-top:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}.legend-item[data-v-e3b65dec]{display:flex;align-items:center;gap:.4rem}.legend-line[data-v-e3b65dec]{width:16px;height:3px;border-radius:2px;flex-shrink:0}.legend-label[data-v-e3b65dec]{font-size:.7rem;color:var(--color-text-muted);font-family:var(--vp-font-family-mono)}.linear-demo[data-v-b16e83f0]{margin:2rem 0}.demo-grid[data-v-b16e83f0]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.demo-card[data-v-b16e83f0]{background:var(--color-background-soft);border-radius:8px;padding:1rem;width:180px;flex-shrink:0}.demo-plot[data-v-b16e83f0]{width:100%;height:auto;display:block}.demo-info[data-v-b16e83f0]{margin-top:.5rem;text-align:center}.demo-name[data-v-b16e83f0]{font-weight:600;font-size:.9rem;color:var(--color-text-base)}.demo-type[data-v-b16e83f0]{font-size:.7rem;color:var(--color-text-subtle);display:block;margin-top:.2rem}.dither-demo[data-v-70ca45c1]{margin:2rem 0}.controls[data-v-70ca45c1]{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.controls button[data-v-70ca45c1]{padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--color-background-soft);color:var(--color-text-base);border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.controls button[data-v-70ca45c1]:hover{background:var(--color-background-mute)}.controls button.active[data-v-70ca45c1]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.canvas-container[data-v-70ca45c1]{width:100%;height:400px;border-radius:8px;overflow:hidden}.canvas-container canvas[data-v-70ca45c1]{display:block}.tabs[data-v-520a630d]{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--color-border)}.tab[data-v-520a630d]{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:all .2s ease}.tab[data-v-520a630d]:hover{color:var(--color-text-base)}.tab.active[data-v-520a630d]{color:var(--color-text-base);border-bottom-color:var(--color-accent, currentColor)}.tab-content[data-v-520a630d]{min-height:400px}