:root{--orange:#f97316;--ink:#172033;--muted:#657085;--bg:#f6f7fb;--line:#e4e7ee;--green:#18864b;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Poppins,system-ui,-apple-system,sans-serif}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between}.nav a{text-decoration:none;color:var(--ink);font-weight:700}.brand{font-size:20px}.brand span,.eyebrow{color:var(--orange)}.hero{text-align:center;padding:72px 0 42px}.hero h1,.tool-intro h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;margin:.25em 0}.hero p,.tool-intro p{color:var(--muted);max-width:720px;margin:0 auto 24px}.search input{width:min(620px,100%);padding:16px 18px;border:1px solid var(--line);border-radius:12px;font:inherit}.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}button{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}button.active,.primary{background:var(--orange);color:#fff;border-color:var(--orange)}button:disabled{opacity:.6}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:flex;gap:15px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;color:inherit;transition:.2s}.tool-card:hover{transform:translateY(-3px);border-color:#fdba74;box-shadow:0 10px 24px #17203310}.tool-card h3{margin:0}.tool-card p{color:var(--muted);margin:5px 0}.icon{font-size:28px}.crumb{margin-top:28px}.tool-intro{text-align:center;padding:40px 0 26px}.panel,.content{max-width:850px;margin:0 auto 28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.field{margin-bottom:18px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #cfd4df;border-radius:9px;font:inherit}.field textarea{min-height:125px;resize:vertical}.actions{display:flex;gap:10px}.progress{margin-top:22px}.progress span{display:block;width:100%;height:8px;border-radius:9px;background:linear-gradient(90deg,var(--orange) 40%,#fed7aa 55%,var(--orange) 70%);background-size:200%;animation:move 1.2s infinite}.message{margin-top:20px;padding:12px;color:var(--red);background:#fff0ef;border-radius:8px}.result{margin-top:28px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-head div{display:flex;gap:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#111827;color:#e5e7eb;padding:18px;border-radius:10px;max-height:480px;overflow:auto}.empty{text-align:center;padding:35px}footer{margin-top:60px;padding:32px 0;background:#172033;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@keyframes move{to{background-position:-200%}}@media(max-width:820px){.tool-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.panel,.content{padding:20px}.result-head{align-items:flex-start;flex-direction:column}.hero{padding-top:48px}}