:root{--brand:#10b981;--brand-600:#059669;--brand-700:#047857;--brand-900:#064e3b;--brand-soft:#d1fae5;--ink:#1f2937;--muted:#6b7280;--line:#e5e7eb;--bg:#f6f8fa;--card:#fff;--green:#16a34a;--red:#dc2626;--amber:#d97706;--radius:12px;--radius-sm:8px;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--shadow:0 1px 3px rgba(16,24,40,.08),0 6px 18px rgba(16,24,40,.06)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}a{color:var(--brand-700);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{background:var(--brand-900);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.18)}.site-header .bar{justify-content:space-between;height:62px}.brand,.site-header .bar{display:flex;align-items:center}.brand{gap:11px;color:#fff;font-weight:800;letter-spacing:.3px}.brand:hover{text-decoration:none}.brand svg{display:block}.brand .name{font-size:19px}.brand .tag{font-size:11px;font-weight:600;color:var(--brand-soft);letter-spacing:1px;text-transform:uppercase}.nav-links{display:flex;gap:4px;align-items:center}.nav-links a{color:#d7f0e6;font-weight:600;font-size:14.5px;padding:8px 13px;border-radius:8px}.nav-links a:hover{background:hsla(0,0%,100%,.1);text-decoration:none;color:#fff}.nav-links a.active{background:var(--brand);color:var(--brand-900)}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}@media (max-width:760px){.nav-links{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;background:var(--brand-900);padding:10px;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-toggle{display:block}}.hero{background:linear-gradient(135deg,var(--brand-900),var(--brand-700) 60%,#0d9488);color:#fff}.hero .container{padding:52px 20px 56px}.hero h1{font-size:34px;line-height:1.18;margin-bottom:14px;max-width:780px}.hero p.lead{font-size:17px;color:#d7f0e6;max-width:740px}.hero .pill-row{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.pill{background:hsla(0,0%,100%,.14);color:#fff;border:1px solid hsla(0,0%,100%,.28);padding:5px 13px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.3px}.section{padding:44px 0}.section h2{font-size:25px;margin-bottom:8px}.section .sub{color:var(--muted);margin-bottom:24px;max-width:780px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));grid-gap:18px;gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(16,24,40,.12),0 14px 30px rgba(16,24,40,.1);text-decoration:none}.card h3{font-size:17px;color:var(--brand-900);margin-bottom:6px}.card p{font-size:14px;color:var(--muted)}.card .ico{color:var(--brand);margin-bottom:10px}.card .arrow{font-size:13.5px;margin-top:10px;display:inline-block}.badge-cat,.card .arrow{color:var(--brand-700);font-weight:700}.badge-cat{align-self:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:3px 9px;border-radius:6px;margin-bottom:10px}.badge-cat,.privacy-pitch{background:var(--brand-soft)}.privacy-pitch{display:flex;gap:12px;align-items:flex-start;border:1px solid #a7f3d0;border-radius:var(--radius);padding:16px 18px;margin:28px 0;font-size:14.5px;color:var(--brand-900)}.privacy-pitch strong{color:var(--brand-700)}.breadcrumb{font-size:13px;color:var(--muted);padding:14px 0 0}.breadcrumb a{color:var(--brand-700)}.page-head{padding:30px 0 8px}.page-head h1{font-size:30px;color:var(--brand-900);margin-bottom:8px}.page-head p{color:var(--muted);max-width:780px}.tool-layout{display:grid;grid-template-columns:1fr;grid-gap:22px;gap:22px;align-items:start}@media (min-width:900px){.tool-layout.two{grid-template-columns:1fr 1fr}}.result-panel,.tool-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.field{margin-bottom:15px}.field label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:6px}input[type=email],input[type=number],input[type=text],input[type=url],select,textarea{width:100%;padding:11px 14px;border:1.5px solid #d1d9e6;border-radius:var(--radius-sm);font-size:14.5px;background:#fff;color:var(--ink);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:inset 0 1px 2px rgba(16,24,40,.04)}input:hover,select:hover,textarea:hover{border-color:#b4c1d8}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,185,129,.12),inset 0 1px 2px rgba(16,24,40,.02);background:#fff}textarea{resize:vertical;min-height:150px;line-height:1.5}.mono,textarea.mono{font-family:var(--mono);font-size:13.5px}.row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}button.btn{background:linear-gradient(135deg,var(--brand-700),var(--brand-600));color:#fff;border:0;padding:11px 18px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px rgba(16,185,129,.25),inset 0 1px 0 hsla(0,0%,100%,.12);transition:transform .15s ease,box-shadow .18s ease}button.btn:hover{background:linear-gradient(135deg,var(--brand-600),var(--brand));transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.35)}button.btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(16,185,129,.2)}button.btn.secondary{background:#f0fdf4;color:var(--brand-900);border:1.5px solid #a7f3d0}button.btn.secondary:hover{background:#dcfce7;border-color:var(--brand)}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 14px}.seg{display:inline-flex;border:1px solid #cdd6e3;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:14px}.seg button{background:#fbfcfe;border:0;padding:8px 14px;cursor:pointer;font-weight:600;font-size:13.5px;color:var(--muted)}.seg button.on{background:var(--brand);color:#fff}.copy-btn{background:var(--brand-soft);color:var(--brand-700);border:1px solid #a7f3d0;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;cursor:pointer}.copy-btn:hover{background:#a7f3d0}.status{font-size:13.5px;font-weight:700;padding:8px 12px;border-radius:var(--radius-sm);margin-top:12px}.status.ok{background:#ecfdf5;color:var(--green);border:1px solid #a7f3d0}.status.err{background:#fef2f2;color:var(--red);border:1px solid #fecaca}.status.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}pre.out{background:#0f172a;color:#e2e8f0;border-radius:var(--radius-sm);overflow-x:auto}.out-plain,pre.out{padding:14px 16px;font-family:var(--mono);font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin-top:6px}.out-plain{background:#f8fafc}.diff,.out-plain{border:1px solid var(--line);border-radius:var(--radius-sm)}.diff{font-family:var(--mono);font-size:13px;line-height:1.5;overflow:hidden}.diff .line{padding:2px 12px;white-space:pre-wrap;word-break:break-word}.diff .add{background:#ecfdf5}.diff .del{background:#fef2f2}.diff .ctx{color:#475569}.hl{font-family:var(--mono);font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#e2e8f0;border-radius:var(--radius-sm);padding:12px 14px}.hl mark{background:var(--brand);color:#042f2e;border-radius:3px;padding:0 1px}.site-footer{background:var(--brand-900);color:#b7d8cc;margin-top:50px;padding:38px 0 26px;font-size:13.5px}.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:26px;gap:26px}@media (max-width:760px){.site-footer .cols{grid-template-columns:1fr 1fr}}.site-footer h5{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.site-footer a{color:#b7d8cc;display:block;margin:6px 0}.site-footer a:hover{color:#fff}.site-footer .legal{border-top:1px solid hsla(0,0%,100%,.12);margin-top:24px;padding-top:16px}.site-footer .legal-line{color:#8fb3a6;font-size:12.5px;line-height:1.7}.prose{max-width:840px}.prose h2{font-size:22px;color:var(--brand-900);margin:26px 0 10px}.prose h3{font-size:17px;color:var(--brand-700);margin:18px 0 6px}.prose li,.prose p{font-size:15px;color:#334155;margin:8px 0}.prose ul{padding-left:22px}.prose a{color:var(--brand-700)}.notfound{text-align:center;padding:80px 20px}.notfound h1{font-size:64px;color:var(--brand-900)}.guide-card{display:block}.guide-body{max-width:840px}.guide-body h2{font-size:22px;color:var(--brand-900);margin:26px 0 10px}.guide-body li,.guide-body p{font-size:15.5px;color:#334155;margin:10px 0}.guide-body ul{padding-left:22px}.guide-body code{font-family:var(--mono);font-size:13.5px;background:#eef2f1;color:var(--brand-900);padding:1px 6px;border-radius:5px}a.tool-cta{display:inline-block;font-weight:700;color:#fff;background:var(--brand-700);padding:2px 10px;border-radius:999px;margin:0 2px}a.tool-cta:hover{background:var(--brand-600);text-decoration:none;color:#fff}.related-tools h2{font-size:22px;color:var(--brand-900);margin-bottom:4px}.related-guide{margin-top:22px;max-width:840px}.related-guide a{display:inline-block;font-weight:700;color:var(--brand-700);background:var(--brand-soft);border:1px solid #a7f3d0;padding:9px 16px;border-radius:999px}.related-guide a:hover{background:#a7f3d0;text-decoration:none}.disclaimer-box{background:#fffaf0;border:1px solid #f0dcae;border-left:4px solid var(--amber);border-radius:10px;padding:14px 16px;margin:22px 0;font-size:13.5px;color:#6b531d}.tool-faq{margin:28px 0 8px}.tool-faq h2{font-size:22px;color:var(--brand-900);margin:0 0 14px}.tool-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.tool-faq-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.tool-faq-card h3{font-size:15px;color:var(--ink);margin:0 0 6px;line-height:1.4}.tool-faq-card p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.55}@media (max-width:720px){.tool-faq-grid{grid-template-columns:1fr}}@media print{.hero,.nav-toggle,.no-print,.site-footer,.site-header{display:none!important}body{background:#fff}}.article-intro{max-width:840px;margin:4px 0 26px}.rank-list{list-style:none;max-width:940px;margin:0;padding:0}.rank-item{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.rank-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(16,24,40,.12),0 14px 30px rgba(16,24,40,.1)}.rank-left{display:flex;gap:14px}.rank-badge,.rank-left{align-items:center;flex:0 0 auto}.rank-badge{display:inline-flex;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--brand-900);color:#fff;font-weight:800;font-size:16px}.repo-img{width:52px;height:52px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:#fff;padding:6px}.rank-body{flex:1 1 auto;min-width:0}.rank-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rank-name{font-size:18px;font-weight:800;color:var(--brand-900)}.rank-name:hover{text-decoration:none;color:var(--brand-700)}.rank-stars{font-size:13.5px;font-weight:800;color:var(--amber);background:#fffbeb;border:1px solid #fde68a;padding:3px 10px;border-radius:999px;white-space:nowrap}.rank-author{font-size:13px;color:var(--muted);margin:2px 0 6px}.rank-desc{font-size:14.5px;color:#334155;margin:0 0 8px}.rank-link{font-size:13.5px;font-weight:700;color:var(--brand-700)}.rank-link:hover{text-decoration:none}@media (max-width:620px){.rank-left{flex-direction:column;align-items:flex-start}.repo-img{width:52px;height:52px}}.rank-name-text{font-size:18px;font-weight:800;color:var(--brand-900)}.rank-tags{font-size:11.5px;font-weight:700;color:var(--brand-700);background:var(--brand-soft);border:1px solid #a7f3d0;padding:3px 10px;border-radius:999px;white-space:nowrap}.rank-error{font-family:var(--mono);font-size:12.5px;line-height:1.5;background:#0f172a;color:#e2e8f0;border-radius:8px;padding:10px 12px;margin:8px 0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.rank-fix{font-size:14px;color:#14532d;background:#ecfdf5;border:1px solid #a7f3d0;border-left:4px solid var(--green);border-radius:8px;padding:9px 12px;margin:4px 0 2px}.rank-fix-label{font-weight:800;color:var(--green)}.benefit-bar{background:var(--brand-900);color:#fff;padding:26px 0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.benefit{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.benefit-ico{font-size:24px;color:var(--brand-soft)}.benefit strong{color:#fff;font-size:15px}.benefit .muted{color:#cdeee2}.search-note{background:var(--brand-soft);color:var(--brand-900);border-radius:8px;padding:8px 14px;font-weight:600;font-size:14px}@media (max-width:720px){.benefit-grid{grid-template-columns:1fr}}