*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#f6f7f9;--card:#fff;--text:#101828;--muted:#667085;--line:#e4e7ec;--accent:#635bff;--accent2:#5148e5}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(1080px,calc(100% - 32px));margin:auto}header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:850;text-decoration:none;color:var(--text)}.brand span{color:var(--accent)}nav{display:flex;gap:24px}nav a,footer a{color:var(--muted);text-decoration:none;font-size:14px}.hero{text-align:center;padding:88px 0 65px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}h1{font-size:clamp(45px,8vw,76px);line-height:.98;letter-spacing:-3.5px;margin:15px 0 22px}h1 span{color:var(--accent)}.hero>p:not(.eyebrow){max-width:650px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.65}.primary,.download{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;border:0;border-radius:10px;padding:13px 19px;font-weight:800;cursor:pointer}.primary:hover,.download:hover{background:var(--accent2)}.section{padding:55px 0}.section h2,.info h2{font-size:34px;letter-spacing:-1px;margin:8px 0 14px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:22px;text-align:left;cursor:pointer;min-height:125px;box-shadow:0 5px 20px rgba(16,24,40,.03)}.tool-card:hover{border-color:#bbb7ff;transform:translateY(-2px)}.tool-card b{display:block;font-size:16px;margin-bottom:8px}.tool-card span,.muted,.info p{color:var(--muted);line-height:1.6}.hidden{display:none!important}.tool-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 12px 40px rgba(16,24,40,.06)}.back{border:0;background:none;color:var(--accent);font-weight:800;cursor:pointer;padding:0;margin-bottom:18px}.drop{min-height:250px;border:2px dashed #cfd4dc;border-radius:15px;display:grid;place-items:center;text-align:center;cursor:pointer;padding:25px}.drop:hover{border-color:var(--accent);background:#fafaff}.drop input{display:none}.field{margin:18px 0}.field label{display:block;font-weight:750;margin-bottom:7px}.input,textarea,select{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:12px;font:inherit;background:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview{max-width:100%;max-height:350px;display:block;margin:18px auto;border-radius:10px}.output{margin-top:18px;padding:16px;background:#f8f9fb;border-radius:12px}.big{font-size:28px;font-weight:850}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.range{width:100%;accent-color:var(--accent)}.info{border-top:1px solid var(--line)}.info p{max-width:760px}.foot{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.check{display:flex;gap:8px;align-items:center;margin:8px 0}.check input{width:auto}@media(max-width:750px){nav{gap:12px}nav a{font-size:12px}.hero{padding-top:55px}.tool-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}h1{letter-spacing:-2.5px}.tool-panel{padding:18px}.foot{flex-direction:column;gap:10px}}