:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f4;--surface:#fafbfc;--sunk:#e3e7ee;--ink:#14181f;--ink-2:#4b5464;--rule:#d2d8e2;--flame:#a63d07;--cool:#0b6a78;--ok:#1b7f3b;--warn:#8a5a00;--ember:#a63d071a;--flame-wash:#a63d0717;--cool-wash:#0b6a7817;--ok-wash:#1b7f3b1a;--warn-wash:#8a5a001a;--surface-blur:#fafbfceb;--font-display:"Archivo Variable", "Archivo Variable Fallback", "Helvetica Neue", arial, sans-serif;--font-body:"Public Sans Variable", "Public Sans Variable Fallback", "Helvetica Neue", arial, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono Variable Fallback", ui-monospace, sfmono-regular, menlo, consolas, monospace;--t-2xs:.75rem;--t-xs:.8125rem;--t-sm:.875rem;--t-base:1rem;--t-md:1.125rem;--t-lg:1.375rem;--t-xl:1.75rem;--t-2xl:2.25rem;--t-3xl:3rem;--t-hero:4rem;--lh-base:1.625rem;--lh-tight:1.35;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-6:1.5rem;--s-8:2rem;--s-12:3rem;--s-16:4rem;--s-24:6rem;--s-32:8rem;--band-gap:var(--s-24);--measure:min(64ch, 100%);--measure-lead:min(56ch, 100%);--page:75rem;--pad:var(--s-6);--gutter:var(--s-6);--masthead-height:3.5rem;--radius:6px;--ease:cubic-bezier(.2, 0, 0, 1);--speed:.14s}@media (width<=799px){:root{--t-hero:3rem;--band-gap:var(--s-16)}}@media (width<=599px){:root{--t-hero:2.5rem;--pad:var(--s-4)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1015;--surface:#14181f;--sunk:#1b212a;--ink:#e7eaf0;--ink-2:#98a2b3;--rule:#262d38;--flame:#ff9e4a;--cool:#5ad1c8;--ok:#5bd48a;--warn:#f2c14e;--ember:#ff9e4a1f;--flame-wash:#ff9e4a1f;--cool-wash:#5ad1c81f;--ok-wash:#5bd48a1f;--warn-wash:#f2c14e1f;--surface-blur:#14181feb}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1015;--surface:#14181f;--sunk:#1b212a;--ink:#e7eaf0;--ink-2:#98a2b3;--rule:#262d38;--flame:#ff9e4a;--cool:#5ad1c8;--ok:#5bd48a;--warn:#f2c14e;--ember:#ff9e4a1f;--flame-wash:#ff9e4a1f;--cool-wash:#5ad1c81f;--ok-wash:#5bd48a1f;--warn-wash:#f2c14e1f;--surface-blur:#14181feb}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);line-height:var(--lh-base);font-synthesis-weight:none;text-rendering:optimizelegibility;margin:0}[hidden]{display:none!important}h1,h2,h3,h4{font-family:var(--font-display);font-weight:620;line-height:var(--lh-tight);letter-spacing:-.015em;text-wrap:balance;margin:0}h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg)}h4{font-size:var(--t-md);letter-spacing:0}p,ul,ol,dl,pre,figure,table{margin:0}img,svg{max-width:100%}.sprite{width:0;height:0;position:absolute;overflow:hidden}a{color:var(--flame);text-underline-offset:.18em;transition:color var(--speed) var(--ease);text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}code,kbd,samp,.mono{font-family:var(--font-mono);font-variant-ligatures:none;font-size:.9em}kbd{border:1px solid var(--rule);background:var(--sunk);border-radius:3px;padding:.1em .35em;font-size:.8em}:focus-visible{outline:2px solid var(--flame);outline-offset:2px;border-radius:1px}::selection{background:var(--flame-wash)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--s-4);top:calc(var(--s-2) * -8);z-index:30;padding:var(--s-2) var(--s-4);border:1px solid var(--flame);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-size:var(--t-sm);transition:top var(--speed) var(--ease);text-decoration:none;position:absolute}.skip:focus{top:var(--s-2)}.shell{width:100%;max-width:var(--page);padding:0 var(--pad);margin:0 auto}.shell-narrow{max-width:46rem}.site-main{display:block}.prose{max-width:var(--measure);overflow-wrap:break-word}.prose>*+*{margin-top:var(--s-4)}.prose h2,.prose h3,.prose h4{max-width:none}.prose h2{margin-top:var(--s-12);padding-top:var(--s-3);border-top:1px solid var(--rule);font-size:var(--t-lg)}.prose h3{margin-top:var(--s-8);font-size:var(--t-md)}.prose h4{margin-top:var(--s-6);font-size:var(--t-base)}.prose ul,.prose ol{padding-left:var(--s-6)}.prose li+li{margin-top:var(--s-2)}.prose blockquote{padding-left:var(--s-4);border-left:2px solid var(--flame);color:var(--ink-2);margin:0}.prose hr{height:1px;margin:var(--s-8) 0;background:var(--rule);border:0}.prose code{background:var(--sunk);color:var(--ink);border-radius:3px;padding:.1em .32em}.prose a code{color:inherit}.prose strong{font-weight:650}.heading-anchor{margin-left:var(--s-2);color:var(--ink-2);font-family:var(--font-mono);opacity:0;transition:opacity var(--speed) var(--ease);font-size:.75em;text-decoration:none}.doc-heading:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.scroller{border:1px solid var(--rule);background:var(--surface);overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.prose .scroller{margin-top:var(--s-4)}table{border-collapse:collapse;width:100%;font-size:var(--t-sm);line-height:1.5}th,td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}thead th{background:var(--sunk);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-weight:500;position:sticky;top:0}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}td code,th code{white-space:nowrap}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}html .js-only{display:none}html[data-js=on] .js-only{display:inline-flex}.icon{flex:none;width:20px;height:20px}.icon-inline,.icon-ext,.icon-next{vertical-align:-.18em;width:16px;height:16px;margin-left:.15em}.icon-next{transform:rotate(-90deg)}.icon-back{vertical-align:-.18em;width:16px;height:16px;transform:rotate(90deg)}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);border-radius:var(--radius);font-family:var(--font-body);font-size:var(--t-sm);white-space:nowrap;cursor:pointer;transition:color var(--speed) var(--ease), background-color var(--speed) var(--ease), border-color var(--speed) var(--ease);border:1px solid #0000;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{border-color:var(--flame);background:var(--flame);color:var(--surface)}:root[data-theme=dark] .btn-primary{color:#0d1015}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{color:#0d1015}}.btn-primary:hover{border-color:var(--ink);background:var(--ink);color:var(--bg)}.btn-secondary{border-color:var(--rule);background:var(--surface);color:var(--ink)}.btn-secondary:hover{border-color:var(--ink-2)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover{border-color:var(--rule);color:var(--ink)}.btn-square{min-width:40px;padding:0}.btn.is-disabled{color:var(--ink-2);cursor:default;opacity:.65}@media (pointer:coarse){.btn{min-height:44px}.btn-square{min-width:44px}}.chip{align-items:center;gap:var(--s-1);padding:2px var(--s-2);border:1px solid var(--rule);background:var(--sunk);color:var(--ink-2);font-size:var(--t-2xs);white-space:nowrap;border-radius:999px;line-height:1.5;display:inline-flex}.chip-pkg,.chip-version{font-family:var(--font-mono);background:0 0}.chip-pkg code{font-size:inherit}.chip-link{color:var(--flame);transition:color var(--speed) var(--ease), border-color var(--speed) var(--ease);text-decoration:none}.chip-link:hover{border-color:var(--flame)}.chip-filter{min-height:32px;padding:0 var(--s-3);background:var(--surface);color:var(--ink);text-decoration:none}.chip-filter:hover{border-color:var(--ink-2)}.chip-filter.is-active{border-color:var(--flame);background:var(--flame-wash);color:var(--flame)}.pill{align-items:center;gap:var(--s-1) var(--s-2);padding:var(--s-1) var(--s-3);border:1px solid var(--rule);background:var(--surface);color:var(--ink-2);font-size:var(--t-sm);border-radius:999px;flex-wrap:wrap;display:inline-flex}.pill-dot{background:var(--ink-2);border-radius:999px;flex:none;width:8px;height:8px}.pill-support.is-ok{color:var(--ok)}.pill-support.is-ok .pill-dot{background:var(--ok)}.pill-support.is-warn{color:var(--warn)}.pill-support.is-warn .pill-dot{background:var(--warn)}.pill-link{color:inherit;white-space:nowrap;font-weight:600}.disclosure>summary,.nav-summary,.jump-summary{cursor:pointer;list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.nav-summary::-webkit-details-marker{display:none}.jump-summary::-webkit-details-marker{display:none}[data-theme-toggle] .icon-sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-theme-toggle] .icon-sun{display:block}:root:not([data-theme=light]) [data-theme-toggle] .icon-moon{display:none}}:root[data-theme=dark] [data-theme-toggle] .icon-sun{display:block}:root[data-theme=dark] [data-theme-toggle] .icon-moon{display:none}.masthead{z-index:20;border-bottom:1px solid var(--rule);background:var(--surface-blur);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.masthead-row{align-items:center;gap:var(--s-4);width:100%;max-width:var(--page);height:var(--masthead-height);padding:0 var(--pad);margin:0 auto;display:flex}.lockup{color:var(--ink);font-size:var(--t-md);align-items:center;gap:.12em;text-decoration:none;display:inline-flex}.mark{flex:none;width:1.2em;height:1.2em}.mark-lg{width:88px;height:88px}.lockup-word{font-family:var(--font-display);letter-spacing:-.02em;font-size:1em;font-weight:600}.nav-disclosure{margin-left:var(--s-4)}.nav-list{gap:var(--s-1);margin:0;padding:0;list-style:none;display:flex}.nav-link{min-height:32px;padding:0 var(--s-3);border-radius:var(--radius);color:var(--ink-2);font-size:var(--t-sm);transition:color var(--speed) var(--ease), background-color var(--speed) var(--ease);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover{background:var(--sunk);color:var(--ink)}.nav-link.is-active{color:var(--flame)}.masthead-tools{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.nav-summary{border:1px solid var(--rule);border-radius:var(--radius);width:40px;height:40px;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.nav-disclosure[open] .nav-summary .icon-menu,.nav-disclosure:not([open]) .nav-summary .icon-close{display:none}@media (width<=799px){.nav-disclosure{margin-left:0}.nav-disclosure>.nav{left:0;right:0;top:var(--masthead-height);padding:var(--s-3) var(--pad);border-bottom:1px solid var(--rule);background:var(--surface);position:absolute}.nav-disclosure>.nav .nav-list{flex-direction:column;gap:0}.nav-disclosure>.nav .nav-link{width:100%;min-height:44px}.masthead-tools .btn-text{display:none}.masthead-tools .btn{min-width:40px;padding:0 var(--s-2)}}@media (width>=800px){.nav-summary{display:none}.nav-disclosure>.nav{display:block}.nav-disclosure::details-content{content-visibility:visible;block-size:auto}}.site-foot{margin-top:var(--band-gap);padding:var(--s-16) 0 var(--s-8);border-top:1px solid var(--rule);background:var(--sunk);font-size:var(--t-sm)}.foot-grid{gap:var(--s-8);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));display:grid}.foot-brand .lockup{margin-bottom:var(--s-3)}.foot-tagline{max-width:22ch;color:var(--ink-2)}.chip-version{margin-top:var(--s-3)}.foot-head{margin-bottom:var(--s-3);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:500}.foot-col ul{margin:0;padding:0;list-style:none}.foot-col li+li{margin-top:var(--s-2)}.foot-col a{color:var(--ink);text-decoration:none}.foot-col a:hover{color:var(--flame);text-decoration:underline}.foot-legal,.foot-fonts{margin-top:var(--s-8);padding-top:var(--s-4);border-top:1px solid var(--rule);color:var(--ink-2);font-size:var(--t-2xs)}.foot-fonts{margin-top:var(--s-2);border-top:0;padding-top:0}.band,.gallery,.feature,.viewer,.source{padding:var(--band-gap) 0}.band+.band,.gallery+.gallery,.feature+.feature{padding-top:0}.band-quiet{border-top:1px solid var(--rule);color:var(--ink-2);font-size:var(--t-sm)}.band-head{justify-content:space-between;align-items:flex-end;gap:var(--s-6);margin-bottom:var(--s-8);display:flex}.band-title{font-size:var(--t-xl)}.band-lead{max-width:var(--measure-lead);margin-top:var(--s-3);color:var(--ink-2)}.eyebrow{margin-bottom:var(--s-3);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:500}.band-action{flex:none}.band-more{font-size:var(--t-sm);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.band-more:hover{text-decoration:underline}@media (width<=599px){.band-head{align-items:flex-start;gap:var(--s-4);flex-direction:column}}.band p+p,.band .scroller+.prose,.band .callout,.band .scroller+h2,.band p+.code,.band .code+p{margin-top:var(--s-4)}.page-head{padding:var(--s-16) 0 0}.page-head-tight{padding-top:var(--s-8)}.page-head-center{padding:var(--s-24) 0;text-align:center}.page-head h1{font-size:var(--t-2xl)}.page-lead{max-width:var(--measure-lead);margin-top:var(--s-4);color:var(--ink-2);font-size:var(--t-md)}.page-head-center .page-lead{margin:var(--s-4) auto 0}.page-actions{gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.page-head .pill{margin-top:var(--s-6)}.back{align-items:center;gap:var(--s-1);margin-bottom:var(--s-4);color:var(--ink-2);font-size:var(--t-sm);font-weight:600;text-decoration:none;display:inline-flex}.back:hover{color:var(--flame)}.grid{gap:var(--gutter);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.grid-two{grid-template-columns:minmax(0,1fr)}@media (width>=800px){.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-three{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}.grid-four{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}.grid-pillars{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr))}@media (width>=1040px){.grid-three{grid-template-columns:repeat(3,1fr)}.grid-four{grid-template-columns:repeat(4,1fr)}.grid-pillars{grid-template-columns:repeat(5,1fr)}}.card{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);transition:border-color var(--speed) var(--ease);flex-direction:column;display:flex;overflow:hidden}a.card,.card a{text-decoration:none}.card:hover{border-color:var(--ink-2)}.card-feature,.card-hub,.card-picker{padding:var(--s-4);gap:var(--s-2)}.card-body{gap:var(--s-2);padding:var(--s-4);flex-direction:column;flex:1;display:flex}.card-title{color:var(--ink);font-size:var(--t-md)}a.card-title{color:var(--flame);align-items:center;display:inline-flex}.card-line{color:var(--ink-2);font-size:var(--t-sm)}.card-foot{justify-content:space-between;align-items:center;gap:var(--s-3);padding-top:var(--s-2);margin-top:auto;display:flex}.card-actions{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.card-more{padding-top:var(--s-2);font-size:var(--t-sm);margin-top:auto;font-weight:600}.card-more:hover{text-decoration:underline}.card-code{color:var(--ink-2);font-size:var(--t-sm)}.controls{gap:var(--s-2);color:var(--ink-2);margin:0;padding:0;list-style:none;display:flex}.poster{aspect-ratio:16/9;background:var(--sunk);border-bottom:1px solid var(--rule);display:block;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%;display:block}.poster-missing{padding:var(--s-4);color:var(--ink-2);font-size:var(--t-sm);text-align:center;place-items:center;display:grid}.callout{margin-top:var(--s-6);padding:var(--s-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);font-size:var(--t-sm);border-left-width:3px}.callout-note{border-left-color:var(--flame)}.callout-caution{border-left-color:var(--warn)}.ticks,.crosses{margin:var(--s-4) 0 0;padding:0;list-style:none}.ticks li,.crosses li{padding-left:var(--s-6);position:relative}.ticks li+li,.crosses li+li{margin-top:var(--s-2)}.ticks li:before{content:"→";color:var(--flame);position:absolute;left:0}.crosses li:before{content:"×";color:var(--warn);position:absolute;left:0}.frame{border:1px solid var(--rule);border-radius:var(--radius);background:var(--sunk);overflow:hidden}.frame-box{aspect-ratio:16/9;background:var(--sunk);position:relative}.frame-app{border:0;width:100%;height:100%;display:block}.frame-app:focus-visible{outline:2px solid var(--flame);outline-offset:-2px}.frame-cover{background:var(--sunk);place-items:center;display:grid;position:absolute;inset:0}.frame-cover .poster{border-bottom:0;position:absolute;inset:0}.frame-play{z-index:1;position:relative}.frame.is-ready .frame-cover{display:none}.frame-bar{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-2);border-top:1px solid var(--rule);background:var(--surface);flex-wrap:wrap;display:flex}.frame-controls,.frame-meta{align-items:center;gap:var(--s-2);flex-wrap:wrap;min-width:0;display:flex}.frame-meta{text-align:right;justify-content:flex-end}.frame-bar-stacked .frame-meta{padding:0 var(--s-2);text-align:left;flex:100%;justify-content:flex-start}.frame-btn{min-height:32px;padding:0 var(--s-2);font-family:var(--font-mono);font-size:var(--t-2xs)}html[data-js=on] .frame-btn.js-only{display:inline-flex}.frame:not(.is-paused) .frame-btn .icon-play,.frame.is-paused .frame-btn .icon-pause{display:none}.frame-hint,.frame-stats,.frame-caption{color:var(--ink-2);font-size:var(--t-2xs)}.frame-hint,.frame-stats{font-family:var(--font-mono);white-space:nowrap}html[data-js=on] .frame-stats.js-only{display:block}.frame-caption{text-overflow:ellipsis;overflow:hidden}.frame-link{font-size:var(--t-2xs);white-space:nowrap;flex:none;font-weight:600;text-decoration:none}.frame-link:hover{text-decoration:underline}@media (width<=799px){.frame-btn .btn-text{display:none}.frame-btn{justify-content:center;min-width:44px;min-height:44px}.frame-hint{display:none}}@media (width<=599px){.frame-bar{flex-direction:column;align-items:stretch}.frame-meta{text-align:left;justify-content:flex-start}.frame-caption{flex:100%}}.pager{justify-content:space-between;gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-4);border-top:1px solid var(--rule);display:flex}.pager a{align-items:center;gap:var(--s-2);font-weight:600;text-decoration:none;display:inline-flex}.pager a:hover{text-decoration:underline}.pager-next{text-align:right}.pager-label{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:500;display:block}.meta-row{align-items:baseline;gap:var(--s-2);flex-wrap:wrap;display:flex}.meta-row+.meta-row{margin-top:var(--s-2)}.meta-label{color:var(--ink);font-weight:600}.meta-code{border:1px solid var(--rule);background:var(--surface);border-radius:3px;padding:.1em .35em}.hero{padding:var(--s-16) 0 var(--band-gap);position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(60% 55% at 72% 46%, var(--ember), transparent 70%);position:absolute;inset:0}.hero-shell{gap:var(--s-12);align-items:center;display:grid;position:relative}.hero-title{font-size:var(--t-hero);letter-spacing:-.03em;line-height:1.02}.hero-lead{max-width:var(--measure-lead);margin-top:var(--s-4);color:var(--ink-2);font-size:var(--t-md)}.hero-actions{align-items:center;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.hero-pill{margin-top:var(--s-4)}.hero-support{max-width:var(--measure-lead);margin-top:var(--s-4);color:var(--ink-2);font-size:var(--t-2xs)}@media (width>=1040px){.hero-shell{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.pillar{gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--rule);flex-direction:column;display:flex}.pillar-icon{color:var(--flame)}.pillar-title{font-size:var(--t-lg)}.pillar p{color:var(--ink-2);font-size:var(--t-sm)}.split{gap:var(--s-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.split-copy,.split-code{min-width:0}@media (width>=1040px){.split{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}}.split-copy p{max-width:var(--measure-lead);color:var(--ink-2)}.split-code .code-pre{max-height:34rem;overflow-y:auto}.card-template .card-actions{margin-top:var(--s-4)}.studio{justify-content:space-between;align-items:baseline;gap:var(--s-6);flex-wrap:wrap;display:flex}.studio-copy{max-width:var(--measure);color:var(--ink-2)}.install{gap:var(--s-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.install-code,.install-side{min-width:0}@media (width>=800px){.install{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.install-note,.install-support{margin-top:var(--s-3);color:var(--ink-2);font-size:var(--t-sm)}.install-support{font-size:var(--t-2xs)}.jump{top:var(--masthead-height);z-index:10;padding:var(--s-3) 0;border-bottom:1px solid var(--rule);background:var(--surface-blur);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky}.jump-summary{align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--t-sm);font-weight:600;display:inline-flex}.jump-disclosure[open] .jump-summary .icon-next{transform:rotate(0)}.jump-list{gap:var(--s-1) var(--s-2);margin:var(--s-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.jump-link{min-height:32px;padding:0 var(--s-2);border-radius:var(--radius);color:var(--ink-2);font-size:var(--t-2xs);white-space:nowrap;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.jump-link:hover{background:var(--sunk);color:var(--flame)}@media (width>=1040px){.jump-summary{display:none}.jump-disclosure>.jump-nav{display:block}.jump-disclosure::details-content{content-visibility:visible;block-size:auto}.jump-list{margin-top:0}}.feature{scroll-margin-top:calc(var(--masthead-height) + 4rem)}.feature-head{align-items:center;gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.feature-body{max-width:var(--measure);margin-top:var(--s-4);color:var(--ink-2)}.feature-list{columns:2;column-gap:var(--s-8);margin:var(--s-6) 0 0;font-size:var(--t-sm);padding:0;list-style:none}.feature-list li{break-inside:avoid;margin-bottom:var(--s-2);padding-left:var(--s-4);text-indent:calc(var(--s-4) * -1)}.feature-list li:before{content:"· ";color:var(--flame)}@media (width<=799px){.feature-list{columns:1}}.feature-chips{align-items:center;gap:var(--s-2);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.feature-chips-label{color:var(--ink-2);font-size:var(--t-sm);font-weight:600}.filters{gap:var(--s-2);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.gallery{scroll-margin-top:calc(var(--masthead-height) + 2rem)}.gallery-title{margin-bottom:var(--s-6);padding-bottom:var(--s-3);border-bottom:1px solid var(--rule);font-size:var(--t-lg)}.gallery[hidden]{display:none}.viewer-head{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.viewer-tags,.guide-tags{align-items:center;gap:var(--s-2);display:flex}.viewer .pill{margin-top:var(--s-4)}.tries{max-width:var(--measure);margin-top:var(--s-8)}.tries-title{font-size:var(--t-md)}.source-head{justify-content:space-between;align-items:center;gap:var(--s-4);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.source-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.source-tabs{gap:var(--s-1);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}html[data-js=on] .source-tabs.js-only{display:flex}.source-tab{min-height:32px;padding:0 var(--s-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--t-2xs);cursor:pointer;transition:color var(--speed) var(--ease), border-color var(--speed) var(--ease)}.source-tab:hover{border-color:var(--ink-2);color:var(--ink)}.source-tab.is-active{border-color:var(--flame);color:var(--flame)}.source-file+.source-file{margin-top:var(--s-4)}html[data-js=on] .source-files .source-file{display:none}html[data-js=on] .source-files .source-file.is-active{display:block}.source-missing{padding:var(--s-4);border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink-2);font-size:var(--t-sm)}.disclosure-summary{align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--t-sm);font-weight:600;display:none}@media (width<=599px){.source-disclosure>.disclosure-summary{display:inline-flex}.source-disclosure[open]>.disclosure-body{margin-top:var(--s-4)}}@media (width>=600px){.source-disclosure>.disclosure-body{display:block}.source-disclosure::details-content{content-visibility:visible;block-size:auto}}.band-title+.guide-group,.guide-group+.guide-group{margin-top:var(--s-8)}.guide-group-title{margin-bottom:var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--rule);font-size:var(--t-md)}.guide-list{margin:0;padding:0;list-style:none}.guide-list li{align-items:baseline;gap:var(--s-1) var(--s-3);padding:var(--s-2) 0;flex-wrap:wrap;display:flex}.guide-list li+li{border-top:1px solid var(--rule)}.guide-link{flex:none;font-weight:600;text-decoration:none}.guide-link:hover{text-decoration:underline}.guide-line{color:var(--ink-2);font-size:var(--t-sm)}#usage .grid-two,#logos .grid-two,#badges .grid-two{margin-top:var(--s-6)}.band-steps{padding:var(--band-gap) 0}.step+.step{margin-top:var(--s-12);padding-top:var(--s-8);border-top:1px solid var(--rule)}.step{scroll-margin-top:calc(var(--masthead-height) + 2rem)}.step-title{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);font-size:var(--t-lg);display:flex}.step-number{border:1px solid var(--flame);width:28px;height:28px;color:var(--flame);font-family:var(--font-mono);font-size:var(--t-sm);border-radius:999px;flex:none;place-items:center;display:inline-grid}.step p+.code,.step .code+p,.step p+p,.step .picker+p{margin-top:var(--s-4)}.picker{margin-bottom:var(--s-4)}.notfound-links{justify-content:center;gap:var(--s-4);margin:var(--s-8) 0 0;flex-wrap:wrap;padding:0;font-weight:600;list-style:none;display:flex}.boilerplates{gap:var(--s-6);display:grid}.boilerplate{padding:var(--s-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.boilerplate-head{justify-content:space-between;align-items:center;gap:var(--s-4);margin-bottom:var(--s-3);display:flex}.boilerplate-head h3{font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:500}.boilerplate p{max-width:var(--measure)}.logo-swatches{background:var(--rule);border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:1px;display:grid}.logo-swatch{min-height:9rem;padding:var(--s-6);place-items:center;display:grid}.logo-light{background:#fafbfc}.logo-dark{background:#0d1015}.logo-swatch.is-missing p{color:#98a2b3;font-family:var(--font-mono);font-size:var(--t-2xs);overflow-wrap:anywhere}.logo-img{width:auto;max-width:100%}.logo-img-mark{height:84px}.logo-img-word{height:32px}.logo-img-stack{height:96px}.files-title{margin-top:var(--s-12);margin-bottom:var(--s-4);font-size:var(--t-md)}.file-group h4{margin-bottom:var(--s-2);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.06em;text-transform:uppercase}.file-list{font-size:var(--t-sm);margin:0;padding:0;list-style:none}.file-list li+li{margin-top:var(--s-1)}.file-list a{align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--t-2xs);overflow-wrap:anywhere;text-decoration:none;display:inline-flex}.file-list a:hover{text-decoration:underline}.file-empty{color:var(--ink-2);font-size:var(--t-sm)}.badge-block{padding:var(--s-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.badge-head{margin-bottom:var(--s-4)}.badge-head h3{font-size:var(--t-md)}.badge-for{color:var(--ink-2);font-size:var(--t-sm)}.badge-previews{margin-bottom:var(--s-4);background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.badge-swatch{padding:var(--s-4);place-items:center;display:grid}.badge-light{background:#fafbfc}.badge-dark{background:#0d1015}.badge-img{width:auto}.badge-1x{height:20px}.badge-2x{height:40px}.badge-block .code+.code{margin-top:var(--s-3)}.usage-col h3{margin-bottom:var(--s-2);padding-bottom:var(--s-2);border-bottom:1px solid var(--rule);font-size:var(--t-md)}.swatches{gap:var(--s-3);margin:var(--s-4) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));padding:0;list-style:none;display:grid}.swatch{gap:var(--s-1) var(--s-3);padding:var(--s-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);font-size:var(--t-sm);grid-template-columns:32px 1fr;align-items:center;display:grid}.swatch-chip{border:1px solid var(--rule);border-radius:var(--radius);width:32px;height:32px}.swatch-a63d07 .swatch-chip{background:#a63d07}.swatch-ff9e4a .swatch-chip{background:#ff9e4a}.swatch-14181f .swatch-chip{background:#14181f}.swatch-fafbfc .swatch-chip{background:#fafbfc}.swatch-0d1015 .swatch-chip{background:#0d1015}.swatch-name{font-weight:600}.swatch-hex{color:var(--ink-2);grid-column:2}.swatch-note{color:var(--ink-2);font-size:var(--t-2xs);grid-column:2}.shot{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);overflow:hidden}.shot img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--rule);width:100%;height:auto;display:block}.shot figcaption{padding:var(--s-2) var(--s-3)}.code-pre code span{color:var(--tk,currentcolor)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .code-pre code span{color:var(--tk-d,currentcolor)}}:root[data-theme=dark] .code-pre code span{color:var(--tk-d,currentcolor)}.code{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-width:0;max-width:100%;margin:0;overflow:hidden}.code-caption{padding:var(--s-2) var(--s-3);border-top:1px solid var(--rule);background:var(--surface);color:var(--ink-2);font-size:var(--t-2xs)}.prose .code{margin-top:var(--s-4)}.code-bar{padding:var(--s-1) var(--s-2) var(--s-1) var(--s-3);border-bottom:1px solid var(--rule);background:var(--sunk);justify-content:space-between;align-items:center;display:flex}.code-lang{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.06em;text-transform:uppercase}.code-copy{padding:2px var(--s-2);border:1px solid var(--rule);background:var(--surface);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--t-2xs);cursor:pointer;transition:color var(--speed) var(--ease), border-color var(--speed) var(--ease)}.code-copy:hover{border-color:var(--flame);color:var(--ink)}.code-copy.is-copied{border-color:var(--cool);color:var(--cool)}.code-copy{display:none}html[data-js=on] .code-copy{display:inline-block}.code-lang{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-name{color:var(--ink);letter-spacing:0;text-transform:none}.code-pre{min-width:0;max-width:100%;padding:var(--s-4) 0;overscroll-behavior-x:contain;color:var(--ink);font-family:var(--font-mono);font-size:var(--t-xs);tab-size:2;margin:0;line-height:1.65;overflow-x:auto}.code-pre code{min-width:fit-content;padding:0 var(--s-4);font-size:inherit;background:0 0;display:block}.code-pre .line{min-height:1.65em;display:block}
/*$vite$:1*/