.webp-tool h2{text-align:center;margin-top:0}.webp-tool-intro{text-align:center;max-width:720px;margin:0 auto 2rem}.webp-tool-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.webp-tool-card{padding:1.5rem;border:1px solid #dbe2ea;border-radius:14px;background:#fff;color:#172033;box-shadow:0 8px 28px #1720330d}.webp-tool-card h3{margin-top:0}.webp-tool-card label{display:block;font-weight:650;margin-top:1rem}.webp-tool-card input{display:block;width:100%;padding:.8rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit}.webp-tool-card button[disabled]{opacity:.65;cursor:wait}.webp-tool-status{min-height:1.5rem;margin:.8rem 0 0;font-size:.92rem}.webp-tool-status.success{color:#166534}.webp-tool-status.error{color:#b91c1c}@media(max-width:700px){.webp-tool-options{grid-template-columns:1fr}}