:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--paper:#f4f6f9;--surface:#fff;--surface-sunken:#eceff4;--surface-raised:#fff;--surface-overlay:#fff;--slab:#051735;--fg:#051735;--fg-muted:#4a5568;--on-slab:#fff;--on-slab-muted:#9aa8c2;--hairline:#0517351a;--hairline-slab:#ffffff1f;--control-border:#7c8596;--cobalt:#0660d2;--cobalt-subtle:#eaf1fc;--on-cobalt:#fff;--ring:#0675fe;--action:#051735;--on-action:#fff;--teal:#11debe;--success:#166534;--success-subtle:#e9f7ee;--state-hover:#0517350a;--state-pressed:#05173514;--scrim:#05173573;--shadow:#05173538;--code-bg:#f4f6f9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-card:12px;--radius-window:16px;--radius-tray:20px;--radius-slab:28px;--radius-full:9999px;--control-h-sm:32px;--control-h:40px;--control-h-lg:52px;--content-max:1376px;--gutter:32px;--dur-press:80ms;--dur-colour:.12s;--dur-exit:.14s;--dur-value:.18s;--dur-drawer:.24s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-enter:cubic-bezier(.25,1,.5,1);--ease-exit:cubic-bezier(.3,0,1,1);--ease-sheet-in:cubic-bezier(.05,.7,.1,1);--press-scale:.97;--font:"Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-fig:"Outfit","Poppins",ui-sans-serif,system-ui,sans-serif;--font-code:"JetBrains Mono","Cascadia Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--paper:#090d16;--surface:#11161f;--surface-sunken:#0d121b;--surface-raised:#1a1f29;--surface-overlay:#232833;--slab:#11161f;--fg:#e8ecf3;--fg-muted:#98a3b8;--on-slab:#e8ecf3;--on-slab-muted:#98a3b8;--hairline:#ffffff14;--hairline-slab:#ffffff1a;--control-border:#6b7a96;--cobalt:#5598ff;--cobalt-subtle:#13254a;--on-cobalt:#0b1120;--ring:#5598ff;--action:#e8ecf3;--on-action:#0b1120;--success:#4ade80;--success-subtle:#0f2a1b;--state-hover:#e8ecf30f;--state-pressed:#e8ecf31a;--scrim:#090d16b8;--shadow:#0000;--code-bg:#0d121b}}:root[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--paper:#090d16;--surface:#11161f;--surface-sunken:#0d121b;--surface-raised:#1a1f29;--surface-overlay:#232833;--slab:#11161f;--fg:#e8ecf3;--fg-muted:#98a3b8;--on-slab:#e8ecf3;--on-slab-muted:#98a3b8;--hairline:#ffffff14;--hairline-slab:#ffffff1a;--control-border:#6b7a96;--cobalt:#5598ff;--cobalt-subtle:#13254a;--on-cobalt:#0b1120;--ring:#5598ff;--action:#e8ecf3;--on-action:#0b1120;--success:#4ade80;--success-subtle:#0f2a1b;--state-hover:#e8ecf30f;--state-pressed:#e8ecf31a;--scrim:#090d16b8;--shadow:#0000;--code-bg:#0d121b}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--fg);font:400 16px/26px var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer}code,pre,kbd{font-family:var(--font-code)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.display{letter-spacing:-.032em;margin:0;font-size:clamp(44px,6.2vw,80px);font-weight:500;line-height:1.04}.h2{letter-spacing:-.024em;margin:0;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.16}.ui-title{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600;line-height:32px}.ui-section{letter-spacing:-.005em;margin:0;font-size:17px;font-weight:600;line-height:26px}.lead{letter-spacing:-.005em;margin:0;font-size:19px;line-height:30px}.small{font-size:13px;line-height:20px}.caps{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500;line-height:16px}.fig{font-family:var(--font-fig);font-variant-numeric:tabular-nums}.fg-muted{color:var(--fg-muted)}.cobalt{color:var(--cobalt)}.on-slab{color:var(--on-slab)}.on-slab-muted{color:var(--on-slab-muted)}.skip{position:absolute;z-index:100;background:var(--action);color:var(--on-action);border-radius:var(--radius-md);padding:8px 16px;top:8px;left:-9999px}.skip:focus{left:16px}.hgi-inline{display:inline-flex;flex:none;width:20px;height:20px}.hgi-inline svg{width:100%;height:100%}.top{position:sticky;z-index:30;background:color-mix(in srgb,var(--paper)86%,transparent);backdrop-filter:saturate(1.4)blur(12px);-webkit-backdrop-filter:saturate(1.4)blur(12px);transition:border-color var(--dur-colour)var(--ease-standard);border-bottom:1px solid #0000;top:0}.top.scrolled{border-bottom-color:var(--hairline)}.top-inner{max-width:var(--content-max);padding:0 var(--gutter);display:flex;align-items: center;gap:var(--space-8);height:72px;margin:0 auto}.brand{display:inline-flex;text-decoration:none;align-items: center;gap:10px;font-weight:500}.mark{width:26px;height:28px}.wordmark{letter-spacing:-.02em;font-size:26px;font-weight:500;line-height:1}.brand-sep{color:var(--fg-muted)}.brand-product{font-size:17px;font-weight:500}.nav{display:flex;gap:var(--space-6)}.nav a{text-decoration:none;color:var(--fg-muted);transition:color var(--dur-colour)var(--ease-standard);border-bottom:2px solid #0000;padding:6px 0;font-size:15px;font-weight:500;line-height:20px}.nav a:hover{color:var(--fg)}.nav a[aria-current=page]{color:var(--fg);border-bottom-color:var(--cobalt)}.top-actions{display:flex;gap:var(--space-2);align-items: center;margin-left:auto}.search-pill{display:inline-flex;align-items: center;gap:var(--space-2);height:var(--control-h);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);color:var(--fg-muted);transition:border-color var(--dur-colour)var(--ease-standard);min-width:240px;padding:0 6px 0 12px;font-size:14px}.search-pill:hover{border-color:var(--control-border)}.search-pill-label{text-align:left;flex:1}kbd{font-family:var(--font-fig);border-radius:var(--radius-xs);background:var(--surface-sunken);color:var(--fg-muted);border:1px solid var(--hairline);padding:2px 6px;font-size:12px;font-weight:500;line-height:16px}.icon-btn{width:var(--control-h);height:var(--control-h);display:inline-grid;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);transition:background var(--dur-colour)var(--ease-standard),transform var(--dur-press)var(--ease-standard);place-items: center}.icon-btn:hover{background:color-mix(in srgb,var(--surface)100%,var(--fg)4%)}.icon-btn:active{transform:scale(var(--press-scale))}main{max-width:var(--content-max);padding:var(--space-2)var(--gutter)var(--space-16);margin:0 auto}.slab{background:var(--slab);color:var(--on-slab);border-radius:var(--radius-slab)}:root[data-theme=dark] .slab{border:1px solid var(--hairline)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .slab{border:1px solid var(--hairline)}}.hero{display:grid;grid-template-columns:minmax(0,1.25fr)minmax(0,1fr);gap:var(--space-12);padding:var(--space-12)}.hero-copy{display:flex;gap:var(--space-6);flex-direction:column}.hero-copy .lead{max-width:560px}.hero-copy .lead .fig{color:var(--on-slab)}.hero-cta{display:flex;align-items: center;gap:var(--space-6);margin-top:var(--space-2);flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);height:var(--control-h-lg);border-radius:var(--radius-md);text-decoration:none;transition:background var(--dur-colour)var(--ease-standard),transform var(--dur-press)var(--ease-standard);border:1px solid #0000;padding:0 24px;font-size:15px;font-weight:500;line-height:24px}.btn:active{transform:scale(var(--press-scale))}.btn-on-ink{color:#051735;background:#e8ecf3}.btn-on-ink:hover{background:#fff}.btn-primary{background:var(--cobalt);color:var(--on-cobalt)}.btn-primary:hover{background:color-mix(in srgb,var(--cobalt)88%,#000)}.btn-secondary{background:var(--surface);color:var(--fg);border-color:var(--control-border)}.btn-secondary:hover{background:color-mix(in srgb,var(--surface)100%,var(--fg)5%)}.btn-sm{height:var(--control-h-sm);padding:0 12px;font-size:14px}.btn-sm .hgi-inline{width:16px;height:16px}.link-on-ink{color:var(--on-slab);text-underline-offset:4px;font-size:15px;font-weight:500}.stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--hairline-slab);margin:auto 0 0}.stats dt{color:var(--on-slab-muted);font-size:13px;line-height:20px}.stats dd{margin:0;font-size:22px;font-weight:600;line-height:32px}.hero-card{background:var(--surface-raised);color:var(--fg);border-radius:var(--radius-window);overflow:hidden;box-shadow:0 1px 2px var(--shadow);align-self: start}.hero-card-head{display:flex;border-bottom:1px solid var(--hairline);border-top:3px solid var(--cobalt);justify-content:space-between;align-items: center;padding:14px 20px}.ways{list-style:none;margin:0;padding:0}.ways li{display:grid;grid-template-columns:28px minmax(0,1fr)24px;gap:var(--space-3);border-bottom:1px solid var(--hairline);align-items: center;padding:16px 20px}.ways li:last-child{border-bottom:0}.ways .num{font-family:var(--font-fig);color:var(--cobalt);font-size:15px;font-weight:500}.ways strong{display:block;font-size:15px;font-weight:500;line-height:22px}.ways code{display:block;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;line-height:18px}.way-icon{color:var(--fg-muted);width:22px;height:22px}.toolbar{position:sticky;z-index:20;display:flex;align-items: center;gap:var(--space-6);margin:var(--space-6)0 var(--space-4);padding:var(--space-3);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:0 6px 24px -12px var(--shadow);flex-wrap:wrap;top:72px}.search{display:flex;align-items: center;gap:var(--space-2);height:var(--control-h-lg);border-radius:var(--radius-md);background:var(--surface-sunken);transition:border-color var(--dur-colour)var(--ease-standard),background var(--dur-colour)var(--ease-standard);border:1px solid #0000;flex:320px;padding:0 14px}.search:focus-within{border-color:var(--ring);background:var(--surface)}.search .hgi-inline{color:var(--fg-muted)}.search input{outline:0;background:0 0;border:0;flex:1;min-width:0;height:100%;font-size:16px}.search input::-webkit-search-cancel-button{filter:grayscale(1)}.controls{display:flex;align-items: center;gap:var(--space-6);flex-wrap:wrap}.control{display:flex;align-items: center;gap:var(--space-2)}.control-label{color:var(--fg-muted);white-space:nowrap;font-size:12px;font-weight:500;line-height:16px}.segmented{display:inline-flex;background:var(--surface-sunken);border-radius:var(--radius-md);gap:2px;padding:3px}.segmented button{border-radius:var(--radius-sm);font-family:var(--font-fig);color:var(--fg-muted);transition:background var(--dur-colour)var(--ease-standard),color var(--dur-colour)var(--ease-standard);background:0 0;border:0;min-width:38px;height:30px;padding:0 10px;font-size:14px;font-weight:500}.segmented button:hover{color:var(--fg)}.segmented button[aria-checked=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px var(--shadow),0 0 0 1px var(--hairline)}input[type=range]{accent-color:var(--cobalt);width:112px}.swatch{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--hairline);display:inline-block;width:32px;height:32px}.swatch input{cursor:pointer;background:0 0;border:0;width:48px;height:48px;margin:-8px;padding:0}.link-btn{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.count{color:var(--fg-muted);white-space:nowrap;margin:0 0 0 auto;font-size:13px}.count .fig{color:var(--fg);font-size:15px;font-weight:500}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card)}.grid-wrap{outline:none;overflow:hidden}.grid-head{display:flex;border-bottom:1px solid var(--hairline);justify-content:space-between;align-items: center;padding:14px 20px}.grid-title{font-size:15px;font-weight:500}.grid{position:relative;padding:12px}.row{position:absolute;display:grid;gap:8px;left:12px;right:12px}.tile{position:relative;display:flex;border-radius:var(--radius-lg);color:var(--icon-color,var(--fg));transition:background var(--dur-colour)var(--ease-standard),border-color var(--dur-colour)var(--ease-standard),transform var(--dur-press)var(--ease-standard);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items: center;gap:10px;height:96px;padding:12px 8px 10px}.tile:hover{background:var(--state-hover);border-color:var(--hairline)}.tile:active{transform:scale(var(--press-scale));background:var(--state-pressed)}.tile[aria-current=true]{border-color:var(--cobalt);background:var(--cobalt-subtle)}.tile svg{width:var(--icon-size,24px);height:var(--icon-size,24px);flex:none}.tile-name{color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:400;line-height:16px}.empty{padding:var(--space-16)var(--space-6);text-align:center;display:grid;justify-items:center;gap:6px}.empty-icon{color:var(--fg-muted);width:40px;height:40px;margin-bottom:8px}.empty p{margin:0}.loading{padding:var(--space-12);text-align:center;margin:0}.scrim{position:fixed;z-index:40;background:var(--scrim);animation:fade var(--dur-value)var(--ease-standard);inset:0}.drawer{position:fixed;z-index:41;display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--surface-overlay);border:1px solid var(--hairline);border-radius:var(--radius-tray);box-shadow:0 24px 64px -16px var(--shadow);overflow-y:auto;overscroll-behavior:contain;animation:drawer-in var(--dur-drawer)var(--ease-sheet-in);flex-direction:column;width:min(480px,100vw - 24px);top:12px;bottom:12px;right:12px}.drawer>*{flex-shrink:0}.drawer-head{display:flex;justify-content:space-between;align-items: flex-start;gap:var(--space-4)}.drawer-head .ui-title{word-break:break-word}.d-export{font-family:var(--font-fig);margin:0;font-size:13px;font-weight:500;line-height:20px}.preview{display:grid;aspect-ratio:16/9;border-radius:var(--radius-card);color:var(--icon-color,var(--fg));background-color:var(--surface-sunken);background-image:linear-gradient(var(--hairline)1px,transparent 1px),linear-gradient(90deg,var(--hairline)1px,transparent 1px);background-position:50%;background-size:16px 16px;place-items: center}.preview svg{width:120px;height:120px}.preview-sizes{display:flex;align-items: flex-end;gap:var(--space-5);color:var(--icon-color,var(--fg));padding:0 4px}.preview-sizes figure{display:grid;justify-items:center;gap:6px;margin:0}.preview-sizes figcaption{font-family:var(--font-fig);color:var(--fg-muted);font-size:12px}.aliases{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--fg-muted);border:0;align-items: center;height:26px;padding:0 10px;font-size:12px;font-weight:500}button.chip:hover{color:var(--fg);background:var(--state-pressed)}.tabs{display:flex;background:var(--surface-sunken);border-radius:var(--radius-md);overflow-x:auto;scrollbar-width:none;gap:2px;padding:3px}.tabs button{border-radius:var(--radius-sm);color:var(--fg-muted);white-space:nowrap;background:0 0;border:0;flex:1 0 auto;height:30px;padding:0 10px;font-size:13px;font-weight:500}.tabs button[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px var(--shadow),0 0 0 1px var(--hairline)}.snippet{position:relative}.snippet pre{background:var(--code-bg);border:1px solid var(--hairline);border-radius:var(--radius-card);overflow:auto;max-height:260px;margin:0;padding:16px 16px 56px}.snippet code{white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:20px}.snippet .btn{position:absolute;bottom:10px;right:10px}.snippet-note{margin:-8px 0 0;font-size:13px;line-height:20px}.snippet-note code{font-size:12px}.downloads{display:grid;gap:var(--space-2);border-top:1px solid var(--hairline);padding-top:var(--space-4)}.dl-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.toast{position:fixed;z-index:60;display:inline-flex;color:#fff;border-radius:var(--radius-md);box-shadow:0 12px 32px -8px var(--shadow);animation:rise var(--dur-value)var(--ease-enter);background:#051735;align-items: center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;bottom:24px;left:50%;transform:translate(-50%)}.toast .hgi-inline{color:#4ade80;width:18px;height:18px}.page-head{padding:var(--space-12)0 var(--space-8);display:grid;gap:var(--space-4);max-width:820px}.docs{display:grid;gap:var(--space-4)}.doc{display:grid;grid-template-columns:minmax(0,340px)minmax(0,1fr);gap:var(--space-8);padding:var(--space-8);scroll-margin-top:96px}.doc-head{display:grid;gap:var(--space-3);align-content: start}.doc-num{font-family:var(--font-fig);color:var(--cobalt);font-size:15px;font-weight:500}.doc-head h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600;line-height:32px}.doc-head p{color:var(--fg-muted);margin:0;font-size:14px;line-height:22px}.doc-body{display:grid;gap:var(--space-3);min-width:0}.code{position:relative}.code pre{background:var(--code-bg);border:1px solid var(--hairline);border-radius:var(--radius-card);overflow-x:auto;margin:0;padding:14px 88px 14px 16px}.code code{font-size:13px;line-height:20px}.code .btn{position:absolute;top:8px;right:8px}.code-label{color:var(--fg-muted);margin:6px 0 -4px;font-size:12px;font-weight:500;line-height:16px}.kv{border-collapse:collapse;width:100%;font-size:14px;line-height:22px}.kv th,.kv td{text-align:left;border-bottom:1px solid var(--hairline);vertical-align:top;padding:10px 12px}.kv th{color:var(--fg-muted);font-size:12px;font-weight:500}.kv td:first-child{font-family:var(--font-code);white-space:nowrap;font-size:13px}.dl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.dl-card{display:grid;padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-card);text-decoration:none;transition:border-color var(--dur-colour)var(--ease-standard),background var(--dur-colour)var(--ease-standard);gap:4px}.dl-card:hover{border-color:var(--cobalt);background:var(--cobalt-subtle)}.dl-card strong{font-size:15px;font-weight:500}.dl-card span{color:var(--fg-muted);font-size:13px}.font-demo{display:flex;border-radius:var(--radius-card);background:var(--surface-sunken);color:var(--fg);flex-wrap:wrap;align-items: center;gap:14px;padding:16px;font-size:24px}.font-demo-label{color:var(--fg-muted);font-size:13px;font-family:var(--font);margin-left:auto}.footer{max-width:calc(var(--content-max) - 2*var(--gutter));margin:0 auto var(--gutter);padding:var(--space-8)var(--space-12)}.footer-inner{display:flex;align-items: center;gap:var(--space-8);flex-wrap:wrap}.footer .mark{width:22px;height:24px}.footer .wordmark{font-size:22px}.footer p{margin:0}.footer a{color:var(--on-slab)}.footer .fig{margin-left:auto}@keyframes fade{0%{opacity:0}}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr)}.nav{display:none}.doc{grid-template-columns:1fr;gap:var(--space-4)}}@media (max-width:720px){:root{--gutter:16px}.top-inner{gap:var(--space-3);height:60px}.toolbar{gap:var(--space-3);top:60px}.search-pill{width:var(--control-h);justify-content:center;min-width:0;padding:0}.search-pill-label,.search-pill kbd,.brand-sep,.brand-product{display:none}.hero{padding:var(--space-8)var(--space-5);gap:var(--space-8);border-radius:var(--radius-3xl,24px)}.display{letter-spacing:-.026em;font-size:44px;line-height:48px}.lead{font-size:17px;line-height:27px}.stats{grid-template-columns:repeat(2,auto);gap:var(--space-5)var(--space-8)}.controls{gap:var(--space-4);width:100%}.color-control .link-btn,.search-kbd{display:none}.search{flex-basis:100%}.hero-card-head .fg-muted{display:none}.count{margin-left:0}.tile{height:88px}.drawer{animation-name:sheet-in;width:auto;max-height:88vh;inset:auto 8px 8px}.doc{padding:var(--space-5)}.footer{margin:0 var(--gutter)var(--gutter);padding:var(--space-6)}.footer .fig{margin-left:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(32px)}}