:root{--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef2f7;--raised:#fff;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e8ecf3;--line-strong:#dde3ec;--accent:#4f46e5;--accent-2:#7c3aed;--accent-press:#4338ca;--accent-dim:#e0e7ff;--accent-on-dark:#a5b4fc;--grad-accent:linear-gradient(120deg,var(--accent),var(--accent-2));--on-ink:#f7f9fc;--on-ink-2:#9aa3b4;--on-ink-3:#6e7688;--on-ink-line:rgba(247,249,252,.14);--danger:#a3372a;--danger-bg:#fbf2f0;--danger-line:#e5c9c3;--ok:#2f5d3a;--ok-bg:#f1f5f1;--ok-line:#c9dbce;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--r-sm:10px;--r-md:16px;--r-lg:20px;--r-full:999px;--e-btn:0 1px 2px rgba(15,23,42,.06);--e-well:inset 0 1px 2px rgba(15,23,42,.06);--e-card:0 1px 2px rgba(15,23,42,.05),0 12px 32px -18px rgba(15,23,42,.18);--e-card-hover:0 2px 4px rgba(15,23,42,.05),0 20px 44px -20px rgba(79,70,229,.28);--e-overlay:0 4px 12px -2px rgba(15,23,42,.08),0 24px 48px -16px rgba(15,23,42,.22);--t-12:12px;--t-14:14px;--t-16:16px;--t-20:20px;--t-25:25px;--t-31:31px;--t-39:39px;--t-49:49px;--t-61:61px;--ls-61:-0.035em;--ls-49:-0.032em;--ls-39:-0.028em;--ls-31:-0.022em;--ls-25:-0.016em;--ls-20:-0.011em;--ls-16:0;--ls-14:0.005em;--ls-12:0.09em;--control-h:44px;--ease:cubic-bezier(0.2,0,0,1);--d-fast:90ms;--d-base:160ms;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Chivo Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-display:var(--font-sans);--font-body:var(--font-sans);--paper:#f4f6fa;--paper-2:#e7ebf2;--blue:var(--accent);--blue-dark:var(--accent-press);--radius:var(--r-md);--radius-lg:var(--r-md)}.cat-cell,.cat-hero,.dd-menu a,.search-results a,.section-head,.tool-card,.tool-page{--cc:var(--cat-color,var(--accent))}:root[data-theme=dark]{--surface:#0b1220;--surface-2:#111a2b;--surface-3:#1a2438;--raised:#101827;--ink:#e8edf7;--ink-2:#c4cddd;--muted:#8b95aa;--line:#1e293e;--line-strong:#283552;--accent:#818cf8;--accent-2:#a78bfa;--accent-press:#a5b4fc;--accent-dim:#272f52;--accent-on-dark:#a5b4fc;--danger:#f0968a;--danger-bg:#2a1713;--danger-line:#57302a;--ok:#8fd3a2;--ok-bg:#12241a;--ok-line:#2a4a35;--e-btn:0 1px 2px rgba(0,0,0,.4);--e-well:inset 0 1px 2px rgba(0,0,0,.5);--e-card:0 1px 2px rgba(0,0,0,.35),0 12px 32px -18px rgba(0,0,0,.6);--e-card-hover:0 2px 4px rgba(0,0,0,.35),0 20px 44px -20px rgba(129,140,248,.35);--e-overlay:0 4px 12px -2px rgba(0,0,0,.5),0 24px 48px -16px rgba(0,0,0,.7)}:root[data-theme=dark] body{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-16);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}canvas,img,svg,video{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.18em}h1,h2,h3{font-family:var(--font-sans);font-weight:700;line-height:1.15;margin:0 0 .5em;overflow-wrap:break-word}.c-name,.hero h1,.section-head h2,.t-name,h1,h2,h3{text-wrap:balance}.c-desc,.faq .a,.t-short,.tool-content li,p{text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.cat-hero :focus-visible,.site-footer :focus-visible{outline-color:var(--accent-on-dark)}::selection{background:var(--accent-dim);color:var(--ink)}.site-footer ::selection{background:rgba(165,180,252,.3);color:var(--on-ink)}.container{max-width:1140px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.c-count,.cat-count-pill,.dd-count,.footer-grid h3,.hero-eyebrow,.hs-label,.micro,.s-label,.search-results .r-cat,.section-eyebrow,.t-tag,.tool-rail h3{font-family:var(--font-sans);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.07em;text-transform:uppercase}html.rvl [data-rvl]{opacity:0}html.rvl .rvl-in{animation:rvlFade .2s linear forwards}@keyframes rvlFade{to{opacity:1}}@supports (animation-timeline:view()){html.rvl-css .cat-cell,html.rvl-css .tool-card,html.rvl-css .why-item{animation:revealIn linear both;animation-timeline:view();animation-range:entry 4% cover 20%}}@keyframes revealIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:transparent;border-bottom:1px solid var(--line)}.site-header:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--raised);color:var(--ink-2);cursor:pointer;transition:border-color var(--d-fast) linear,color var(--d-fast) linear}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle .tt-sun{display:none}:root[data-theme=dark] .theme-toggle .tt-sun{display:block}:root[data-theme=dark] .theme-toggle .tt-moon{display:none}.site-header .container{justify-content:space-between;height:64px;gap:var(--s5)}.logo,.site-header .container{display:flex;align-items:center}.logo{flex-shrink:0;line-height:0}.logo:hover{text-decoration:none}.logo-img{height:38px;width:auto;display:block}.logo-img--dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-img--light{display:none}:root:not([data-theme=light]) .logo-img--dark{display:block}}:root[data-theme=dark] .logo-img--light{display:none}:root[data-theme=dark] .logo-img--dark,:root[data-theme=light] .logo-img--light{display:block}:root[data-theme=light] .logo-img--dark{display:none}@media (max-width:480px){.logo-img{height:32px}}.header-nav{display:flex;align-items:center;gap:var(--s5);font-size:var(--t-14)}.cat-dd-btn,.header-nav>a{color:var(--ink-2);font-weight:500;letter-spacing:var(--ls-14);padding:var(--s2) 0;border-bottom:2px solid transparent;transition:color var(--d-fast) linear,border-color var(--d-fast) linear}.cat-dd-btn:hover,.cat-dd-btn[aria-expanded=true],.header-nav>a:hover{color:var(--ink);border-bottom-color:var(--accent);text-decoration:none}.cat-dd-btn,.header-nav>a{position:relative}.cat-dd-btn:after,.header-nav>a:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}.cat-dd{position:relative}.cat-dd-btn{font-family:inherit;font-size:var(--t-14);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:var(--s1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cat-dd-btn .dd-chev{transition:transform var(--d-base) var(--ease)}.cat-dd-btn[aria-expanded=true] .dd-chev{transform:rotate(180deg)}.dd-menu,.search-results{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--e-overlay);padding:var(--s1)}.dd-menu{position:absolute;top:calc(100% + var(--s3));left:50%;transform:translateX(-50%);min-width:240px;z-index:60;animation:ddIn var(--d-base) var(--ease)}@keyframes ddIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dd-menu a,.search-results a{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-sm);color:var(--ink);font-weight:500;font-size:var(--t-14);line-height:1.4;transition:background var(--d-fast) linear}.dd-menu a:hover,.search-results a:hover{background:var(--surface-2);text-decoration:none}.dd-menu .dd-icon,.search-results .r-icon{color:var(--cc);flex:0 0 16px}.dd-count,.search-results .r-cat{margin-left:auto;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.hero{position:relative;background:var(--surface-2);color:var(--ink);padding-block:clamp(64px,9vw,108px);text-align:center;border-bottom:1px solid var(--line)}.hero-scene{width:100%;height:100%;display:block}.hero-fx,.hero-scene{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-fx{overflow:hidden;animation:hueDrift 26s ease-in-out infinite alternate}.hero-fx span{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform}.hero-fx .b1{width:46vw;min-width:340px;aspect-ratio:1;left:-8%;top:-28%;background:radial-gradient(circle,rgba(79,70,229,.22),transparent 66%);animation:driftA 21s ease-in-out infinite alternate}.hero-fx .b2{width:38vw;min-width:280px;aspect-ratio:1;right:-6%;top:6%;background:radial-gradient(circle,rgba(124,58,237,.16),transparent 66%);animation:driftB 27s ease-in-out infinite alternate}:root[data-theme=dark] .hero-fx .b1{background:radial-gradient(circle,rgba(99,102,241,.28),transparent 66%)}:root[data-theme=dark] .hero-fx .b2{background:radial-gradient(circle,rgba(139,92,246,.2),transparent 66%)}.hero-chips{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-chip{position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--raised);border:1px solid var(--line);box-shadow:var(--e-card);color:var(--cc,var(--accent));pointer-events:auto;animation:chipFloat 7s ease-in-out infinite alternate;transition:transform var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease)}.hero-chip:hover{transform:translateY(-4px) scale(1.06);box-shadow:var(--e-card-hover)}.hero-chip:before{content:"";position:absolute;inset:10px;border-radius:10px;background:color-mix(in srgb,var(--cc,var(--accent)) 11%,transparent)}.hero-chip svg{position:relative}.hero-chip:nth-child(2n){animation-duration:9s;animation-delay:-3s}.hero-chip:nth-child(3n){animation-duration:8s;animation-delay:-5s}@keyframes chipFloat{0%{translate:0 -7px}to{translate:0 7px}}@media (max-width:1100px){.hero-chips{display:none}}.hero-pill{display:inline-flex;align-items:center;gap:var(--s2);padding:7px 14px;border-radius:var(--r-full);background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));color:var(--accent-press);font-size:var(--t-14);font-weight:600;letter-spacing:var(--ls-14);margin-bottom:var(--s5)}:root[data-theme=dark] .hero-pill{color:var(--accent)}.hero-searches{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s2);margin-top:var(--s4);font-size:var(--t-14);color:var(--muted)}.hero-searches a{padding:5px 12px;border-radius:var(--r-full);border:1px solid var(--line-strong);background:var(--raised);color:var(--ink-2);font-weight:500;transition:border-color var(--d-fast) linear,color var(--d-fast) linear,transform var(--d-fast) var(--ease)}.hero-searches a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;transform:translateY(-1px)}@keyframes hueDrift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(-26deg)}}@keyframes driftA{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(9%,7%,0) scale(1.12)}}@keyframes driftB{0%{transform:translateZ(0) scale(1.06)}to{transform:translate3d(-11%,5%,0) scale(1)}}.hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:0 clamp(16px,4vw,24px);flex-direction:column}.hero-eyebrow,.hero-inner{display:flex;align-items:center}.hero-eyebrow{gap:var(--s2);color:var(--muted);margin-bottom:var(--s5)}html.rvl-css .hero .sub,html.rvl-css .hero-eyebrow,html.rvl-css .hero-stat,html.rvl-css .search-wrap{opacity:0;animation:heroFallback .42s linear 1.6s forwards}@keyframes heroFallback{to{opacity:1;transform:none}}.live-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--accent);flex:0 0 6px;animation:livePulse 2.4s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.hero h1{font-size:clamp(39px,6.2vw,61px);font-weight:700;line-height:1.06;letter-spacing:var(--ls-61);color:var(--ink);max-width:18ch;margin:0}.hero h1 .accent{color:var(--accent)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero h1 .accent{background-image:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}}.hero .sub{font-size:clamp(var(--t-16),2vw,18px);line-height:1.55;color:var(--muted);max-width:52ch;margin:var(--s4) 0 0}.search-wrap{width:100%;max-width:620px;margin:var(--s6) 0 0;position:relative}.search-bar{display:flex;align-items:center;gap:var(--s3);height:60px;padding:0 var(--s3) 0 var(--s5);background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--e-card);transition:border-color var(--d-fast) linear,box-shadow var(--d-base) var(--ease)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent),var(--e-card)}.search-bar input{flex:1 1;min-width:0;background:none;border:0;outline:none;font-family:var(--font-sans);font-size:var(--t-16);color:var(--ink);padding:0;caret-color:var(--accent)}.search-bar input::placeholder{color:var(--muted)}.search-icon{color:var(--muted);flex:0 0 20px}.search-kbd{font-family:var(--font-mono);font-size:var(--t-12);line-height:1;color:var(--muted);border:1px solid var(--line-strong);border-radius:6px;padding:4px 7px}.search-results{position:absolute;top:calc(100% + var(--s2));left:0;right:0;z-index:60;max-height:min(60vh,420px);overflow-y:auto;animation:ddIn var(--d-base) var(--ease)}@keyframes srIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-results{animation-name:srIn}.search-results .r-name{font-weight:500}.search-empty{padding:var(--s4);color:var(--muted);font-size:var(--t-14)}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s3);gap:var(--s3);width:100%;max-width:760px;margin-top:var(--s7)}.hero-stat{display:flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3) var(--s2);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--e-btn);text-align:left}.hero-stat .hs-icon{color:var(--accent);flex:0 0 18px}.hero-stat .hs-num{display:block;font-weight:700;font-size:var(--t-14);line-height:1.2;color:var(--ink)}.hero-stat .hs-label{color:var(--muted);margin-top:1px;font-size:11px}@media (max-width:720px){.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.cat-deck{padding-block:clamp(48px,7vw,72px)}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4)}.cat-cell{padding:var(--s5);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--e-card);color:var(--ink);display:block;min-width:0;transition:transform var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease),border-color var(--d-fast) linear}.cat-cell:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--e-card-hover);border-color:color-mix(in srgb,var(--cc) 35%,var(--line))}.cat-cell .c-icon{color:var(--cc);display:block;box-sizing:content-box;width:22px;padding:10px;margin-bottom:var(--s4);background:color-mix(in srgb,var(--cc) 11%,transparent);border-radius:12px}.cat-cell .c-name{font-size:var(--t-16);font-weight:700;line-height:1.3;letter-spacing:var(--ls-16)}.cat-cell .c-desc{font-size:var(--t-14);line-height:1.5;color:var(--muted);margin:var(--s1) 0 var(--s3);max-width:30ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-cell .c-count{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:1080px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}}@media (max-width:400px){.cat-grid{grid-template-columns:1fr}}.section{padding-block:clamp(48px,7vw,72px)}.section+.section{border-top:1px solid var(--line)}.section-eyebrow{color:var(--muted);margin-bottom:var(--s2)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3) var(--s5);flex-wrap:wrap;margin-bottom:var(--s6);padding-bottom:var(--s3);border-bottom:1px solid var(--line-strong)}.section-head[style*="--cat-color"]{border-bottom:2px solid color-mix(in srgb,var(--cc) 55%,transparent)}.showcase .container{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px);align-items:start}.sc-intro{position:-webkit-sticky;position:sticky;top:calc(var(--header-h, 64px) + 24px)}.sc-intro h2{font-size:clamp(var(--t-25),4.5vw,var(--t-31));font-weight:700;letter-spacing:var(--ls-31);line-height:1.15;margin:0 0 var(--s3);text-wrap:balance}.sc-intro p{color:var(--ink-2);margin:0 0 var(--s4);max-width:46ch}.sc-intro .view-all{font-weight:600}.showcase .grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}@media (max-width:900px){.showcase .container{grid-template-columns:1fr}.sc-intro{position:static}}.section-head h2{font-size:var(--t-25);font-weight:700;letter-spacing:var(--ls-25);margin:0;display:flex;align-items:center;gap:var(--s3)}.section-head h2 .h-icon{color:var(--cc);flex:0 0 20px}.section-head .count{font-size:var(--t-14);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section-head .view-all{font-size:var(--t-14);font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:var(--s2)}.section-head .view-all:hover{text-decoration:underline;text-underline-offset:.18em}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4)}.grid>*{min-width:0}@media (max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}}@media (max-width:430px){.grid{grid-template-columns:1fr}}.tool-card{display:grid;grid-template-columns:40px 1fr;grid-column-gap:var(--s3);column-gap:var(--s3);grid-row-gap:var(--s1);row-gap:var(--s1);align-content:start;padding:var(--s5);min-height:168px;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--e-card);color:var(--ink);transition:transform var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease),border-color var(--d-fast) linear}.tool-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--e-card-hover);border-color:color-mix(in srgb,var(--cc) 35%,var(--line))}.tool-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-card .t-icon{grid-row:1/3;color:var(--cc);box-sizing:content-box;padding:10px;background:color-mix(in srgb,var(--cc) 11%,transparent);border-radius:12px}.tool-card .t-name{font-size:var(--t-16);font-weight:700;line-height:1.35;letter-spacing:var(--ls-16)}.tool-card .t-short{font-size:var(--t-14);line-height:1.45;color:var(--muted);max-width:34ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card .t-tag{grid-column:2;margin-top:auto;padding-top:var(--s4);color:var(--muted)}.tool-card .t-open{grid-column:2;margin-top:auto;padding-top:var(--s3);font-size:13px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:5px}.tool-card .t-open svg{transition:transform var(--d-fast) var(--ease)}.tool-card:hover .t-open svg{transform:translateX(3px)}.tool-card:has(.t-open) .t-tag{display:none}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;background:color-mix(in srgb,var(--raised) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))}.mobile-nav a,.mobile-nav button{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border:0;background:none;border-radius:var(--r-sm);font-family:var(--font-sans);font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--muted);cursor:pointer}.mobile-nav a:hover,.mobile-nav button:hover{text-decoration:none}.mobile-nav a[aria-current=page],.mobile-nav a[aria-current=page] svg{color:var(--accent)}@media (max-width:760px){.mobile-nav{display:flex}body{padding-bottom:68px}}.section[id^=cat-] .t-tag{display:none}.why{border-block:1px solid var(--line-strong)}.why h2{font-size:var(--t-25);letter-spacing:var(--ls-25);color:var(--ink);padding:var(--s5) 0 var(--s3);margin:0}.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;border-top:1px solid var(--line)}.why-item{padding:var(--s5) var(--s5) var(--s5) 0;border-left:1px solid var(--line);min-width:0}.why-item:first-child{border-left:0}.why-item:not(:first-child){padding-left:var(--s5)}.why-item .w-title{font-size:var(--t-16);font-weight:500;line-height:1.4;color:var(--ink);display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}.why-item .w-icon{color:var(--accent);flex:0 0 20px}.why-item p{font-size:var(--t-14);line-height:1.5;color:var(--muted);margin:0}@media (max-width:820px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-item:first-child{border-left:1px solid var(--line)}.why-item:nth-child(odd){border-left:0}}@media (max-width:480px){.why-grid{grid-template-columns:1fr}.why-item{border-left:0;border-top:1px solid var(--line);padding-left:0}.why-item:first-child{border-top:0}}.stats-band{background:linear-gradient(120deg,#312e81,#4f46e5 55%,#6d28d9);border-radius:var(--r-lg);padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s5);gap:var(--s5);color:#eef2ff;box-shadow:var(--e-card)}.stats-band .sb-item{display:flex;align-items:center;gap:var(--s3);min-width:0}.stats-band .sb-icon{color:#c7d2fe;flex:0 0 22px}.stats-band .sb-num{display:block;font-weight:700;font-size:clamp(var(--t-20),3vw,var(--t-25));line-height:1.1;letter-spacing:var(--ls-25);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats-band .sb-label{color:#c7d2fe;font-size:var(--t-14);margin-top:2px}@media (max-width:820px){.stats-band{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-badges{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s5)}.tool-badges span{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-full);font-size:var(--t-12);font-weight:600;letter-spacing:.02em;background:color-mix(in srgb,var(--badge,var(--accent)) 10%,var(--raised));color:color-mix(in srgb,var(--badge,var(--accent)) 82%,var(--ink));border:1px solid color-mix(in srgb,var(--badge,var(--accent)) 24%,var(--line))}.tool-badges svg{flex:0 0 13px}.tool-columns{display:grid;grid-template-columns:232px minmax(0,1fr);grid-gap:var(--s6);gap:var(--s6);align-items:start}.tool-side{position:-webkit-sticky;position:sticky;top:88px;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);box-shadow:var(--e-card);min-width:0}.tool-side h3{font-size:var(--t-12);font-family:var(--font-mono);letter-spacing:var(--ls-12);text-transform:uppercase;font-weight:400;color:var(--muted);margin:0 0 var(--s2);padding:0 var(--s2) var(--s2);border-bottom:1px solid var(--line)}.tool-side a{display:flex;align-items:center;gap:var(--s2);padding:8px var(--s2);border-radius:var(--r-sm);font-size:var(--t-14);font-weight:500;line-height:1.35;color:var(--ink-2);transition:background var(--d-fast) linear,color var(--d-fast) linear}.tool-side a:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.tool-side a[aria-current=page]{background:color-mix(in srgb,var(--cc) 10%,transparent);color:var(--ink);font-weight:600}.tool-side .ts-icon{color:var(--cc);flex:0 0 15px}.tool-side .ts-all{color:var(--accent);font-weight:600;margin-top:var(--s1)}@media (max-width:1199px){.tool-columns{grid-template-columns:1fr}.tool-side{display:none}}.cat-hero{background:var(--ink);color:var(--on-ink);padding-block:clamp(48px,7vw,80px)}.cat-hero .container:before{content:"";display:block;width:48px;height:3px;background:var(--cc);margin-bottom:var(--s5)}.cat-hero h1{display:block;color:var(--on-ink);font-size:clamp(31px,5vw,39px);letter-spacing:var(--ls-39);line-height:1.08;margin:0}.cat-hero .cat-count-pill{display:block;margin-top:var(--s3);color:var(--on-ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cat-hero p{color:var(--on-ink-2);max-width:52ch;margin:var(--s4) 0 0}.cat-hero .breadcrumb{color:var(--on-ink-3)}.cat-hero .breadcrumb a{color:var(--on-ink-2)}.tool-page{padding-top:var(--s6);padding-bottom:var(--s8)}.breadcrumb{font-size:var(--t-14);line-height:1.4;margin-bottom:var(--s4)}.breadcrumb,.breadcrumb a{color:var(--muted)}.breadcrumb .bc-cat{color:var(--muted);font-weight:500}.tool-title{font-size:clamp(31px,5vw,39px);font-weight:700;letter-spacing:var(--ls-39);line-height:1.08;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin:0 0 var(--s3)}.tool-title .tt-icon{color:var(--cc);flex:0 0 24px}.tool-sub{color:var(--muted);max-width:60ch;margin:0 0 var(--s6);font-size:var(--t-16)}.tool-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:var(--s8);gap:var(--s8);align-items:start;margin-top:var(--s7)}@media (max-width:980px){.tool-body{grid-template-columns:1fr;gap:var(--s7)}}.tool-rail{position:-webkit-sticky;position:sticky;top:88px;align-self:start;border-left:1px solid var(--line);padding-left:var(--s5);display:grid;grid-gap:var(--s6);gap:var(--s6);min-width:0}@media (max-width:980px){.tool-rail{position:static;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:var(--s5)}}.tool-rail h3{color:var(--muted);margin:0 0 var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--line)}.rail-toc{display:grid;grid-gap:0;gap:0}.rail-toc a{display:block;padding:var(--s2) 0 var(--s2) var(--s3);border-left:2px solid transparent;font-size:var(--t-14);line-height:1.4;color:var(--ink-2);transition:color var(--d-fast) linear,border-color var(--d-fast) linear}.rail-toc a:hover{color:var(--accent);border-left-color:var(--accent);text-decoration:none}.rail-toc a[aria-current]{color:var(--ink);font-weight:500;border-left-color:var(--accent)}.tool-rail .pw-chips{display:grid;grid-gap:0;gap:0}.tool-rail .pw-chip{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border:0;border-top:1px solid var(--line);background:none;font-size:var(--t-14);font-weight:500;line-height:1.4;color:var(--ink);transition:color var(--d-fast) linear}.tool-rail .pw-chip:first-child{border-top:0}.tool-rail .pw-chip .t-icon{color:var(--cc);flex:0 0 16px}.tool-rail .pw-chip:hover{color:var(--accent);text-decoration:none}.rail-reading{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s3);gap:var(--s3)}.rail-reading li{display:grid;grid-gap:2px;gap:2px}.rail-reading a{font-size:var(--t-14);line-height:1.35;color:var(--ink);text-decoration:none}.rail-reading a:hover{color:var(--accent);text-decoration:underline}.rail-privacy{display:grid;grid-gap:var(--s2);gap:var(--s2);font-family:var(--font-mono);font-size:var(--t-12);line-height:1.4;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.rail-privacy div{display:flex;justify-content:space-between;gap:var(--s3)}.rail-privacy b{color:var(--ink);font-weight:400;font-feature-settings:tabular-nums slashed-zero;font-variant-numeric:tabular-nums slashed-zero}.tool-panel{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:var(--s5);overflow:hidden}.tool-panel__head{margin:calc(var(--s5) * -1) calc(var(--s5) * -1) var(--s5);padding:var(--s3) var(--s5);border-bottom:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--t-12);line-height:1.4;letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted)}.tool-panel__head .live-dot{background:var(--ok)}.tool-panel__head .tp-right{margin-left:auto}.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:var(--control-h);padding:0 18px;font-family:var(--font-sans);font-size:var(--t-14);font-weight:500;line-height:1;letter-spacing:var(--ls-14);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);box-shadow:var(--e-btn);cursor:pointer;transition:background var(--d-fast) linear,border-color var(--d-fast) linear}.btn:hover{background:var(--surface-2);border-color:#bcc5d3;text-decoration:none}.btn:active{background:var(--surface-3);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-accent);border-color:transparent;color:#fff;box-shadow:0 1px 2px rgba(79,70,229,.3),0 8px 20px -8px rgba(79,70,229,.5);transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),filter var(--d-fast) linear}.btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 2px 4px rgba(79,70,229,.3),0 12px 28px -10px rgba(79,70,229,.55)}.btn-primary:active{transform:translateY(0);filter:brightness(.97);box-shadow:none}:root[data-theme=dark] .btn-primary{color:#0b1220}.btn-copy.copied{background:var(--surface-3);border-color:var(--accent)}.contact-form input,.contact-form select,.contact-form textarea,input.tool-input,input.tool-text,select.tool-input,select.tool-text,textarea.tool-input{width:100%;min-width:0;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);box-shadow:var(--e-well);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.4;height:var(--control-h);padding:0 14px;transition:background var(--d-fast) linear,border-color var(--d-fast) linear}.contact-form textarea,textarea.tool-input{height:auto;min-height:220px;padding:12px 14px;line-height:1.6;resize:vertical}select.tool-text{cursor:pointer}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;min-height:var(--control-h)}.contact-form :is(input,textarea,select):focus,:is(textarea.tool-input,input.tool-input,select.tool-input,input.tool-text,select.tool-text):focus{background:var(--surface);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.input-row{display:grid;grid-gap:var(--s4);gap:var(--s4)}.tf-field{margin:var(--s4) 0}textarea.tool-input.tf-short{min-height:96px}.tf-hint{font-size:var(--t-13);color:var(--ink-3);line-height:1.5}select.tool-input{cursor:pointer}input[type=color].tool-input{padding:4px 6px;min-width:56px;cursor:pointer}:is(.tf-field,.input-2col) input[type=range]{accent-color:var(--accent);width:100%;margin:12px 0 0}.contact-form label,.input-2col label,.input-row label,.tf-field label{font-family:var(--font-sans);font-size:var(--t-14);font-weight:500;line-height:1.4;letter-spacing:var(--ls-14);display:grid;grid-gap:var(--s2);gap:var(--s2);color:var(--ink-2)}.input-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s4);gap:var(--s4)}.check-row,.pw-controls label{display:flex;align-items:center;gap:var(--s3);font-size:var(--t-14);flex-wrap:wrap}.pw-controls{display:grid;grid-gap:var(--s4);gap:var(--s4);margin-top:var(--s5)}.pw-controls input[type=range]{flex:1 1;min-width:120px;accent-color:var(--accent)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.ic-out,.out,.pw-output,.tp-out{background:var(--ink);color:var(--on-ink);border:0;border-left:2px solid var(--accent-on-dark);border-radius:var(--r-md);padding:var(--s4) var(--s4) var(--s4) var(--s5);font-family:var(--font-mono);font-size:var(--t-16);line-height:1.6;font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"tnum","zero",tabular-nums slashed-zero;white-space:pre-wrap;word-break:break-all}.pw-output{display:flex;align-items:center;gap:var(--s3);font-size:var(--t-20)}.pw-len{font-family:var(--font-mono);font-size:var(--t-14);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;color:var(--on-ink-2)}.mono-out{font-family:var(--font-mono);font-size:var(--t-16)}input.mono-out,textarea.mono-out{color:var(--ink)}.qr-box,input.mono-out,textarea.mono-out{background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:var(--e-well)}.qr-box{display:flex;justify-content:center;align-items:center;border-radius:var(--r-md);padding:var(--s5);margin-top:var(--s4);min-height:200px}.qr-box canvas{border-radius:var(--r-sm);background:#fff}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));grid-gap:0;gap:0;margin-top:var(--s5);border-top:1px solid var(--line)}.stat{padding:var(--s4) var(--s4) var(--s1) 0;text-align:left;border-left:1px solid var(--line);min-width:0}.stat:first-child{border-left:0}.stat:not(:first-child){padding-left:var(--s4)}.stat .s-num{display:block;font-family:var(--font-sans);font-weight:700;font-size:var(--t-31);line-height:1.1;letter-spacing:var(--ls-31);font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"tnum","zero",tabular-nums slashed-zero;min-width:6ch;overflow-wrap:anywhere}.stat .s-label{color:var(--muted);margin-top:var(--s1)}.mode-tabs{display:flex;gap:var(--s5);border-bottom:1px solid var(--line);margin-bottom:var(--s5);overflow-x:auto}.mode-tabs button{border:0;background:none;box-shadow:none;border-radius:0;padding:10px 0;margin-bottom:-1px;white-space:nowrap;cursor:pointer;font-family:var(--font-sans);font-size:var(--t-14);font-weight:500;line-height:1;color:var(--muted);border-bottom:2px solid transparent;transition:color var(--d-fast) linear,border-color var(--d-fast) linear}.mode-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.note{font-size:var(--t-14);color:var(--muted)}.advice-note{display:flex;gap:var(--s3);align-items:flex-start;margin-top:var(--s4);padding:var(--s4);background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--cat-color,var(--accent));border-radius:var(--r-sm)}.advice-note svg{flex:none;margin-top:2px;color:var(--muted)}.advice-note p{margin:0;font-size:var(--t-14);line-height:1.6;color:var(--muted)}.advice-note a{color:inherit;text-decoration:underline}.advice-note a:hover{color:var(--text)}.error-note{font-size:var(--t-14);color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:var(--r-sm);padding:var(--s3) var(--s4);overflow-wrap:anywhere}.tool-embed{display:block;width:100%;border:0;overflow:hidden;background:transparent}.blog-index{max-width:1140px}.blog-index h1{margin-bottom:var(--s3)}.blog-index .lead{max-width:60ch}.blog-chips{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s6)}.blog-chip{display:inline-flex;align-items:center;gap:var(--s2);padding:7px 14px;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-family:var(--font-sans);font-size:var(--t-14);font-weight:500;line-height:1;cursor:pointer;transition:border-color var(--d-fast) linear,color var(--d-fast) linear,background var(--d-fast) linear}.blog-chip span{font-size:var(--t-12);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.blog-chip:hover{color:var(--ink)}.blog-chip.on,.blog-chip:hover{border-color:var(--cc,var(--accent))}.blog-chip.on{background:var(--cc,var(--accent));color:#fff}.blog-chip.on span{color:hsla(0,0%,100%,.75)}.blog-count{margin:var(--s4) 0 0;font-size:var(--t-13);color:var(--muted)}@media (max-width:760px){.blog-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(clamp(16px, 4vw, 24px) * -1);padding-inline:clamp(16px,4vw,24px);scroll-padding-inline:clamp(16px,4vw,24px)}.blog-chips::-webkit-scrollbar{display:none}.blog-chip{flex:0 0 auto;scroll-snap-align:start}}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));grid-gap:var(--s6) var(--s5);gap:var(--s6) var(--s5);margin-top:var(--s5)}.blog-card[hidden]{display:none}.blog-card{min-width:0}.bc-cover{display:block;aspect-ratio:1200/630;border-radius:var(--r-md);overflow:hidden;background:var(--ink);border:1px solid var(--line-strong)}.bc-cover img,.bc-cover svg{width:100%;height:100%;object-fit:cover;display:block}.bc-cover span{display:block;height:100%}.bc-body{padding-top:var(--s3)}.bc-meta{display:flex;gap:var(--s3);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted);margin-bottom:var(--s2)}.bc-cat,.bc-meta{align-items:center}.bc-cat{display:inline-flex;gap:5px}.bc-cat svg{color:var(--cc);flex:0 0 14px}.blog-card h2,.blog-card h3{font-size:var(--t-20);line-height:1.3;letter-spacing:var(--ls-20);margin:0 0 var(--s2)}.blog-card h2 a,.blog-card h3 a{color:var(--ink)}.blog-card h2 a:hover,.blog-card h3 a:hover{color:var(--accent);text-decoration:none}.blog-card p{font-family:var(--font-sans);font-size:var(--t-14);line-height:1.5;color:var(--muted);margin:0;max-width:46ch}.blog-post{padding-top:var(--s6);padding-bottom:var(--s8)}.bp-header{max-width:68ch}.bp-header h1{font-family:var(--font-sans);font-size:clamp(31px,5vw,44px);line-height:1.08;letter-spacing:var(--ls-39);margin:0 0 var(--s4)}.bp-lead{font-family:var(--font-serif);font-size:clamp(18px,1.05rem + .3vw,21px);line-height:1.55;color:var(--ink-2);margin:0 0 var(--s4)}.bp-byline{display:flex;gap:var(--s4);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted)}.bp-cover{margin:var(--s6) 0 0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line-strong);background:var(--ink)}.bp-cover img,.bp-cover svg{width:100%;height:auto;display:block;aspect-ratio:1200/630;object-fit:cover}.bp-cover span{display:block}.bp-cover figcaption{padding:var(--s3) var(--s4);background:var(--surface-2);border-top:1px solid var(--line);font-size:var(--t-14);color:var(--muted)}.blog-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:var(--s8);gap:var(--s8);align-items:start;margin-top:var(--s7)}@media (max-width:980px){.blog-body{grid-template-columns:1fr;gap:var(--s7)}}.blog-article{font-family:var(--font-serif);font-size:clamp(18px,1.05rem + .3vw,20px);line-height:1.6;color:var(--ink-2);max-width:68ch;font-variant-numeric:proportional-nums oldstyle-nums;font-feature-settings:"pnum","onum",proportional-nums oldstyle-nums}.blog-article p{margin:0 0 1.35em;overflow-wrap:break-word}.blog-article h2{font-family:var(--font-sans);font-size:var(--t-31);font-weight:700;line-height:1.15;letter-spacing:var(--ls-31);color:var(--ink);margin:2.2em 0 .5em;padding-top:var(--s5);border-top:1px solid var(--line);scroll-margin-top:88px;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.blog-article section:first-of-type h2{margin-top:0}.blog-article ul{padding-left:1.4em;margin:0 0 1.35em}.blog-article li{margin-bottom:.5em}.blog-article strong{font-weight:600}.blog-article a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 38%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 38%,transparent)}.blog-article a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.bp-toc{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);padding:var(--s4) var(--s5);margin-bottom:var(--s6)}.bp-toc h2{font-family:var(--font-mono);font-size:var(--t-12);font-weight:400;letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted);margin:0 0 var(--s2);padding:0;border:0}.bp-toc ol{margin:0;padding-left:1.3em;font-family:var(--font-sans);font-size:var(--t-14)}.bp-toc li{margin-bottom:4px}.bp-toc a{color:var(--ink-2);text-decoration:none}.bp-toc a:hover{color:var(--accent);text-decoration:underline}.bp-callout{border-left:2px solid var(--cc);background:var(--surface-2);border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--s4) var(--s5);margin:0 0 1.35em}.bp-callout p{margin:0;font-family:var(--font-sans);font-size:var(--t-16);line-height:1.55;color:var(--ink)}.bp-source{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:var(--s4) var(--s5);margin:var(--s6) 0 0}.bp-source h2{font-family:var(--font-mono);font-size:var(--t-12);font-weight:400;letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted);margin:0 0 var(--s2);padding:0;border:0}.bp-source a{font-family:var(--font-sans);font-size:var(--t-16);font-weight:500;display:inline-flex;align-items:center;gap:var(--s2);text-decoration:none}.bp-source a:hover{text-decoration:underline}.bp-source p{font-family:var(--font-sans);font-size:var(--t-14);color:var(--muted);margin:var(--s2) 0 0}.blog-rail{position:-webkit-sticky;position:sticky;top:88px;align-self:start;border-left:1px solid var(--line);padding-left:var(--s5);display:grid;grid-gap:var(--s6);gap:var(--s6);min-width:0}@media (max-width:980px){.blog-rail{position:static;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:var(--s5)}}.blog-rail h3{font-family:var(--font-mono);font-size:var(--t-12);font-weight:400;letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted);margin:0 0 var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--line)}.blog-rail .pw-chips{display:grid;grid-gap:0;gap:0}.blog-rail .pw-chip{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border:0;border-top:1px solid var(--line);background:none;font-family:var(--font-sans);font-size:var(--t-14);font-weight:500;color:var(--ink);min-height:44px}.blog-rail .pw-chip:first-child{border-top:0}.blog-rail .pw-chip .t-icon{color:var(--cc);flex:0 0 16px}.blog-rail .pw-chip:hover{color:var(--accent);text-decoration:none}@media (max-width:560px){.blog-list{gap:var(--s5);margin-top:var(--s6)}.bp-cover{margin-top:var(--s5)}.blog-body{margin-top:var(--s6)}.blog-article{font-size:18px;line-height:1.62}.blog-article h2{font-size:var(--t-25);letter-spacing:var(--ls-25);margin-top:1.8em;padding-top:var(--s4)}.bp-source,.bp-toc{padding:var(--s4)}}.bp-veil{position:fixed;inset:0;z-index:90;background:rgba(18,20,28,.42);animation:bpVeil var(--d-base) linear}@keyframes bpVeil{0%{opacity:0}to{opacity:1}}.bp{position:fixed;top:0;left:0;bottom:0;width:min(390px,92vw);z-index:91;background:var(--raised);border-right:1px solid var(--line-strong);display:flex;flex-direction:column;box-shadow:var(--e-overlay);animation:bpIn var(--d-base) var(--ease)}@keyframes bpIn{0%{transform:translateX(-100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.bp,.bp-veil{animation:none}}.bp-head{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s5) var(--s5) var(--s4);border-bottom:1px solid var(--line)}.bp-head h2{margin:0;font-size:var(--t-20);font-weight:700;letter-spacing:var(--ls-20)}.bp-head p{margin:2px 0 0;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted)}.bp-close{margin-left:auto;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;position:relative}.bp-close:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.bp-search{display:flex;align-items:center;gap:var(--s3);margin:var(--s4) var(--s5) 0;padding:0 var(--s3);height:var(--control-h);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);box-shadow:var(--e-well);color:var(--muted)}.bp-search:focus-within{border-color:var(--accent);background:var(--surface)}.bp-search input{flex:1 1;min-width:0;border:0;background:none;outline:none;font-family:var(--font-sans);font-size:16px;color:var(--ink)}.bp-search button{border:0;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;width:28px;height:28px}.bp-body{flex:1 1;overflow-y:auto;padding:var(--s4) var(--s5) var(--s6)}.bp-empty{color:var(--muted);font-size:var(--t-14);line-height:1.5;padding:var(--s5) 0}.bp-group{padding-top:var(--s2)}.bp-group+.bp-group{border-top:1px solid var(--line);margin-top:var(--s2)}.bp-group h3{margin:0}.bp-cat{display:flex;align-items:center;gap:var(--s2);width:100%;padding:10px var(--s2);margin:0 calc(var(--s2) * -1);border:0;border-radius:var(--r-sm);background:none;font-family:var(--font-sans);font-size:var(--t-14);font-weight:700;letter-spacing:.01em;color:var(--ink);cursor:pointer;min-height:44px;text-align:left;transition:background var(--d-fast) linear}.bp-cat:hover{background:var(--surface-2)}.bp-cat>svg:first-child{color:var(--cc);flex:0 0 16px}.bp-count{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-12);font-weight:400;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bp-chev{color:var(--muted);flex:0 0 15px;transition:transform var(--d-base) var(--ease)}.bp-cat[aria-expanded=true] .bp-chev{transform:rotate(180deg)}.bp-group ul{list-style:none;margin:0;padding:0}.bp-group li+li{border-top:1px solid var(--line)}.bp-group a{display:flex;align-items:center;gap:var(--s3);padding:11px var(--s2);margin:0 calc(var(--s2) * -1);border-radius:var(--r-sm);color:var(--ink);font-size:var(--t-14);font-weight:500;line-height:1.35;min-height:44px;transition:background var(--d-fast) linear}.bp-group a:hover{background:var(--surface-2);text-decoration:none}.bp-group a svg{color:var(--cc);flex:0 0 17px}.bp-name{min-width:0}.bp-foot{border-top:1px solid var(--line);padding:var(--s3) var(--s5);font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted)}.pdfw-drop{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--e-well);padding:var(--s5);text-align:center}.pdfw-drop.over{border-color:var(--accent);background:var(--surface)}.pdfw-drop p{margin:0 0 var(--s3)}.pdfw-drop .note{margin-top:var(--s3);margin-bottom:0}.pdfw-files{margin-top:var(--s5)}.pdfw-file{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:2px var(--s3);gap:2px var(--s3);align-items:center;padding:var(--s3) 0;border-top:1px solid var(--line)}.pdfw-name{font-size:var(--t-14);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdfw-meta{grid-column:1;font-family:var(--font-mono);font-size:var(--t-12);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pdfw-btns{grid-row:1/3;display:flex;gap:6px}.pdfw-btns button{width:34px;height:34px;padding:0;position:relative;font:inherit;font-size:var(--t-14);background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer}.pdfw-btns button:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.pdfw-btns button:hover{background:var(--surface-2)}.pdfw-opts{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}.field-row{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:end;margin:var(--s3) 0}.field-row label{display:grid;grid-gap:6px;gap:6px;font-size:var(--t-14);font-weight:500;min-width:0}.field-row input[type=date],.field-row input[type=email],.field-row input[type=number],.field-row input[type=text],.field-row input[type=time],.field-row input[type=url],.field-row select,.field-row textarea{font:inherit;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);max-width:100%}.field-row input[type=range]{accent-color:var(--accent)}.md-preview{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:var(--s5);font-size:var(--t-15,15px);line-height:1.65;overflow-x:auto}.md-preview>:first-child{margin-top:0}.md-preview>:last-child{margin-bottom:0}.md-preview h1{font-size:26px;margin:0 0 12px}.md-preview h2{font-size:21px;margin:22px 0 10px}.md-preview h3{font-size:17px;margin:18px 0 8px}.md-preview ol,.md-preview p,.md-preview ul{margin:0 0 12px}.md-preview ol,.md-preview ul{padding-left:22px}.md-preview li{margin-bottom:4px}.md-preview a{color:var(--accent)}.md-preview code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);padding:1px 5px;border-radius:4px}.md-preview pre{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;overflow-x:auto}.md-preview pre code{background:none;padding:0}.md-preview blockquote{margin:0 0 12px;padding-left:14px;border-left:3px solid var(--line-strong);color:var(--ink-2)}.md-preview table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:var(--t-14)}.md-preview td,.md-preview th{border:1px solid var(--line);padding:7px 10px;text-align:left}.md-preview th{background:var(--surface-2);font-weight:600}.md-preview hr{border:0;border-top:1px solid var(--line);margin:20px 0}.md-preview img{max-width:100%;height:auto}.doc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);grid-gap:var(--s6);gap:var(--s6);align-items:start}.doc-split__form{min-width:0}.doc-split__preview{min-width:0;position:-webkit-sticky;position:sticky;top:84px}.doc-preview-head{display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--s3);font-size:var(--t-13);font-weight:600;color:var(--ink-2)}.doc-preview-wrap{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;box-shadow:var(--e-raised,0 1px 3px rgba(0,0,0,.08))}.doc-preview-page{position:relative;background:#fff;color:#12141c;font-family:Helvetica,Arial,sans-serif;box-sizing:border-box}@media (max-width:1000px){.doc-split{grid-template-columns:minmax(0,1fr)}.doc-split__preview{position:static;order:-1}}.p2j-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));grid-gap:var(--s4);gap:var(--s4);margin-top:var(--s5)}.p2j-page{margin:0;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.p2j-page img{width:100%;height:auto;display:block}.p2j-page figcaption{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);font-family:var(--font-mono);font-size:var(--t-12);color:var(--muted);border-top:1px solid var(--line)}.table-scroll{overflow-x:auto;margin-top:var(--s4)}.mini-table{border-collapse:collapse;font-size:var(--t-13);width:100%}.mini-table td,.mini-table th{border:1px solid var(--line);padding:6px 10px;text-align:left;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}.mini-table th{background:var(--surface-2);font-weight:600}.page-prose,.tool-content{font-family:var(--font-serif);font-size:clamp(18px,1.05rem + .3vw,20px);line-height:1.6;color:var(--ink-2);max-width:68ch;font-variant-numeric:proportional-nums oldstyle-nums;font-feature-settings:"pnum","onum",proportional-nums oldstyle-nums}.page-prose p,.tool-content p{margin:0 0 1.35em;overflow-wrap:break-word}.page-prose h2,.tool-content h2{font-family:var(--font-sans);font-size:var(--t-31);font-weight:700;line-height:1.15;letter-spacing:var(--ls-31);color:var(--ink);margin:2.2em 0 .5em;padding-top:var(--s5);border-top:1px solid var(--line);scroll-margin-top:88px;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.page-prose h3,.tool-content h3{font-family:var(--font-sans);font-size:var(--t-20);font-weight:700;letter-spacing:var(--ls-20);color:var(--ink);margin:1.8em 0 .4em}.page-prose ol,.page-prose ul,.tool-content ol,.tool-content ul{padding-left:1.4em;margin:0 0 1.35em}.page-prose li,.tool-content li{margin-bottom:.5em}.page-prose strong,.tool-content strong{font-weight:600}.page-prose a,.tool-content a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 38%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 38%,transparent);transition:-webkit-text-decoration-color var(--d-fast) linear;transition:text-decoration-color var(--d-fast) linear;transition:text-decoration-color var(--d-fast) linear,-webkit-text-decoration-color var(--d-fast) linear}.page-prose a:hover,.tool-content a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.faq{border-top:1px solid var(--line);padding:var(--s5) 0}.faq:last-of-type{border-bottom:1px solid var(--line)}.faq .q{font-family:var(--font-sans);font-size:var(--t-20);font-weight:700;line-height:1.35;letter-spacing:var(--ls-20);color:var(--ink);margin-bottom:var(--s3)}.faq .a{font-family:var(--font-serif);font-size:inherit;line-height:1.6;color:var(--ink-2);margin:0}.site-footer{background:var(--ink);color:var(--on-ink-2);margin-top:0;padding:clamp(48px,7vw,72px) 0 var(--s6);font-size:var(--t-14)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,45%),1fr));grid-gap:clamp(20px,4vw,26px);gap:clamp(20px,4vw,26px)}.footer-grid h3{color:var(--on-ink-3);margin:0 0 var(--s3)}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin-bottom:var(--s2)}.footer-grid a{color:#c2cad8}.footer-grid a:hover{color:var(--on-ink)}.footer-grid .f-cat{color:var(--on-ink-3);font-size:var(--t-13)}.footer-grid li.f-first{margin-top:var(--s3);padding-top:var(--s3)}.footer-badges,.footer-grid li.f-first{border-top:1px solid var(--on-ink-line)}.footer-badges{margin-top:var(--s6);padding-top:var(--s4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4)}.footer-badges a{display:inline-flex;line-height:0}.footer-badges img{max-width:100%}.footer-badges+.footer-bottom{margin-top:var(--s4);padding-top:0;border-top:0}.footer-bottom{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--on-ink-line);color:var(--on-ink-3);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);justify-content:space-between}.page-prose{padding-top:var(--s6);padding-bottom:var(--s8)}.page-prose h1{font-family:var(--font-sans);font-size:clamp(31px,5vw,39px);letter-spacing:var(--ls-39);line-height:1.08;color:var(--ink);margin-bottom:var(--s4)}.page-prose section{scroll-margin-top:88px}.page-prose .lead{color:var(--ink-2)}.updated-line{display:block;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:var(--ls-12);text-transform:uppercase;color:var(--muted);margin:0 0 var(--s5)}.form-card{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:clamp(20px,4vw,30px);margin:var(--s6) 0 var(--s3);max-width:68ch}.form-card h2{font-family:var(--font-sans);margin-top:0;font-size:var(--t-25);letter-spacing:var(--ls-25);border-top:0;padding-top:0}.contact-form{display:grid;grid-gap:var(--s4);gap:var(--s4)}.contact-form label>span{color:var(--ink)}.cf-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s4);gap:var(--s4)}.contact-form select.tool-text{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 1px),calc(100% - 15px) calc(50% - 1px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px;border-radius:var(--r-sm)}.contact-form textarea.tool-input{min-height:150px}.hp-field{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;left:-9999px}.cf-actions{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s1)}.cf-actions .btn:disabled{opacity:.6;cursor:progress}.cf-note{font-size:var(--t-12);color:var(--muted);flex:1 1 200px}.form-success{display:flex;align-items:flex-start;gap:var(--s3);background:var(--ok-bg);border:1px solid var(--ok-line);border-left:2px solid var(--ok);border-radius:var(--r-md);padding:var(--s4) var(--s5)}.form-success .fs-icon{color:var(--ok);flex:0 0 20px;margin-top:2px}.form-success p{margin:0;color:var(--ok);font-weight:500}.form-fallback{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4) var(--s5);margin:0}.after-form h2{margin-top:2.2em}@media (max-width:900px){.dd-menu{position:fixed;top:68px;left:12px;right:12px;transform:none;min-width:0;max-height:min(60vh,400px);overflow-y:auto;animation-name:srIn}.dd-menu a{padding:var(--s3) var(--s4)}}@media (max-width:760px){.cf-row,.input-2col{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.hero{padding-block:72px 64px}.hero h1{font-size:39px;line-height:1.06;letter-spacing:var(--ls-39);max-width:none}.hero .sub{font-size:var(--t-16)}.search-bar{height:52px;padding-left:var(--s3)}.search-kbd{display:none}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--s6)}.section{padding-block:40px}.section-head{align-items:center;margin-bottom:var(--s5)}.section-head h2{font-size:var(--t-20);letter-spacing:var(--ls-20)}.grid{margin-inline:calc(clamp(16px, 4vw, 24px) * -1)}.tool-card{padding:var(--s4);min-height:0}.tool-card .t-name{font-size:18px}.tool-card .t-tag{display:none}.cat-cell{padding:var(--s4)}.cat-cell .c-desc{display:none}.tool-panel{padding:var(--s4);border-radius:var(--r-sm)}.tool-panel__head{margin:calc(var(--s4) * -1) calc(var(--s4) * -1) var(--s4);padding:var(--s2) var(--s4)}.btn{padding:0 14px}.btn-row .btn{flex:1 1 auto}.stat-grid{grid-template-columns:1fr 1fr}.stat{border-top:1px solid var(--line);padding:var(--s3) var(--s3) var(--s2) 0}.stat:nth-child(odd){border-left:0;padding-left:0}.page-prose,.tool-content{font-size:18px;line-height:1.62}.page-prose h2,.tool-content h2{font-size:var(--t-25);letter-spacing:var(--ls-25);margin-top:1.8em;padding-top:var(--s4)}.faq .q{font-size:18px}.mode-tabs{width:100%;gap:var(--s4)}.logo{font-size:16px}.site-header .container{height:56px}.header-nav{gap:var(--s4);font-size:13px}}@media (max-width:760px){.header-nav>a{display:none}.header-nav{gap:var(--s4)}.cat-dd-btn{white-space:nowrap;flex:0 0 auto}.theme-toggle{flex:0 0 38px}.logo{white-space:nowrap}.bp-body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-width:400px){.header-nav{gap:var(--s3);font-size:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.rvl [data-rvl]{opacity:1;transform:none}}