:root{--ink:#102030;--muted:#647184;--green:#12945f;--green2:#0b754a;--pale:#f1faf6;--line:#dde6e2;--bg:#f7faf9;--white:#fff;--danger:#c0392b;--shadow:0 12px 34px rgba(16,32,48,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{display:block;width:245px;max-height:50px;object-fit:contain;object-position:left center}.navlinks{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:750}.navlinks a{text-decoration:none;color:#435163}.navlinks a:hover{color:var(--green2)}
.hero{padding:28px 0 18px;text-align:center;background:#fff}.hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.04;letter-spacing:-.05em;margin:0}.hero h1 .green{color:var(--green)}.hero p{max-width:760px;margin:10px auto 0;color:var(--muted);font-size:17px;line-height:1.55}.trustrow{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:14px}.trust{font-size:12px;font-weight:800;color:#476054;background:var(--pale);border:1px solid #d9ede4;border-radius:999px;padding:7px 10px}
.tools-section{padding:12px 0 44px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 16px}.section-head h2{font-size:28px;letter-spacing:-.035em;margin:0}.section-head p{color:var(--muted);font-size:14px;margin:0}.toolgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.toolcard{display:block;text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;min-height:154px;transition:.16s;box-shadow:0 5px 18px rgba(20,50,40,.025)}.toolcard:hover{transform:translateY(-2px);border-color:#acd7c7;box-shadow:var(--shadow)}.toolicon{width:42px;height:42px;border-radius:12px;background:var(--pale);display:grid;place-items:center;color:var(--green);font-weight:900;font-size:20px;margin-bottom:13px}.toolcard h3{font-size:17px;margin:0 0 6px;letter-spacing:-.02em}.toolcard p{font-size:13px;color:var(--muted);line-height:1.48;margin:0}.tag{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;color:var(--green2);background:#f0faf6;border-radius:999px;padding:5px 8px}
.tool-page{padding:20px 0 52px}.tool-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:22px;align-items:start}.workspace{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.workspace-head{padding:23px 24px;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:center}.workspace-head .toolicon{margin:0;flex:0 0 auto}.workspace-head h2{font-size:24px;margin:0;letter-spacing:-.025em}.workspace-head p{font-size:13px;color:var(--muted);margin:4px 0 0;line-height:1.5}.workspace-body{padding:24px}.dropzone{border:2px dashed #bad6cb;border-radius:17px;padding:32px 18px;text-align:center;background:#fbfefd}.dropzone.drag{border-color:var(--green);background:var(--pale)}.dropzone strong{display:block;font-size:18px;margin-bottom:6px}.dropzone p{margin:0 0 15px;color:var(--muted);font-size:13px}.choose{border:0;background:var(--green);color:#fff;border-radius:11px;padding:12px 18px;font-weight:850}.fileinput{display:none}.filelist{margin-top:14px;display:grid;gap:8px}.fileitem{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;font-size:13px}.fileitem .meta{font-size:11px;color:var(--muted);margin-top:3px}.remove{border:0;background:#fff0ee;color:#a52f26;border-radius:8px;padding:6px 9px;font-weight:800}.options{margin-top:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#4d5b6c}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdad5;border-radius:10px;padding:11px 12px;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#70bea1;box-shadow:0 0 0 3px #e8f7f1}.runrow{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:18px}.run{border:0;background:var(--green);color:#fff;border-radius:12px;padding:13px 21px;font-weight:850;min-width:190px}.run:disabled{opacity:.5;cursor:not-allowed}.status{font-size:13px;color:var(--muted)}.status.good{color:var(--green2);font-weight:750}.status.bad{color:var(--danger);font-weight:750}.download{display:none;text-decoration:none;background:#183248;color:#fff;border-radius:12px;padding:13px 18px;font-weight:850}.download.show{display:inline-block}.progress{height:6px;background:#edf2ef;border-radius:999px;overflow:hidden;margin-top:14px;display:none}.progress.show{display:block}.progress span{display:block;height:100%;width:0;background:var(--green);transition:width .2s}
.sidebox{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.sidebox h2,.sidebox h3{margin:0 0 10px;letter-spacing:-.025em}.sidebox h2{font-size:23px}.sidebox h3{font-size:18px;margin-top:22px}.sidebox p,.sidebox li{font-size:14px;line-height:1.65;color:var(--muted)}.sidebox ul,.sidebox ol{padding-left:20px}.privacy-note{margin-top:15px;padding:13px 14px;border-radius:12px;background:var(--pale);color:#49685b;font-size:12px;line-height:1.55;font-weight:650}
.content{padding:55px 0 70px;background:#fff;border-top:1px solid var(--line)}.content h2{font-size:34px;letter-spacing:-.04em;margin:0 0 12px}.content h3{font-size:22px;letter-spacing:-.025em;margin:32px 0 9px}.content p,.content li{color:var(--muted);line-height:1.72}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.related a{display:block;text-decoration:none;background:#f8fbfa;border:1px solid var(--line);border-radius:13px;padding:13px 14px;font-weight:800;font-size:14px}.faq details{border:1px solid var(--line);border-radius:13px;padding:15px 17px;margin:9px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{font-size:14px;margin-bottom:0}
footer{border-top:1px solid var(--line);padding:24px 0 36px;background:#fff;color:#758194;font-size:13px}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.foot a{text-decoration:none}.toast{position:fixed;right:20px;bottom:20px;background:#102030;color:#fff;padding:12px 15px;border-radius:11px;font-size:13px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:60}.toast.show{opacity:1;transform:none}
@media(max-width:950px){.toolgrid{grid-template-columns:repeat(2,1fr)}.tool-layout,.content-grid{grid-template-columns:1fr}.options{grid-template-columns:1fr 1fr}.navlinks{display:none}.related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:min(100% - 20px,1180px)}.nav{height:64px}.brand img{width:190px;max-height:42px}.hero{padding:23px 0 14px}.hero h1{font-size:34px}.hero p{font-size:15px}.toolgrid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:5px}.workspace-head,.workspace-body{padding:18px}.options{grid-template-columns:1fr}.run,.download{width:100%;text-align:center}.runrow{display:grid;grid-template-columns:1fr;width:100%}.related{grid-template-columns:1fr}.content{padding-top:42px}}