.image-resizer[data-astro-cid-iculd5ef]{background:#f8f9fc;min-height:100%;padding:48px 20px 80px}.container[data-astro-cid-iculd5ef]{max-width:780px;margin:0 auto}.eyebrow[data-astro-cid-iculd5ef]{color:#315bdc;margin:0 0 8px;font-size:14px;font-weight:700}h1[data-astro-cid-iculd5ef]{margin:0;font-size:clamp(32px,5vw,46px);line-height:1.1}.intro[data-astro-cid-iculd5ef]{color:#687386;margin:14px 0 30px;font-size:18px;line-height:1.55}.card[data-astro-cid-iculd5ef],.explanation[data-astro-cid-iculd5ef]{background:#fff;border:1px solid #e5e8ef;border-radius:18px;margin-top:18px;padding:24px;box-shadow:0 8px 30px #141e320f}.drop-area[data-astro-cid-iculd5ef]{color:#1c326b;cursor:pointer;text-align:center;user-select:none;background:#fff;border:2px dashed #aebce0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:146px;padding:22px;display:flex}.drop-area[data-astro-cid-iculd5ef][data-dragging=true]{background:#eef2ff;border-color:#315bdc}.drop-area[data-astro-cid-iculd5ef] span[data-astro-cid-iculd5ef]{color:#687386;font-size:14px}.file-input[data-astro-cid-iculd5ef]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.image-info[data-astro-cid-iculd5ef]{grid-template-columns:minmax(160px,240px) 1fr;gap:18px;display:grid}.preview[data-astro-cid-iculd5ef]{object-fit:contain;background:#f3f5f9;border-radius:12px;width:100%;max-width:100%;max-height:250px;display:block}dl[data-astro-cid-iculd5ef]{gap:12px;margin:0;display:grid}dl[data-astro-cid-iculd5ef] div[data-astro-cid-iculd5ef]{justify-content:space-between;gap:16px;display:flex}dt[data-astro-cid-iculd5ef]{color:#5d687a}dd[data-astro-cid-iculd5ef]{overflow-wrap:anywhere;text-align:right;margin:0;font-weight:700}.image-actions[data-astro-cid-iculd5ef]{grid-column:2;align-self:end;gap:10px;display:flex}.button[data-astro-cid-iculd5ef]{box-sizing:border-box;cursor:pointer;font:inherit;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.button[data-astro-cid-iculd5ef].primary{color:#fff;background:#315bdc;width:100%}.button[data-astro-cid-iculd5ef].primary:hover{background:#264bc0}.button[data-astro-cid-iculd5ef].secondary,.presets[data-astro-cid-iculd5ef] button[data-astro-cid-iculd5ef]{color:#234cbd;background:#eef2ff}.button[data-astro-cid-iculd5ef].secondary:hover,.presets[data-astro-cid-iculd5ef] button[data-astro-cid-iculd5ef]:hover{background:#dce5ff}.controls[data-astro-cid-iculd5ef] h2[data-astro-cid-iculd5ef]{margin:0 0 16px;font-size:20px}.controls[data-astro-cid-iculd5ef] h2[data-astro-cid-iculd5ef]:not(:first-child){margin-top:26px}.dimension-fields[data-astro-cid-iculd5ef]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field[data-astro-cid-iculd5ef]{margin-bottom:16px}label[data-astro-cid-iculd5ef]{margin-bottom:7px;font-weight:600;display:block}input[data-astro-cid-iculd5ef],select[data-astro-cid-iculd5ef]{box-sizing:border-box;color:#172033;font:inherit;border:1px solid #dfe3ea;border-radius:10px;width:100%;padding:12px}input[data-astro-cid-iculd5ef]:focus,select[data-astro-cid-iculd5ef]:focus,button[data-astro-cid-iculd5ef]:focus-visible,.button[data-astro-cid-iculd5ef]:focus-visible{outline-offset:2px;border-color:#315bdc;outline:2px solid #dce5ff}.checkbox[data-astro-cid-iculd5ef]{align-items:center;gap:8px;margin:0;display:flex}.checkbox[data-astro-cid-iculd5ef] input[data-astro-cid-iculd5ef]{width:auto}.presets[data-astro-cid-iculd5ef]{border:0;margin:22px 0 0;padding:0}.presets[data-astro-cid-iculd5ef] legend[data-astro-cid-iculd5ef]{margin-bottom:8px;font-weight:700}.presets[data-astro-cid-iculd5ef] div[data-astro-cid-iculd5ef]{flex-wrap:wrap;gap:8px;display:flex}.presets[data-astro-cid-iculd5ef] button[data-astro-cid-iculd5ef]{cursor:pointer;font:inherit;border:0;border-radius:8px;min-height:40px;padding:8px 14px;font-weight:700}.status[data-astro-cid-iculd5ef]{color:#315bdc;min-height:1.5em;margin:16px 0 0;font-weight:600}.error[data-astro-cid-iculd5ef]{color:#8a280d;background:#fff1f0;border-radius:10px;margin:16px 0 0;padding:12px}.result[data-astro-cid-iculd5ef]{margin-top:18px}.result[data-astro-cid-iculd5ef] h2[data-astro-cid-iculd5ef],.explanation[data-astro-cid-iculd5ef] h2[data-astro-cid-iculd5ef]{margin:0 0 14px;font-size:20px}.result[data-astro-cid-iculd5ef] .preview[data-astro-cid-iculd5ef]{max-height:320px;margin-bottom:18px}.download[data-astro-cid-iculd5ef]{margin-top:18px}.explanation[data-astro-cid-iculd5ef]{color:#536176;line-height:1.55}.explanation[data-astro-cid-iculd5ef] a[data-astro-cid-iculd5ef]{color:#234cbd;font-weight:700}.sr-only[data-astro-cid-iculd5ef]{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=620px){.image-resizer[data-astro-cid-iculd5ef]{padding:32px 16px 64px}.card[data-astro-cid-iculd5ef],.explanation[data-astro-cid-iculd5ef]{padding:20px}.image-info[data-astro-cid-iculd5ef]{grid-template-columns:1fr}.image-actions[data-astro-cid-iculd5ef]{grid-column:auto}.dimension-fields[data-astro-cid-iculd5ef]{grid-template-columns:1fr}dl[data-astro-cid-iculd5ef] div[data-astro-cid-iculd5ef]{flex-direction:column;align-items:flex-start;gap:3px}dd[data-astro-cid-iculd5ef]{text-align:left}}