:root{--bg:#FFFFFF;--bg-subtle:#F8F9FB;--bg-muted:#F1F3F7;--surface:#FFFFFF;--border:#E4E7EE;--border-soft:#EDF0F5;--text-1:#0D1117;--text-2:#4B5563;--text-muted:#9CA3AF;--ink:#0D1117;--brand:#3DDA85;--brand-dark:#35BF71;--brand-light:#EAFEF0;--success:#16A34A;--success-bg:#F0FDF4;--warning:#D97706;--error:#DC2626;--error-bg:#FEF2F2;--c-image:#7C3AED;--c-wp:#0EA5E9;--c-dev:#2563EB;--c-seo:#16A34A;--c-security:#DC2626;--c-text:#D97706;--c-file:#0891B2;--c-design:#DB2877;--c-ai:#6366F1;--c-dev-light:#EFF6FF;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-full:999px;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular","Courier New",monospace;--shadow-soft:0 1px 2px rgba(13,17,23,.04), 0 8px 24px rgba(13,17,23,.06);--shadow-hover:0 2px 4px rgba(13,17,23,.05), 0 16px 40px rgba(13,17,23,.1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:18px;line-height:1.6;font-feature-settings:"cv11","ss01";letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-sans);margin:0;letter-spacing:-.03em;line-height:1.08;font-weight:800}p{margin:0}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono)}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}@media (max-width:600px){.wrap{padding:0 20px}}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{text-decoration-color:var(--brand-dark)}a.plain{text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;border-radius:var(--r-md);padding:11px 18px;border:1px solid transparent;transition:.15s;line-height:1;text-decoration:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);box-shadow:0 6px 18px #3dda8566;transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-muted)}.btn-pill{border-radius:var(--r-full);padding:13px 24px}.site-header{position:sticky;top:0;z-index:20;background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.site-header .nav{display:flex;align-items:center;justify-content:space-between;height:74px}.logo{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.logo .mark{width:37px;height:37px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}.logo .name{font-weight:800;font-size:21px;letter-spacing:-.02em}.nav-right{display:flex;align-items:center;gap:22px}.nav-links{display:flex;gap:30px}.nav-links a{color:var(--text-2);font-weight:500;font-size:15px;text-decoration:none}.nav-links a:hover{color:var(--ink)}@media (max-width:760px){.nav-links{display:none}}.nav-search{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:inherit;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-full);padding:8px 14px;color:var(--text-2);transition:.15s}.nav-search:hover{border-color:var(--brand);color:var(--ink)}.nav-search svg{width:16px;height:16px}.nav-search-label{font-size:14px;font-weight:500}.nav-search-kbd{display:inline-flex;gap:2px}.nav-search kbd{font-family:inherit;font-size:11px;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 5px;line-height:1.4}@media (max-width:520px){.nav-search-label,.nav-search-kbd{display:none}.nav-search{padding:9px}}.site-footer{border-top:1px solid var(--border-soft);padding:40px 0;background:var(--surface);color:var(--text-muted);font-size:14px}.site-footer .cols{display:flex;gap:48px;flex-wrap:wrap;justify-content:space-between;margin-bottom:28px}.site-footer a{color:var(--text-2);text-decoration:none;font-size:14px}.site-footer a:hover{color:var(--ink)}.site-footer .foot-bottom{border-top:1px solid var(--border-soft);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.site-footer .social{display:flex;gap:10px;margin-top:16px}.site-footer .social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);transition:.15s}.site-footer .social a:hover{border-color:var(--brand);color:var(--ink);background:var(--bg-subtle)}.site-footer .social svg{width:17px;height:17px}.ad-slot{display:flex;align-items:center;justify-content:center;min-height:90px;border:1px dashed var(--border);border-radius:var(--r-lg);color:var(--text-muted);font-size:13px;background:var(--bg-subtle);margin:24px 0}.ad-slot[data-loaded=true]{border-style:solid}.ad-sidebar{min-height:600px;flex-direction:column}.tool-head{padding:40px 0 24px}.crumb{font-size:14px;color:var(--text-muted);margin-bottom:16px}.crumb a{color:var(--text-muted);text-decoration:none}.crumb a:hover{color:var(--ink)}.tag{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:var(--r-full);margin-bottom:16px}.tool-head h1{font-size:clamp(2.25rem,5vw,3.5rem)}.tool-head .lede{max-width:680px;margin:14px 0 0;color:var(--text-2);font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.5}.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;padding-bottom:56px}.tool-grid .ad-sidebar{position:sticky;top:96px}@media (max-width:980px){.tool-grid{grid-template-columns:1fr}.tool-grid .ad-sidebar{display:none}}.tool-wide{padding-bottom:56px}.tool-wide>.ad-slot{max-width:970px;margin-left:auto;margin-right:auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-soft);overflow:hidden}.note{display:flex;gap:12px;background:var(--brand-light);border:1px solid #A7F3CD;border-radius:var(--r-lg);padding:16px 18px;font-size:15px;color:var(--text-2);line-height:1.55;margin-top:24px}.note svg{flex-shrink:0;color:var(--ink);margin-top:2px}.note strong{color:var(--ink)}.tool-about{max-width:880px;margin:8px auto 0;padding-bottom:80px}.tool-about h2{font-size:clamp(1.5rem,3vw,2rem);margin:40px 0 14px;letter-spacing:-.02em}.tool-about .about-block p{color:var(--text-2);font-size:1.0625rem;line-height:1.7}.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:760px){.about-cols{grid-template-columns:1fr;gap:8px}}.tool-about .steps,.tool-about .features{margin:0;padding-left:1.25rem;color:var(--text-2);line-height:1.6}.tool-about .steps li,.tool-about .features li{margin-bottom:10px;font-size:1rem}.tool-about .steps li::marker{font-weight:700;color:var(--text-1)}.tool-about .features li::marker{color:var(--brand-dark)}.faqs{display:flex;flex-direction:column;gap:10px}.faq{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.faq summary{cursor:pointer;padding:16px 20px;font-weight:600;font-size:1.0625rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--brand-dark);font-size:1.4rem;font-weight:700;line-height:1;transition:transform .2s}.faq[open] summary:after{transform:rotate(45deg)}.faq summary:hover{background:var(--bg-subtle)}.faq p{margin:0;padding:0 20px 18px;color:var(--text-2);line-height:1.65;font-size:1rem}.related-tools{max-width:880px;margin:0 auto;padding:8px 0 80px}.related-tools h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 20px;letter-spacing:-.02em}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:760px){.related-grid{grid-template-columns:1fr}}.related-card{display:flex;flex-direction:column;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;text-decoration:none;color:inherit;transition:.16s;box-shadow:var(--shadow-soft)}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.related-card .rc-name{font-weight:700;font-size:15.5px;color:var(--ink)}.related-card .rc-blurb{font-size:13.5px;color:var(--text-2);line-height:1.45}.prose-wrap{max-width:760px;margin:0 auto;padding:48px 0 90px}.prose-wrap h1{font-size:clamp(2.25rem,5vw,3.25rem);margin-bottom:10px}.prose-wrap .updated{color:var(--text-muted);font-size:14px;margin-bottom:32px}.prose-wrap h2{font-size:1.5rem;margin:36px 0 12px;letter-spacing:-.02em}.prose-wrap p{color:var(--text-2);line-height:1.7;margin-bottom:14px;font-size:1.0625rem}.prose-wrap ul{color:var(--text-2);line-height:1.7;margin:0 0 14px;padding-left:1.4rem}.prose-wrap li{margin-bottom:8px}.prose-wrap a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}.prose-wrap strong{color:var(--ink)}.hl{color:var(--ink);background:linear-gradient(transparent 58%,var(--brand) 58%,var(--brand) 94%,transparent 94%);padding:0 .06em;border-radius:2px}[data-theme=dark]{--bg:#0D1117;--bg-subtle:#161B22;--bg-muted:#1F2630;--surface:#161B22;--border:#2A313C;--border-soft:#21272F;--text-1:#E6EDF3;--text-2:#9DA7B3;--text-muted:#7D8896;--ink:#E6EDF3;--brand-light:#0E2A1C;--success-bg:#0E2A1C;--error-bg:#2A1416;--c-dev-light:#11203A;--shadow-soft:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);--shadow-hover:0 2px 4px rgba(0,0,0,.5), 0 16px 40px rgba(0,0,0,.55);color-scheme:dark}[data-theme=dark] .site-header{background:#0d1117d1}[data-theme=dark] .note{border-color:#1f513a}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg-subtle);color:var(--text-2);cursor:pointer;flex-shrink:0}.theme-toggle:hover{border-color:var(--brand);color:var(--ink)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun{display:none}.theme-toggle .moon,[data-theme=dark] .theme-toggle .sun{display:block}[data-theme=dark] .theme-toggle .moon{display:none}.skip-link{position:absolute;left:-9999px;top:0;z-index:300;background:var(--brand);color:#fff;padding:10px 18px;font-weight:700;border-radius:0 0 var(--r-md) 0;text-decoration:none}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card:hover,.tool-card:hover,.related-card:hover,.stat:hover,.cat-banner:hover,.btn-primary:hover{transform:none!important}}.cookie-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:150;max-width:600px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-hover);padding:18px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cookie-consent[hidden]{display:none}.cookie-consent p{color:var(--text-2);font-size:14px;line-height:1.5;flex:1;min-width:240px;margin:0}.cookie-consent p a{color:var(--ink)}.cookie-consent .cc-actions{display:flex;gap:8px;flex-wrap:wrap}