@font-face{font-family:Inter var;src:url(/fonts/inter-latin-var-v1.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+2010,U+2013-2014,U+2018-2019,U+201C-201D,U+2020,U+2022,U+2026,U+2039-203A,U+2190,U+2192,U+2194,U+20AC,U+2122,U+2212,U+2264-2265,U+2713,U+FEFF}@font-face{font-family:JetBrains Mono var;src:url(/fonts/jetbrains-mono-latin-var-v1.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+2010,U+2013-2014,U+2018-2019,U+201C-201D,U+2020,U+2022,U+2026,U+2039-203A,U+2190,U+2192,U+2194,U+20AC,U+2122,U+2212,U+2264-2265,U+2713,U+FEFF}@font-face{font-family:Inter fallback;src:local(Arial),local(Helvetica Neue),local(Liberation Sans);size-adjust:105.3%;ascent-override:92%;descent-override:22.9%;line-gap-override:0%}@font-face{font-family:JetBrains Mono fallback;src:local(Menlo),local(Consolas),local(DejaVu Sans Mono);size-adjust:99.7%;ascent-override:102.3%;descent-override:30.1%;line-gap-override:0%}:root{--w:1100px;--w-prose:68ch;--gutter:20px;--radius:10px;--radius-sm:6px;--radius-lg:16px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--touch:44px;--font-ui:"Inter var", "Inter", "Inter fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono var", "JetBrains Mono", "JetBrains Mono fallback", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--t-xs:.75rem;--t-sm:.8125rem;--t-base:.9375rem;--t-md:1.0625rem;--t-lg:clamp(1.125rem, .9rem + .9vw, 1.375rem);--t-xl:clamp(1.5rem, 1.1rem + 1.6vw, 2rem);--t-2xl:clamp(1.875rem, 1.3rem + 2.6vw, 2.75rem);--lh-tight:1.2;--lh-snug:1.4;--lh-body:1.65;--bg:#eceeec;--surface:#f4f6f4;--surface-2:#e1e4e1;--fg:#101413;--muted:#454947;--hair:#dbdedb;--hair-strong:#7e827f;--chip:#e1e4e1;--accent:#14532d;--accent-hi:#0e3d21;--accent-fg:#fff;--accent-bg:#e0ebe4;--accent-hair:#6a8878;--ok:#14532d;--warn:#5a4209;--err:#7a1b1b;--err-bg:#f7e6e5;--err-hair:#d9a9a6;--focus:var(--accent);--shadow:0 1px 2px #0f121114, 0 4px 12px #0f12110d;color-scheme:light}:root[data-theme=dark]{--bg:#161917;--surface:#1e2220;--surface-2:#272b29;--fg:#eef1ef;--muted:#b4bdb7;--hair:#2f3532;--hair-strong:#737c76;--chip:#272b29;--accent:#74cf9c;--accent-hi:#9adfb8;--accent-fg:#08150f;--accent-bg:#1b2a22;--accent-hair:#5d7268;--ok:#74cf9c;--warn:#e3c47c;--err:#f2aaa6;--err-bg:#2c1b1a;--err-hair:#663c39;--shadow:0 1px 2px #00000073, 0 4px 14px #00000059;color-scheme:dark}@media (prefers-contrast:more){:root{--hair:var(--hair-strong);--muted:var(--fg)}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-ui);font-size:var(--t-base);line-height:var(--lh-body);font-feature-settings:"cv05" 1, "ss03" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;display:flex}h1,h2,h3,h4{line-height:var(--lh-tight);text-wrap:balance;letter-spacing:-.018em;font-weight:620}h1{font-size:var(--t-2xl);letter-spacing:-.028em}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg)}p,li{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--accent-hi)}code,kbd,samp,pre,textarea{font-family:var(--font-mono);font-size:.9375em}code{background:var(--chip);border-radius:var(--radius-sm);padding:.12em .36em;font-size:.875em}pre{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:var(--s4);overflow-x:auto}pre code{background:0 0;padding:0}img,svg{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}:focus:not(:focus-visible){outline:none}hr{border:0;border-top:1px solid var(--hair)}table{border-collapse:collapse;width:100%}.wrap{width:min(100% - (var(--gutter) * 2), var(--w));margin-inline:auto}.prose{max-width:var(--w-prose)}.prose>*+*{margin-block-start:var(--s4)}.prose h2{margin-block-start:var(--s7)}.prose h3{font-size:var(--t-md);margin-block-start:var(--s6)}.prose ul,.prose ol{gap:var(--s2);padding-inline-start:var(--s5);display:grid}.prose table{font-size:var(--t-sm);display:block;overflow-x:auto}.prose th,.prose td{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--hair);white-space:nowrap}.skip-link{left:var(--s3);top:var(--s3);z-index:100;padding:var(--s2) var(--s4);background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);position:absolute;transform:translateY(-200%)}.skip-link:focus{color:var(--accent-fg);transform:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--s2);border:1px solid var(--hair-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--fg);font-size:var(--t-sm);cursor:pointer;white-space:nowrap;padding:9px 15px;font-weight:550;line-height:1.2;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--fg);color:var(--fg)}.btn:active{transform:translateY(.5px)}.btn--touch{min-height:var(--touch);min-width:var(--touch);font-size:var(--t-base);padding-inline:17px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn--primary:hover{background:var(--accent-hi);border-color:var(--accent-hi);color:var(--accent-fg)}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);color:var(--fg)}.btn--icon{min-width:40px;padding:9px}.btn--sm{min-height:34px;font-size:var(--t-sm);padding:6px 11px}.site-header{border-bottom:1px solid var(--hair);background:var(--bg);z-index:20;transition:transform .28s,opacity .28s;position:sticky;top:0}.site-header[data-hidden=true]{opacity:0;transform:translateY(-100%)}.site-header:focus-within{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.site-header{transition:none}.site-header[data-hidden=true]{opacity:1;transform:none}}.site-header__inner{align-items:center;gap:var(--s5);min-height:58px;padding-block:var(--s2);display:flex}.logo{color:var(--fg);letter-spacing:-.025em;flex-shrink:0;align-items:center;gap:9px;font-size:1.0625rem;font-weight:640;text-decoration:none;display:inline-flex}.logo:hover{color:var(--fg)}.logo__mark{flex-shrink:0}.logo__suffix{color:var(--muted);font-weight:450}.site-nav{gap:var(--s1);flex-wrap:wrap;align-items:center;margin-inline-start:auto;display:flex}.site-nav__link{border-radius:var(--radius-sm);color:var(--muted);font-size:var(--t-sm);padding:5px 10px;font-weight:500;text-decoration:none}.site-nav__link:hover{background:var(--surface-2);color:var(--fg)}.site-nav__link[aria-current=page]{color:var(--accent);background:var(--accent-bg)}@media (width<=720px){.site-header__inner{gap:var(--s3);flex-wrap:wrap}.site-nav{scrollbar-width:none;flex-wrap:nowrap;width:100%;margin-inline-start:0;padding-bottom:2px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}}.site-footer{border-top:1px solid var(--hair);background:var(--surface);padding-block:var(--s7) var(--s6);font-size:var(--t-sm);margin-block-start:auto}.site-footer__cols{gap:var(--s6) var(--s5);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.site-footer h2{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-block-end:var(--s3);font-weight:600}.site-footer ul{gap:var(--s2);padding:0;list-style:none;display:grid}.site-footer a{color:var(--fg);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.site-footer__base{border-top:1px solid var(--hair);gap:var(--s4);color:var(--muted);font-size:var(--t-xs);flex-wrap:wrap;justify-content:space-between;margin-block-start:var(--s6);padding-block-start:var(--s4);display:flex}main{padding-block:var(--s6) var(--s8)}.breadcrumb{font-size:var(--t-sm);color:var(--muted);margin-block-end:var(--s4)}.breadcrumb ol{gap:var(--s3);flex-wrap:wrap;align-items:center;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:var(--s3);display:flex}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.breadcrumb__sep{opacity:.55;user-select:none}.page-head{margin-block-end:var(--s6)}.page-head__tagline{color:var(--muted);font-size:var(--t-md);max-width:60ch;margin-block-start:var(--s3)}.page-head__badge{margin-block-start:var(--s4)}.badge{font-size:var(--t-xs);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.badge--local{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-hair)}.badge--server{background:var(--surface-2);color:var(--muted);border-color:var(--hair-strong)}.tool{gap:var(--s4);display:grid}.tool__bar{gap:var(--s3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.toggle{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--hair-strong);gap:2px;padding:3px;display:inline-flex}.toggle__btn{border-radius:var(--radius-sm);min-height:38px;color:var(--muted);font-size:var(--t-sm);cursor:pointer;background:0 0;border:0;padding:8px 20px;font-weight:550;transition:background-color .12s,color .12s}.toggle__btn:hover{color:var(--fg)}.toggle__btn[aria-checked=true]{background:var(--accent);color:var(--accent-fg)}.variants{align-items:center;gap:var(--s2) var(--s4);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.variants__item{align-items:center;gap:var(--s2);min-height:var(--touch);font-size:var(--t-sm);color:var(--muted);cursor:pointer;user-select:none;padding-inline-end:var(--s2);display:inline-flex}.variants__item:hover{color:var(--fg)}.variants__item input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.variants__item:has(input:checked){color:var(--fg)}.tool__settings{align-items:center;gap:var(--s3) var(--s5);flex-wrap:wrap;display:flex}.io__auto{font-size:var(--t-sm);color:var(--muted);align-items:center;gap:var(--s2);display:none}.io__auto[data-shown=true]{display:flex}.io__auto:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.tool__actions{gap:var(--s2);flex-wrap:wrap;display:flex}.io{gap:var(--s3);grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}@media (width<=860px){.io{grid-template-columns:1fr}}.io__pane{border:1px solid var(--hair-strong);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;min-width:0;display:flex;overflow:hidden}.io__pane:focus-within{border-color:var(--accent)}.io__head,.io__foot{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--surface-2);font-size:var(--t-xs);color:var(--muted);min-height:52px;display:flex}.io__head{border-bottom:1px solid var(--hair-strong);letter-spacing:.04em;text-transform:uppercase;font-weight:650}.io__foot{border-top:1px solid var(--hair-strong);justify-content:space-between;min-height:40px}.io__head-actions,.io__foot-actions{gap:var(--s1);align-items:center;margin-inline-start:auto;display:flex}.io__foot-actions{margin-inline-start:0}.io__area{resize:vertical;width:100%;min-height:300px;padding:var(--s4);background:var(--surface);color:var(--fg);font-family:var(--font-mono);font-size:var(--t-base);tab-size:2;border:0;flex:1;line-height:1.65}.io__area:focus{outline:none}.io__area::placeholder{color:var(--muted);opacity:.85}.io__swap{justify-content:center;align-items:center;display:flex}@media (width<=860px){.io__swap{justify-content:flex-start}.io__area{min-height:190px}}.io__swap .btn{background:var(--surface)}.io__count{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--t-xs)}.io__status{padding:var(--s3) var(--s4);border-radius:var(--radius);font-size:var(--t-sm);border:1px solid #0000;display:none}.io__status[data-state=error]{background:var(--err-bg);border-color:var(--err-hair);color:var(--err);display:block}.io__status[data-state=error] code{background:color-mix(in srgb, var(--err) 12%, transparent);color:inherit}.io__examples{gap:var(--s2) var(--s3);font-size:var(--t-sm);color:var(--muted);flex-wrap:wrap;align-items:center;display:flex}.io__examples-list{gap:var(--s2);flex-wrap:wrap;display:flex}.card-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:0;list-style:none;display:grid}.card{height:100%;padding:var(--s4);border:1px solid var(--hair);border-radius:var(--radius);background:var(--surface);color:var(--fg);flex-direction:column;gap:5px;text-decoration:none;transition:border-color .12s,background-color .12s;display:flex}.card:hover{border-color:var(--accent);background:var(--surface-2);color:var(--fg)}.tool-icon{color:var(--accent);margin-block-end:var(--s2);display:block}.tool-icon svg{width:22px;height:22px}.card__title{font-weight:600;font-size:var(--t-base);letter-spacing:-.012em}.card__desc{color:var(--muted);font-size:var(--t-sm);line-height:var(--lh-snug)}.section{margin-block-start:var(--s8)}.section>h2{margin-block-end:var(--s4)}.section__lead{color:var(--muted);max-width:var(--w-prose);margin-block-end:var(--s5)}.jump{gap:var(--s2);border-bottom:1px solid var(--hair);flex-wrap:wrap;margin-block-end:var(--s6);padding-block-end:var(--s5);display:flex}.jump__link{border:1px solid var(--hair-strong);min-height:36px;color:var(--muted);font-size:var(--t-sm);border-radius:999px;align-items:center;padding:6px 13px;font-weight:550;text-decoration:none;display:inline-flex}.jump__link:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.section>h2 a{color:inherit;text-decoration:none}.section>h2 a:hover{color:var(--accent);text-decoration:underline}.section[aria-labelledby]>h2{scroll-margin-top:80px}.ad-slot{margin-block:var(--s7);min-height:var(--ad-h,100px);justify-content:center;align-items:center;display:flex;container-type:inline-size}.ad-slot--below-tool{--ad-h:100px}.ad-slot--in-article{--ad-h:250px;margin-block:var(--s6)}.ad-slot--sidebar{--ad-h:600px}.ad-slot__placeholder{width:100%;height:var(--ad-h,100px);border:1px dashed var(--hair-strong);border-radius:var(--radius);color:var(--muted);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;background:var(--surface);justify-content:center;align-items:center;display:flex}.ad-slot__label{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-block-end:var(--s1);font-size:10px;display:block}.toast{inset-inline:0;bottom:var(--s5);width:max-content;max-width:calc(100% - var(--s6));padding:var(--s3) var(--s5);background:var(--fg);color:var(--bg);font-size:var(--t-sm);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:50;border-radius:999px;margin-inline:auto;font-weight:500;transition:opacity .16s,transform .16s;position:fixed;transform:translateY(8px)}.toast[data-visible=true]{opacity:1;transform:none}.search{flex-shrink:0;align-items:center;width:15rem;display:flex;position:relative}.search__icon{fill:none;width:15px;height:15px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;inset-inline-start:9px}.search__input{border:1px solid var(--hair-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--fg);font:inherit;font-size:var(--t-sm);min-height:var(--touch);padding:6px 10px 6px 30px}.search__input::placeholder{color:var(--muted)}.search__input::-webkit-search-cancel-button{display:none}.search__panel{inset-inline:0;z-index:30;max-height:min(60vh,24rem);padding:var(--s1);border:1px solid var(--hair);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow);position:absolute;top:calc(100% + 6px);overflow-y:auto}.search__panel[hidden]{display:none}.search__results{flex-direction:column;display:flex}.search__result{border-radius:var(--radius-sm);color:var(--fg);flex-direction:column;gap:1px;padding:7px 9px;text-decoration:none;display:flex}.search__result:hover,.search__result[aria-selected=true]{background:var(--accent-bg)}.search__result-title{font-size:var(--t-sm);font-weight:500;line-height:var(--lh-snug)}.search__result[aria-selected=true] .search__result-title{color:var(--accent)}.search__result-category{font-size:var(--t-xs);color:var(--muted)}.search__empty{font-size:var(--t-sm);color:var(--muted);margin:0;padding:9px}.search__empty[hidden]{display:none}@media (width<=720px){.search{order:3;width:100%}}@media (prefers-contrast:more){.search__result[aria-selected=true]{outline:2px solid var(--accent);outline-offset:-2px}}