.image-resizer{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);grid-gap:24px;gap:24px;margin:28px 0;color:#202b40}.ir-controls,.ir-previews section{background:#fff;border:1px solid #dfe5f1;border-radius:20px;padding:24px;box-shadow:0 10px 28px #202b4008;min-width:0}.ir-controls{gap:16px}.ir-controls,.ir-controls label{display:flex;flex-direction:column}.ir-controls label{gap:8px;font-weight:600}.ir-controls input,.ir-controls select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#202b40;min-width:0}.ir-upload{border:2px dashed #a9bde7;background:#f4f7ff;border-radius:16px;padding:18px;text-align:center;align-items:center}.ir-note,.ir-private,.ir-upload span{font-size:13px;color:#52617a}.ir-upload input{font-size:12px}.ir-controls fieldset{border:0;padding:0;margin:0;min-width:0}.ir-controls legend{font-weight:700;margin-bottom:10px}.ir-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ir-controls>button,.ir-presets button{padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#202b40;cursor:pointer}.ir-presets button[aria-pressed=true]{background:#245bc0;border-color:#245bc0;color:#fff}.ir-controls .ir-submit{background:linear-gradient(110deg,#245bc0,#7545bc);color:#fff;border:0;font-weight:700;padding:14px}.ir-submit:disabled{opacity:.55;cursor:default}.ir-download,.ir-private{display:flex;align-items:center;justify-content:center;gap:8px}.ir-error{color:#a52032}.ir-previews{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.ir-previews h2{font-size:20px;margin:0 0 16px}.ir-previews p{font-size:14px;overflow-wrap:anywhere}.ir-empty,.ir-image{height:260px;border-radius:12px;background:repeating-conic-gradient(#f0f2f8 0 25%,#fff 0 50%) 0/20px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ir-image img{max-width:100%;max-height:100%;object-fit:contain}.ir-empty{padding:24px;text-align:center;color:#60708a;background:#f4f7fc}.ir-download{background:#245bc0;color:#fff;text-decoration:none;padding:12px;border-radius:10px;font-weight:600}.ir-page details{padding:15px 0;border-bottom:1px solid #e1e6f0}.ir-page summary{cursor:pointer;font-weight:600}.ir-controls :focus-visible,.ir-download:focus-visible{outline:3px solid #d58527;outline-offset:3px}@media(max-width:1100px){.ir-previews{grid-template-columns:1fr}}@media(max-width:700px){.image-resizer{grid-template-columns:1fr}.ir-controls,.ir-previews section{padding:18px}.ir-empty,.ir-image{height:230px}}.ir-page{background:#f7f9fd}.ir-page .free-tool-hero{background:linear-gradient(120deg,#202b40,#253f70 60%,#7545bc);border-radius:24px;color:#fff}.ir-page .free-tool-hero h1{color:#fff}.ir-page .free-tool-hero h1 span{color:#b7d1ff}.ir-page .free-tool-hero p{color:#e3eafa}.ir-page .free-tool-hero .eyebrow{color:#ffba65}.ir-page .free-tool-hero>svg{color:#b7d1ff}