.site-header[data-astro-cid-nen7h5rs]{background:var(--bg);border-bottom:1px solid var(--border)}.header-inner[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 20px;display:flex;position:relative}@media (width>=880px){.header-inner[data-astro-cid-nen7h5rs]{padding-inline:32px}}.brand[data-astro-cid-nen7h5rs]{color:var(--text);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-rivet[data-astro-cid-nen7h5rs]{flex-shrink:0;width:22px;height:22px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:inline-flex}.brand-rivet[data-astro-cid-nen7h5rs] svg[data-astro-cid-nen7h5rs]{width:100%;height:100%;display:block}.brand[data-astro-cid-nen7h5rs]:hover .brand-rivet[data-astro-cid-nen7h5rs]{transform:rotate(90deg)}.brand-word[data-astro-cid-nen7h5rs]{font-family:var(--font-display);letter-spacing:-.032em;font-size:1.2rem;font-weight:800;line-height:1}.nav-link[data-astro-cid-nen7h5rs]{color:var(--text-muted);letter-spacing:.075em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:9px 12px;font-family:inherit;font-size:.78rem;font-weight:700;font-stretch:90%;text-decoration:none;transition:color .15s,background .15s;display:inline-flex;position:relative}.nav-link[data-astro-cid-nen7h5rs]:hover,.nav-link[data-astro-cid-nen7h5rs][aria-expanded=true]{color:var(--text);background:color-mix(in oklab, var(--text) 5%, transparent);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.chevron[data-astro-cid-nen7h5rs]{width:13px;height:13px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.nav-dropdown-btn[data-astro-cid-nen7h5rs][aria-expanded=true] .chevron[data-astro-cid-nen7h5rs]{transform:rotate(180deg)}.primary-nav[data-astro-cid-nen7h5rs]{align-items:center;gap:2px;margin-left:auto;display:flex}.nav-dropdown[data-astro-cid-nen7h5rs]{position:relative}.nav-dropdown-menu[data-astro-cid-nen7h5rs]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:236px;box-shadow:var(--shadow);z-index:50;flex-direction:column;gap:0;padding:4px;display:none;position:absolute;top:calc(100% + 10px);left:0}.nav-dropdown-menu[data-astro-cid-nen7h5rs][data-open]{display:flex}.nav-menu-item[data-astro-cid-nen7h5rs]{color:var(--text);letter-spacing:-.01em;white-space:nowrap;border-radius:2px;align-items:center;gap:11px;padding:10px 11px 11px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .13s;display:flex}.nav-menu-item[data-astro-cid-nen7h5rs]:hover{background:var(--surface-alt);color:var(--text)}.nav-menu-item[data-astro-cid-nen7h5rs].is-all{border-top:1px solid var(--border);color:var(--text-muted);margin-top:3px}.nav-menu-chip[data-astro-cid-nen7h5rs]{background:var(--fam,var(--border));flex-shrink:0;width:11px;height:11px}.nav-menu-item[data-astro-cid-nen7h5rs][data-family=images] .nav-menu-chip[data-astro-cid-nen7h5rs]{background:var(--chip-images)}.nav-menu-item[data-astro-cid-nen7h5rs][data-family=documents] .nav-menu-chip[data-astro-cid-nen7h5rs]{background:var(--chip-documents)}.nav-menu-item[data-astro-cid-nen7h5rs][data-family=design] .nav-menu-chip[data-astro-cid-nen7h5rs]{background:var(--chip-design)}.nav-menu-item[data-astro-cid-nen7h5rs][data-family=utilities] .nav-menu-chip[data-astro-cid-nen7h5rs]{background:var(--chip-utilities)}.nav-menu-item[data-astro-cid-nen7h5rs][data-family=dev] .nav-menu-chip[data-astro-cid-nen7h5rs]{background:var(--chip-dev)}.nav-menu-item[data-astro-cid-nen7h5rs][data-family=text] .nav-menu-chip[data-astro-cid-nen7h5rs]{background:var(--chip-text)}.nav-menu-item[data-astro-cid-nen7h5rs].is-all .nav-menu-chip[data-astro-cid-nen7h5rs]{background:repeating-linear-gradient(135deg, var(--chip-images) 0 3px, var(--chip-documents) 3px 6px, var(--chip-design) 6px 9px, var(--chip-utilities) 9px 12px, var(--chip-dev) 12px 15px, var(--chip-text) 15px 18px)}.header-actions[data-astro-cid-nen7h5rs]{flex-shrink:0;align-items:center;gap:8px;display:flex}#theme-toggle[data-astro-cid-nen7h5rs]{border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}#theme-toggle[data-astro-cid-nen7h5rs]:hover{color:var(--text);border-color:var(--text);background:color-mix(in oklab, var(--text) 5%, transparent)}#theme-toggle[data-astro-cid-nen7h5rs]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#theme-toggle[data-astro-cid-nen7h5rs] svg[data-astro-cid-nen7h5rs]{width:17px;height:17px}#theme-toggle[data-astro-cid-nen7h5rs] .icon-moon[data-astro-cid-nen7h5rs],[data-theme=dark] #theme-toggle[data-astro-cid-nen7h5rs] .icon-sun[data-astro-cid-nen7h5rs]{display:none}[data-theme=dark] #theme-toggle[data-astro-cid-nen7h5rs] .icon-moon[data-astro-cid-nen7h5rs]{display:block}.nav-toggle[data-astro-cid-nen7h5rs]{border:1px solid var(--border);border-radius:var(--radius);width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:none}.nav-toggle[data-astro-cid-nen7h5rs]:hover{border-color:var(--text)}.nav-toggle[data-astro-cid-nen7h5rs]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-toggle[data-astro-cid-nen7h5rs] svg[data-astro-cid-nen7h5rs]{width:19px;height:19px}.nav-toggle[data-astro-cid-nen7h5rs] .icon-close[data-astro-cid-nen7h5rs],.nav-toggle[data-astro-cid-nen7h5rs][aria-expanded=true] .icon-menu[data-astro-cid-nen7h5rs]{display:none}.nav-toggle[data-astro-cid-nen7h5rs][aria-expanded=true] .icon-close[data-astro-cid-nen7h5rs]{display:block}@media (width<=780px){.nav-toggle[data-astro-cid-nen7h5rs]{display:inline-flex}.primary-nav[data-astro-cid-nen7h5rs]{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:40;flex-direction:column;align-items:stretch;gap:0;margin-left:0;padding:8px;display:none;position:absolute;top:100%;left:0;right:0}.primary-nav[data-astro-cid-nen7h5rs][data-open]{display:flex}.nav-link[data-astro-cid-nen7h5rs]{justify-content:space-between;padding:13px 12px;font-size:.86rem}.nav-dropdown-menu[data-astro-cid-nen7h5rs]{border:none;border-left:1px solid var(--border);min-width:0;box-shadow:none;background:0 0;border-radius:0;margin:0 0 2px;padding:0 0 0 10px;display:flex;position:static}.nav-dropdown-menu[data-astro-cid-nen7h5rs]:not([data-open]){display:none}}.site-footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--border);background:var(--surface-alt);margin-top:72px}.deck-bar[data-astro-cid-jo6i4kqk]{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}@media (width>=700px){.deck-bar[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(6,1fr)}}.deck-bar-item[data-astro-cid-jo6i4kqk]{background:var(--chip);color:oklch(100% 0 0);flex-direction:column;justify-content:space-between;gap:20px;min-height:92px;padding:13px 14px 15px;text-decoration:none;display:flex;position:relative;overflow:hidden}.deck-bar-item[data-astro-cid-jo6i4kqk][data-family=images]{--chip:var(--chip-images)}.deck-bar-item[data-astro-cid-jo6i4kqk][data-family=documents]{--chip:var(--chip-documents)}.deck-bar-item[data-astro-cid-jo6i4kqk][data-family=design]{--chip:var(--chip-design)}.deck-bar-item[data-astro-cid-jo6i4kqk][data-family=utilities]{--chip:var(--chip-utilities)}.deck-bar-item[data-astro-cid-jo6i4kqk][data-family=dev]{--chip:var(--chip-dev)}.deck-bar-item[data-astro-cid-jo6i4kqk][data-family=text]{--chip:var(--chip-text)}.deck-bar-item[data-astro-cid-jo6i4kqk]+.deck-bar-item[data-astro-cid-jo6i4kqk]{box-shadow:inset 1px 0 oklch(100% 0 0/.18)}.deck-bar-count[data-astro-cid-jo6i4kqk]{letter-spacing:.1em;opacity:.68;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700;font-stretch:86%}.deck-bar-name[data-astro-cid-jo6i4kqk]{font-family:var(--font-display);letter-spacing:-.024em;text-wrap:balance;font-size:.95rem;font-weight:700;line-height:1.06}.deck-bar-item[data-astro-cid-jo6i4kqk]:after{content:"";transform-origin:0;background:oklch(100% 0 0);height:2px;transition:transform .34s cubic-bezier(.16,1,.3,1);position:absolute;bottom:11px;left:14px;right:14px;transform:scaleX(0)}.deck-bar-item[data-astro-cid-jo6i4kqk]:hover:after,.deck-bar-item[data-astro-cid-jo6i4kqk]:focus-visible:after{transform:scaleX(1)}.deck-bar-item[data-astro-cid-jo6i4kqk]:focus-visible{outline-offset:-4px;outline:2px solid oklch(100% 0 0)}.footer-inner[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:22px;padding:30px 20px 34px;display:flex}@media (width>=880px){.footer-inner[data-astro-cid-jo6i4kqk]{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px;padding-inline:32px}}.footer-brand[data-astro-cid-jo6i4kqk]{align-items:flex-start;gap:10px;display:flex}.footer-rivet[data-astro-cid-jo6i4kqk]{flex-shrink:0;width:20px;height:20px;margin-top:2px;display:inline-flex}.footer-rivet[data-astro-cid-jo6i4kqk] svg[data-astro-cid-jo6i4kqk]{width:100%;height:100%;display:block}.footer-word[data-astro-cid-jo6i4kqk]{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.05rem;font-weight:800;line-height:1.1}.footer-promise[data-astro-cid-jo6i4kqk]{color:var(--text-muted);max-width:34ch;margin:4px 0 0;font-size:.86rem;line-height:1.5}.footer-links[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;gap:6px 20px;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--text-muted);font-size:.86rem;font-weight:600;text-decoration:none}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--accent);text-decoration:underline}.copyright[data-astro-cid-jo6i4kqk]{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;margin:0;font-size:.7rem;font-weight:700;font-stretch:86%}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo/archivo-vf-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo/archivo-vf-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light;--bg:oklch(96.4% .003 250);--surface:oklch(100% 0 0);--surface-alt:oklch(93.2% .004 250);--text:oklch(18% .006 250);--text-muted:oklch(45.5% .008 250);--border:oklch(82% .005 250);--border-input:oklch(64% .006 250);--border-strong:oklch(18% .006 250);--chip-images:oklch(45% .19 264);--chip-documents:oklch(48% .18 32);--chip-design:oklch(45% .21 350);--chip-utilities:oklch(50% .11 160);--chip-dev:oklch(46% .16 300);--chip-text:oklch(50% .125 66);--fam:var(--chip-images);--accent:var(--fam);--accent-hover:color-mix(in oklab, var(--fam) 80%, black);--accent-soft:color-mix(in oklab, var(--fam) 9%, var(--bg));--accent-contrast:var(--fam);--accent-contrast-hover:color-mix(in oklab, var(--fam) 80%, black);--accent-2:var(--chip-documents);--accent-2-soft:color-mix(in oklab, var(--chip-documents) 9%, var(--bg));--danger:oklch(48% .19 27);--danger-soft:oklch(94% .03 27);--warn:oklch(50% .12 72);--warn-soft:oklch(94.5% .05 82);--success:oklch(45% .1 165);--success-soft:oklch(94% .03 165);--code-bg:var(--surface-alt);--checker-a:oklch(100% 0 0);--on-field:oklch(100% 0 0);--checker-b:oklch(85% .004 250);--scrim:oklch(0% 0 0/.38);--scrim-ink:oklch(100% 0 0/.32);--shadow-sm:0 1px 2px oklch(18% .01 250/.08), 0 4px 10px oklch(18% .01 250/.06);--shadow:0 2px 4px oklch(18% .01 250/.09), 0 18px 40px oklch(18% .01 250/.14);--shadow-accent:0 18px 40px oklch(18% .01 250/.16);--ink-field:oklch(18% .006 250);--on-ink:oklch(97% .003 250);--radius:3px;--radius-lg:6px;--font-sans:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;caret-color:var(--accent);scrollbar-color:var(--border) var(--bg)}[data-family=images]{--fam:var(--chip-images)}[data-family=documents]{--fam:var(--chip-documents)}[data-family=design]{--fam:var(--chip-design)}[data-family=utilities]{--fam:var(--chip-utilities)}[data-family=dev]{--fam:var(--chip-dev)}[data-family=text]{--fam:var(--chip-text)}[data-family]{--accent:var(--fam);--accent-hover:color-mix(in oklab, var(--fam) 80%, black);--accent-soft:color-mix(in oklab, var(--fam) 9%, var(--bg));--accent-contrast:var(--fam);--accent-contrast-hover:color-mix(in oklab, var(--fam) 80%, black)}:root[data-theme=dark] [data-family]{--accent:color-mix(in oklab, var(--fam) 62%, white);--accent-hover:color-mix(in oklab, var(--fam) 42%, white);--accent-soft:color-mix(in oklab, var(--fam) 20%, var(--bg));--accent-contrast:var(--fam);--accent-contrast-hover:color-mix(in oklab, var(--fam) 82%, black)}:root[data-theme=dark]{color-scheme:dark;--bg:oklch(20% .004 250);--surface:oklch(25% .005 250);--surface-alt:oklch(30% .006 250);--text:oklch(95.5% .004 250);--text-muted:oklch(73% .006 250);--border:oklch(35% .006 250);--border-input:oklch(56% .006 250);--border-strong:oklch(95.5% .004 250);--accent:color-mix(in oklab, var(--fam) 62%, white);--accent-hover:color-mix(in oklab, var(--fam) 42%, white);--accent-soft:color-mix(in oklab, var(--fam) 20%, var(--bg));--accent-contrast:var(--fam);--accent-contrast-hover:color-mix(in oklab, var(--fam) 82%, black);--accent-2:color-mix(in oklab, var(--chip-documents) 68%, white);--accent-2-soft:color-mix(in oklab, var(--chip-documents) 20%, var(--bg));--danger:oklch(76% .14 25);--danger-soft:oklch(28% .06 27);--warn:oklch(82% .11 84);--warn-soft:oklch(29% .05 82);--success:oklch(78% .11 165);--success-soft:oklch(28% .04 165);--checker-a:oklch(42% .004 250);--checker-b:oklch(32% .004 250);--shadow-sm:0 1px 2px oklch(0% 0 0/.4), 0 4px 12px oklch(0% 0 0/.4);--shadow:0 2px 6px oklch(0% 0 0/.5), 0 20px 44px oklch(0% 0 0/.55);--shadow-accent:0 20px 44px oklch(0% 0 0/.55)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:light;scroll-behavior:smooth;-webkit-text-size-adjust:100%}:root[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.58}button,input,select,textarea{font:inherit;color:inherit}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--accent)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]),select,textarea,.io{border-color:var(--border-input)!important}::selection{background:var(--accent);color:var(--on-field)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 .5em;font-weight:800;line-height:.96}h1{font-size:clamp(2.4rem,4.4vw + .9rem,5rem);font-weight:800}h2{letter-spacing:-.028em;font-size:clamp(1.35rem,1.3vw + .95rem,2rem);font-weight:800;line-height:1.02}h3{letter-spacing:-.018em;font-size:1.2rem;font-weight:700;line-height:1.2}h4{letter-spacing:-.01em;font-size:.95rem;font-weight:700;line-height:1.25}p{color:var(--text);margin:0 0 1em}p:last-child{margin-bottom:0}.label,.label-caps{font-family:var(--font-sans);letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700;font-stretch:86%;line-height:1.2;display:inline-block}strong,b{font-weight:700}em{font-style:italic}.hl{color:var(--accent);font-style:normal;font-weight:800}code,pre{font-family:var(--font-mono);background:var(--code-bg);border-radius:2px}code{font-variant-ligatures:none;padding:1px 5px;font-size:.88em}pre{padding:16px;overflow-x:auto}pre code{background:0 0;padding:0}:not(pre)>code{border:1px solid var(--border)}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.num,.tabular{font-variant-numeric:tabular-nums}.container{max-width:1200px;margin:0 auto;padding-inline:20px}@media (width>=880px){.container{padding-inline:32px}}.grid{gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none}.btn{border:1px solid var(--text);border-radius:var(--radius);background:var(--text);color:var(--bg);font-family:var(--font-sans);letter-spacing:-.008em;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:13px 22px 14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .34s cubic-bezier(.16,1,.3,1);position:absolute;inset:auto 0 0;transform:scaleX(0)}.btn:hover{color:var(--bg)}.btn:hover:after{transform:scaleX(1)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn:active{transform:translateY(1px)}.btn[disabled],.btn:disabled{opacity:.42;cursor:not-allowed}.btn[disabled]:after,.btn:disabled:after{transform:scaleX(0)}.btn-secondary{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-secondary:hover{color:var(--text);background:color-mix(in oklab, var(--text) 6%, transparent)}.link-btn{min-height:28px;color:var(--accent);font-weight:700;font-size:inherit;cursor:pointer;text-underline-offset:.16em;background:0 0;border:none;align-items:center;margin:0 -1px;padding:0 4px;text-decoration:underline 1px;display:inline-flex}.link-btn:hover{color:var(--accent-hover)}.link-btn-sm{min-height:28px;color:var(--text-muted);text-underline-offset:3px;padding:0 4px;font-size:.78rem}.link-btn-sm:hover{color:var(--text)}@media (pointer:coarse){.link-btn,.link-btn-sm{min-height:44px;padding:0 10px}}.tool-section{max-width:680px;padding:36px 20px 72px}@media (width>=880px){.tool-section{padding-inline:32px}}.tool-section h1{margin-bottom:.42em;font-size:clamp(2.4rem,3vw + .8rem,3.4rem);line-height:.98}.tool-panel{margin-top:26px;padding:26px}.tool-panel.compact{padding:20px}.lede{color:var(--text-muted);max-width:62ch;font-size:1.05rem;line-height:1.55}.fam-band{background:var(--fam);color:var(--on-field)}.fam-band-inner{justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding-block:12px;display:flex}.fam-band a{color:var(--on-field);opacity:.82;text-decoration:none}.fam-band a:hover{opacity:1;color:var(--on-field);text-decoration:underline}.fam-band .breadcrumb{color:var(--on-field);margin:0}.fam-band .breadcrumb a{color:var(--on-field);opacity:.82}.fam-band .breadcrumb a:hover{color:var(--on-field);opacity:1}.fam-band .breadcrumb span[aria-hidden]{opacity:.5}.fam-band .fam-band-name{letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;opacity:.9;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700;font-stretch:86%}@media (width<=620px){.fam-band-name{display:none}}.fam-band.is-ink{background:var(--ink-field);color:var(--on-ink)}.fam-band.is-ink a,.fam-band.is-ink a:hover,.fam-band.is-ink .breadcrumb{color:var(--on-ink)}.fam-band.is-ink .breadcrumb a{color:var(--on-ink);opacity:.82}.fam-band.is-ink .breadcrumb a:hover{color:var(--on-ink);opacity:1}.explainer{margin-top:48px}.explainer>*{max-width:64ch}.explainer p{color:var(--text-muted)}.explainer h2{letter-spacing:-.024em;margin-top:40px;margin-bottom:.6em;font-size:1.35rem;line-height:1.12}.explainer h2:first-child{margin-top:0}.explainer>.post-figure{max-width:none;margin:24px 0 0}.explainer .post-figure img{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:auto;display:block}.explainer .post-figure figcaption{max-width:64ch;color:var(--text-muted);margin-top:10px;font-size:.86rem;line-height:1.55}.explainer h3{margin-top:26px;font-size:1.05rem}.explainer ul,.explainer ol{color:var(--text-muted);padding-left:1.15em}.explainer li{margin-bottom:.4em}.explainer a{font-weight:600}.explainer code{font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--border);border-radius:2px;padding:1px 5px;font-size:.85em}.drop-zone{border:1px dashed var(--border-input);border-radius:var(--radius);text-align:center;cursor:pointer;padding:52px 20px 56px;transition:border-color .16s,background .16s}.drop-zone:hover{border-color:var(--accent);border-style:solid}.drop-zone.drag-active{border-color:var(--accent);background:var(--accent-soft);border-style:solid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error-text{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius);margin-top:16px;padding:12px 16px;font-size:.95rem}.preview-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.preview-box{flex-direction:column;align-items:center;gap:8px;display:flex}.preview-label{letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700;font-stretch:86%}.preview-frame{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background-image:conic-gradient(var(--checker-a) 90deg, var(--checker-b) 90deg 180deg, var(--checker-a) 180deg 270deg, var(--checker-b) 270deg);background-size:20px 20px;width:100%;position:relative;overflow:hidden}.preview-frame img{object-fit:contain;width:100%;height:100%;display:block}.preview-meta{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.convert-overlay{background:var(--scrim);justify-content:center;align-items:center;padding:0 16px;display:none;position:absolute;inset:0}.convert-overlay:not([hidden]){display:flex}.progress-bar{background:var(--scrim-ink);border-radius:0;width:100%;max-width:148px;height:4px;overflow:hidden}.progress-fill{background:var(--on-ink);width:0;height:100%}.progress-fill.indeterminate{width:40%;animation:1.2s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.field label,.control-label,.field-label{font-size:.86rem;font-weight:600}input[type=text],input[type=number],input[type=search],input[type=url],input[type=email],input[type=password],select,textarea{border:1px solid var(--border-input);border-radius:var(--radius);background:var(--surface);padding:9px 12px;font-size:.95rem}select{cursor:pointer}.option-row{flex-direction:column;gap:6px;font-size:.86rem;display:flex}.option-row input[type=range]{width:100%}.option-row-inline{align-items:center;gap:8px;display:flex}.preset-btn{border-radius:var(--radius);border:1px solid var(--border-input);background:var(--surface);color:var(--text);cursor:pointer;padding:8px 14px 9px;font-size:.86rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.preset-btn:hover{border-color:var(--accent);color:var(--accent)}.preset-btn.active,.preset-btn[aria-pressed=true]{background:var(--accent-contrast);border-color:var(--accent-contrast);color:var(--on-field)}.status{color:var(--text-muted);min-height:1.3em;margin:14px 0 0;font-size:.86rem}.status.is-error{color:var(--danger);font-weight:600}.status.is-ok{color:var(--accent);font-weight:600}.batch-area{border-top:1px solid var(--border);margin-top:26px;padding-top:22px}.batch-summary{color:var(--text-muted);min-height:1.3em;margin:0 0 12px;font-size:.86rem}.batch-list{flex-direction:column;gap:0;display:flex}.batch-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 2px;font-size:.86rem;display:flex}.batch-item.is-error{color:var(--danger)}.batch-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.batch-meta{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.78rem}.batch-item.is-error .batch-meta{color:var(--danger)}.batch-download-all{margin-top:16px}.file-queue{flex-direction:column;gap:0;display:flex}.file-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 2px;display:flex}.file-row.is-dragging{opacity:.5}.file-grip{color:var(--text-muted);cursor:grab;font-size:1rem;line-height:1}.file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.file-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.file-actions{align-items:center;gap:4px;display:flex}.file-action{border:1px solid var(--border-input);border-radius:var(--radius);background:var(--surface);min-width:30px;min-height:30px;color:var(--text);cursor:pointer;padding:0 8px;font-size:.78rem}.file-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.file-action:disabled{opacity:.4;cursor:not-allowed}.file-remove{color:var(--danger)}.file-remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}@media (pointer:coarse){.file-action{min-width:40px;min-height:40px}}.panes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pane{flex-direction:column;display:flex}.pane-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.pane-head label{letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700;font-stretch:86%}.pane-actions{gap:12px;display:flex}.io{resize:vertical;border:1px solid var(--border-input);border-radius:var(--radius);background:var(--surface);width:100%;min-height:160px;color:var(--text);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;padding:14px;font-size:.86rem;line-height:1.62}.io::placeholder{color:var(--text-muted)}.io:focus{outline:2px solid var(--accent);outline-offset:1px}.faq{margin-top:52px}.faq h2{margin-bottom:.5em;font-size:1.35rem}.faq-item{border-bottom:1px solid var(--border);padding:15px 0}.faq-item:first-of-type{border-top:1px solid var(--border)}.faq-item summary{cursor:pointer;letter-spacing:-.012em;font-size:.95rem;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";width:1.05em;color:var(--accent);font-weight:700;font-stretch:90%;display:inline-block}.faq-item[open] summary:before{content:"−"}.faq-item p{color:var(--text-muted);max-width:62ch;margin:9px 0 0 1.05em;font-size:.95rem}.related-section,.reading-section{max-width:680px;padding:0 20px 56px}@media (width>=880px){.related-section,.reading-section{padding-inline:32px}}.reading-section{padding-bottom:40px}.related-section h2,.reading-section h2{font-size:1.35rem}.related-grid{border-top:1px solid var(--border);grid-template-columns:1fr;gap:0;margin-top:14px}.related-card{border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:auto 1fr;align-items:baseline;gap:3px 14px;padding:15px 2px 16px;text-decoration:none;transition:background .15s;display:grid}.related-card:hover{background:color-mix(in oklab, var(--text) 4%, transparent)}.related-card:before,.related-card h3,.related-card p{transition:transform .2s cubic-bezier(.16,1,.3,1)}.related-card:hover:before,.related-card:hover h3,.related-card:hover p{transform:translate(10px)}.related-card:before{content:"";background:var(--chip,var(--accent));grid-row:1/span 2;align-self:start;width:9px;height:9px;margin-top:.42em}.related-card h3{font-family:var(--font-display);letter-spacing:-.018em;grid-column:2;margin:0;font-size:.95rem;font-weight:700}.related-card p{color:var(--text-muted);grid-column:2;max-width:60ch;margin:0;font-size:.86rem}.reading-list{border-top:1px solid var(--border);flex-direction:column;gap:0;margin:14px 0 0;padding:0;list-style:none;display:flex}.reading-list li{border-bottom:1px solid var(--border);padding:15px 2px 16px}.reading-list a{color:var(--text);font-family:var(--font-display);letter-spacing:-.018em;font-size:1rem;font-weight:700;text-decoration:none}.reading-list a:hover{color:var(--accent);text-decoration:underline}.reading-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;margin-left:9px;font-size:.7rem;font-weight:700;font-stretch:86%}.reading-list p{color:var(--text-muted);max-width:62ch;margin:5px 0 0;font-size:.86rem}.prose{max-width:680px;padding:44px 20px 64px}@media (width>=880px){.prose{padding-inline:32px}}.prose h1{margin-bottom:.45em;font-size:clamp(2.4rem,3vw + .8rem,3.4rem)}.prose h2{margin-top:40px;margin-bottom:.55em;font-size:1.2rem}.prose p,.prose li{color:var(--text-muted);max-width:64ch}.prose p{margin-bottom:1.05em}.prose ul,.prose ol{padding-left:1.15em}.prose li{margin-bottom:.4em}.prose a{font-weight:600}.prose strong{color:var(--text)}.breadcrumb{color:var(--text-muted);margin-bottom:20px;font-size:.78rem;font-weight:600}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.breadcrumb span[aria-hidden]{opacity:.45;margin:0 4px}@media (width<=480px){.preview-row{grid-template-columns:1fr}}@media (width<=640px){.panes{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.tool-byline{color:var(--text-muted);margin:32px 0 0;font-size:.875rem}.skip-link[data-astro-cid-ju4pidww]{z-index:100;background:var(--text);color:var(--bg);border-radius:0 0 var(--radius) var(--radius);padding:11px 16px 12px;font-size:.86rem;font-weight:700;text-decoration:none;position:absolute;top:0;left:12px;transform:translateY(-120%)}.skip-link[data-astro-cid-ju4pidww]:focus{color:var(--bg);transform:translateY(0)}