:root{--bg:#faf7f1;--bg-alt:#f4efe6;--surface:#fff;--ink:#211d19;--ink-2:#4b443d;--ink-3:#8b8279;--accent:#e8592b;--accent-600:#d24a20;--accent-tint:#fceae0;--line:#eae3d8;--line-2:#f0ebe1;--ring:#e8592b52;--ok:#2f855a;--ok-tint:#e6f4ec;--warn:#b7791f;--err:#c53030;--err-tint:#fbeaea;--code-bg:#f6f2ea;--r-xl:22px;--r-lg:16px;--r:11px;--r-sm:8px;--shadow-sm:0 1px 2px #211d190d;--shadow:0 1px 2px #211d190a, 0 10px 28px -14px #211d1924;--shadow-lg:0 2px 4px #211d190d, 0 24px 60px -22px #211d1938;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--wrap:1120px;--gutter:clamp(1rem, 4vw, 2.5rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.006em;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--ink);margin:0;font-weight:700;line-height:1.12}h1{font-size:clamp(2.1rem,5.2vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{letter-spacing:-.018em;font-size:1.16rem}h4{font-size:1rem}p{color:var(--ink-2);margin:0 0 1rem}a{color:var(--accent-600);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}img,svg{max-width:100%;display:block}code,kbd,samp{font-family:var(--font-mono)}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.frame{position:relative}.frame:before,.frame:after{content:"";background:var(--line);pointer-events:none;z-index:0;width:1px;position:absolute;top:0;bottom:0}.frame:before{left:max(var(--gutter), calc(50% - var(--wrap) / 2))}.frame:after{right:max(var(--gutter), calc(50% - var(--wrap) / 2))}@media (width<=720px){.frame:before,.frame:after{display:none}}.section{z-index:1;padding-block:clamp(3rem,7vw,5.5rem);position:relative}.section--tight{padding-block:clamp(2rem,4vw,3rem)}.rule{background:var(--line);height:1px;position:relative}.rule:after{content:"";border:1px solid var(--line);background:var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-600);align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:.72rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:18px;height:1px}.lead{color:var(--ink-2);max-width:60ch;font-size:1.075rem}.btn{font:inherit;letter-spacing:-.01em;border-radius:var(--r);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1.15rem;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-600)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:#ddd3c5}.btn-sm{padding:.5rem .8rem;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:clamp(1.1rem,2.2vw,1.6rem)}.tag{background:var(--bg-alt);color:var(--ink-3);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.tag--accent{background:var(--accent-tint);color:var(--accent-600);border-color:#f6d7c7}.grid{gap:1rem;display:grid}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}.muted{color:var(--ink-3)}.mono{font-family:var(--font-mono)}.center{text-align:center}.stack>*+*{margin-top:var(--s,1rem)}.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}.prose{max-width:72ch}.prose h2{margin-top:2.2rem;margin-bottom:.75rem}.prose h3{margin-top:1.6rem;margin-bottom:.5rem}.prose p,.prose li{color:var(--ink-2)}.prose ul,.prose ol{margin:0 0 1rem;padding-left:1.2rem}.prose li{margin-bottom:.4rem}.prose a{text-underline-offset:2px;text-decoration:underline}.field label,.field-label{color:var(--ink-2);margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}textarea,input[type=text],input[type=number],input[type=url],select{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.7rem .8rem;transition:border-color .15s,box-shadow .15s}textarea{font-family:var(--font-mono);resize:vertical;min-height:130px;font-size:.9rem;line-height:1.55}textarea:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.out{width:100%;font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--line);border-radius:var(--r);white-space:pre-wrap;word-break:break-word;min-height:130px;color:var(--ink);margin:0;padding:.7rem .8rem;font-size:.9rem;overflow:auto}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.grow{flex:240px;min-width:0}.toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.status{min-height:1.2em;font-size:.85rem}.status[data-kind=err]{color:var(--err)}.status[data-kind=ok]{color:var(--ok)}.field+.field{margin-top:.9rem}details.faq{border-bottom:1px solid var(--line)}details.faq summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-weight:600;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";color:var(--accent);font-size:1.3rem;font-weight:400;transition:transform .2s}details.faq[open] summary:after{transform:rotate(45deg)}details.faq p{margin:0;padding-bottom:1rem}.skip.skip{background:var(--surface);border:1px solid var(--line);z-index:100;border-radius:8px;padding:.5rem .8rem;position:fixed;top:8px;left:8px}.site-header{z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:1.5rem;height:64px;display:flex}.header-logo{text-decoration:none;display:inline-flex}.header-nav{align-items:center;gap:1.4rem;margin-left:1rem;display:flex}.header-nav a{color:var(--ink-2);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .15s}.header-nav a:hover{color:var(--accent)}.nav-more{position:relative}.nav-more-btn{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.92rem;font-weight:500}.nav-more-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);flex-direction:column;min-width:220px;padding:.5rem;display:none;position:absolute;top:calc(100% + 12px);left:-12px}.nav-more:hover .nav-more-panel,.nav-more:focus-within .nav-more-panel{display:flex}.nav-more-panel a{border-radius:8px;padding:.5rem .7rem}.nav-more-panel a:hover{background:var(--bg-alt)}.header-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:6px;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:22px;height:2px}.mobile-nav{padding:1rem var(--gutter);border-bottom:1px solid var(--line);background:var(--surface);flex-direction:column;gap:.25rem;display:none}.mobile-nav a{color:var(--ink-2);border-radius:8px;padding:.6rem .5rem;text-decoration:none}.mobile-nav a:hover{background:var(--bg-alt);color:var(--accent)}@media (width<=860px){.header-nav{display:none}.nav-toggle,.mobile-nav:not([hidden]){display:flex}}.hero{padding:2.5rem 0 1rem}.hero-frame{padding:3.5rem 2rem 3rem}.hero-title{letter-spacing:-.02em;text-align:center;max-width:16ch;margin:1rem auto .8rem;font-size:clamp(2rem,5vw,3.3rem);font-weight:600;line-height:1.05}.hero-lead{max-width:60ch;margin-inline:auto}.hero-search{background:var(--surface);border:1px solid var(--line);max-width:540px;box-shadow:var(--shadow-base);color:var(--ink-3);border-radius:999px;align-items:center;gap:.6rem;margin:2rem auto 1rem;padding:.85rem 1.3rem;display:flex}.hero-search input{font:inherit;width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:1rem}.hero-quick{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:640px;margin:0 auto;display:flex}.section-head{margin-bottom:1.5rem}.section-head h2{margin:0 0 .3rem;font-size:1.6rem}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.category-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:inherit;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.category-card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-3px)}.category-icon{border-radius:var(--r);background:var(--accent-tint);width:46px;height:46px;color:var(--accent);place-items:center;display:grid}.category-name{font-size:1.08rem;font-weight:600}.category-blurb{color:var(--ink-2);flex:1;font-size:.9rem;line-height:1.45}.category-count{color:var(--accent);align-items:center;gap:.3rem;font-size:.85rem;font-weight:500;display:inline-flex}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:inherit;gap:.8rem;padding:1.1rem;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.tool-card:hover{box-shadow:var(--shadow-base);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));transform:translateY(-2px)}.tool-card-icon{background:var(--accent-tint);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.tool-card-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.tool-card-name{font-size:.98rem;font-weight:600}.tool-card-desc{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.83rem;line-height:1.4;display:-webkit-box;overflow:hidden}.all-group{margin-bottom:2rem}.all-group-title{color:var(--ink-2);align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:1.05rem;font-weight:600;display:flex}.index-link{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:9px;padding:.6rem .8rem;font-size:.9rem;text-decoration:none;transition:color .15s,border-color .15s;display:block}.index-link:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.breadcrumbs{padding:1.5rem 0 .5rem;font-size:.85rem}.breadcrumbs ol{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--ink-3);margin-left:.4rem}.breadcrumbs a{color:var(--ink-3);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs [aria-current]{color:var(--ink-2)}.pillar-head,.tool-head{max-width:760px;margin:1rem 0 2rem}.pillar-head h1,.tool-head h1{letter-spacing:-.02em;margin:.6rem 0 .7rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.1}.tool-page{padding-bottom:3rem}.tool-interface{margin-bottom:1rem;padding:1.5rem}.tool-loading{color:var(--ink-3);text-align:center;padding:2rem 0;font-size:.9rem}.privacy-note{color:var(--ink-3);border-top:1px solid var(--line);align-items:center;gap:.4rem;margin:1.2rem 0 0;padding-top:1rem;font-size:.8rem;display:flex}.tool-content{margin-top:2rem}.feature-list{grid-template-columns:1fr 1fr;gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--ink-2);align-items:flex-start;gap:.5rem;font-size:.95rem;display:flex}.feature-list svg{color:var(--accent);flex:none;margin-top:2px}@media (width<=560px){.feature-list{grid-template-columns:1fr}}.steps{color:var(--ink-2);padding-left:1.2rem;line-height:1.7}.steps li{margin-bottom:.3rem}.plain{margin:0;padding:0;list-style:none}.plain li{color:var(--ink-2);border-bottom:1px solid var(--line);padding:.4rem 0 .4rem 1.2rem;position:relative}.plain li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.95rem;left:0}.two-col{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=640px){.two-col{grid-template-columns:1fr;gap:0}}.examples{flex-direction:column;gap:.6rem;display:flex}.example{background:var(--code-bg);border:1px solid var(--line);border-radius:var(--r);padding:.9rem 1rem}.example-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:.4rem;font-size:.78rem;display:block}.example-io{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.88rem;display:flex}.example-io svg{color:var(--accent)}.related-item{color:inherit;flex-direction:column;gap:.3rem;text-decoration:none;display:flex}.related-item .muted{font-size:.83rem}.small{font-size:.85rem}.prose-wrap{max-width:760px;padding:2rem 0 4rem}.prose h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.2rem}.prose h2{margin:2rem 0 .6rem;font-size:1.3rem}.prose p,.prose li{color:var(--ink-2);line-height:1.7}.prose a{color:var(--accent)}.center-block{text-align:center;max-width:760px;padding:4rem 0}.site-footer{border-top:1px solid var(--line);background:var(--bg-alt);margin-top:4rem;padding:3rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;display:grid}.footer-brand .muted{max-width:38ch;margin-top:.8rem;font-size:.88rem;line-height:1.55}.footer-col{flex-direction:column;gap:.5rem;display:flex}.footer-col a{color:var(--ink-2);font-size:.9rem;text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;font-size:.85rem;display:flex}.footer-legal{gap:1.2rem;display:flex}.footer-legal a{color:var(--ink-3);text-decoration:none}.footer-legal a:hover{color:var(--accent)}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:1rem}}.tool-body .grid.cols-2{grid-template-columns:1fr 1fr;gap:1rem}.tool-body .grid.cols-3{grid-template-columns:1fr 1fr 1fr;gap:1rem}.answer-callout{background:var(--accent-tint);border-radius:var(--r);border:1px solid #f6d7c7;flex-direction:column;gap:.25rem;margin:0 0 1.2rem;padding:1rem 1.2rem;display:flex}.answer-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-600);font-size:.72rem;font-weight:600}.answer-value{font-family:var(--font-mono);color:var(--ink);font-size:1.15rem;font-weight:600}.logo[data-astro-cid-tvrurpns]{align-items:center;gap:.55rem;display:inline-flex}.logo-mark[data-astro-cid-tvrurpns]{box-shadow:var(--shadow-sm);border-radius:8px;flex:none}.logo-text[data-astro-cid-tvrurpns]{letter-spacing:-.03em;color:var(--ink);font-size:1.22rem;font-weight:700}.logo-text[data-astro-cid-tvrurpns] b[data-astro-cid-tvrurpns]{color:var(--accent);font-weight:700}