.image-compressor-module__lCjB1W__tool{width:min(1120px,100% - 32px);margin:0 auto;padding:72px 0 84px}.image-compressor-module__lCjB1W__hero{text-align:center;max-width:760px;margin:0 auto 32px}.image-compressor-module__lCjB1W__hero h1{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0;font-size:clamp(38px,6vw,68px);line-height:.98}.image-compressor-module__lCjB1W__hero p{max-width:680px;color:var(--ink-650);margin:20px auto 0;font-size:18px}.image-compressor-module__lCjB1W__trustRow{color:var(--ink-800);flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:20px;font-size:14px;font-weight:700;display:flex}.image-compressor-module__lCjB1W__panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-panel);padding:22px}.image-compressor-module__lCjB1W__hiddenInput{display:none}.image-compressor-module__lCjB1W__dropZone{border:1.5px dashed var(--line-strong);background:linear-gradient(180deg, #fbfcff 0%, var(--canvas-blue) 100%);width:100%;min-height:280px;color:var(--ink-950);text-align:center;cursor:pointer;transition:border-color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:16px;place-content:center;gap:7px;padding:24px;display:grid}.image-compressor-module__lCjB1W__dropZone:hover{border-color:var(--cobalt);transform:translateY(-1px);box-shadow:0 12px 32px -24px #315cf5bf}.image-compressor-module__lCjB1W__dropZone strong{font-family:var(--font-display), sans-serif;font-size:24px}.image-compressor-module__lCjB1W__dropZone span{color:var(--ink-500)}.image-compressor-module__lCjB1W__fileBar{justify-content:space-between;align-items:center;gap:20px;padding:4px 2px 20px;display:flex}.image-compressor-module__lCjB1W__fileBar>div{gap:3px;min-width:0;display:grid}.image-compressor-module__lCjB1W__fileBar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-compressor-module__lCjB1W__fileBar span{color:var(--ink-500);font-size:14px}.image-compressor-module__lCjB1W__changeButton{border:1px solid var(--line);background:var(--surface);color:var(--ink-800);cursor:pointer;border-radius:9px;flex:none;padding:8px 12px;font-weight:700}.image-compressor-module__lCjB1W__presets{border:0;margin:0;padding:0}.image-compressor-module__lCjB1W__presets legend{color:var(--ink-800);margin-bottom:10px;font-size:14px;font-weight:800}.image-compressor-module__lCjB1W__presetGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.image-compressor-module__lCjB1W__preset{border:1px solid var(--line);background:var(--canvas);cursor:pointer;min-height:118px;transition:border-color .16s var(--ease-out), background .16s var(--ease-out), transform .16s var(--ease-out);border-radius:14px;padding:17px;display:flex;position:relative}.image-compressor-module__lCjB1W__preset:hover{border-color:var(--line-strong);transform:translateY(-1px)}.image-compressor-module__lCjB1W__preset input{opacity:0;pointer-events:none;position:absolute}.image-compressor-module__lCjB1W__preset>span{align-content:start;gap:6px;display:grid}.image-compressor-module__lCjB1W__preset strong{font-family:var(--font-display), sans-serif;font-size:19px}.image-compressor-module__lCjB1W__preset small{color:var(--ink-500);font-size:13px;line-height:1.45}.image-compressor-module__lCjB1W__selectedPreset{border-color:var(--cobalt);background:var(--canvas-blue);box-shadow:inset 0 0 0 1px var(--cobalt)}.image-compressor-module__lCjB1W__progress,.image-compressor-module__lCjB1W__success,.image-compressor-module__lCjB1W__warning,.image-compressor-module__lCjB1W__error{border-radius:12px;margin-top:16px;padding:14px 15px;font-size:14px}.image-compressor-module__lCjB1W__progress{border:1px solid var(--line);background:var(--canvas-blue);color:var(--ink-800);align-items:center;gap:12px;display:flex}.image-compressor-module__lCjB1W__progress>div,.image-compressor-module__lCjB1W__success{gap:2px;display:grid}.image-compressor-module__lCjB1W__progress span,.image-compressor-module__lCjB1W__success span{color:inherit;opacity:.82}.image-compressor-module__lCjB1W__spinner{border:2px solid var(--line-strong);border-top-color:var(--cobalt);border-radius:50%;flex:none;width:19px;height:19px;animation:.75s linear infinite image-compressor-module__lCjB1W__spin}.image-compressor-module__lCjB1W__success{background:var(--mint);color:var(--mint-ink);border:1px solid #b9dfca}.image-compressor-module__lCjB1W__warning{color:#71530a;background:#fff9e8;border:1px solid #f1d9a4}.image-compressor-module__lCjB1W__error{background:var(--danger-soft);color:var(--danger);border:1px solid #f0c5cd}.image-compressor-module__lCjB1W__result{border:1px solid var(--line);background:var(--canvas);border-radius:15px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:18px;padding:20px;display:grid}.image-compressor-module__lCjB1W__result>div:not(.image-compressor-module__lCjB1W__saving):not(.image-compressor-module__lCjB1W__noSaving){gap:4px;display:grid}.image-compressor-module__lCjB1W__result span{color:var(--ink-500);font-size:13px}.image-compressor-module__lCjB1W__result strong{font-family:var(--font-display), sans-serif;font-size:22px}.image-compressor-module__lCjB1W__resultArrow{font-weight:700;font-size:13px!important}.image-compressor-module__lCjB1W__saving,.image-compressor-module__lCjB1W__noSaving{border-radius:13px;min-width:100px;padding:11px 14px;display:grid}.image-compressor-module__lCjB1W__saving{background:var(--mint);color:var(--mint-ink)}.image-compressor-module__lCjB1W__noSaving{background:var(--slate-soft);color:var(--ink-650)}.image-compressor-module__lCjB1W__saving strong,.image-compressor-module__lCjB1W__noSaving strong{font-size:23px;line-height:1}.image-compressor-module__lCjB1W__saving span,.image-compressor-module__lCjB1W__noSaving span{color:inherit;font-size:12px;font-weight:700}.image-compressor-module__lCjB1W__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.image-compressor-module__lCjB1W__primaryButton,.image-compressor-module__lCjB1W__secondaryButton{min-height:46px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;padding:0 17px;font-weight:800;text-decoration:none;display:inline-flex}.image-compressor-module__lCjB1W__primaryButton{border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;box-shadow:var(--shadow-button)}.image-compressor-module__lCjB1W__primaryButton:hover{transform:translateY(-1px)}.image-compressor-module__lCjB1W__primaryButton:disabled{border-color:var(--line-strong);background:var(--slate-soft);color:var(--ink-500);box-shadow:none;cursor:not-allowed;transform:none}.image-compressor-module__lCjB1W__secondaryButton{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-800)}.image-compressor-module__lCjB1W__secondaryButton:disabled{opacity:.55;cursor:not-allowed}.image-compressor-module__lCjB1W__explainer{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.image-compressor-module__lCjB1W__explainer article{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;padding:18px}.image-compressor-module__lCjB1W__explainer strong{font-family:var(--font-display), sans-serif;font-size:18px}.image-compressor-module__lCjB1W__explainer p{color:var(--ink-650);margin:8px 0 0;font-size:14px}@keyframes image-compressor-module__lCjB1W__spin{to{transform:rotate(360deg)}}@media (max-width:760px){.image-compressor-module__lCjB1W__tool{width:min(100% - 20px,1120px);padding-top:44px}.image-compressor-module__lCjB1W__presetGrid,.image-compressor-module__lCjB1W__explainer{grid-template-columns:1fr}.image-compressor-module__lCjB1W__preset{min-height:auto}.image-compressor-module__lCjB1W__fileBar{align-items:flex-start}.image-compressor-module__lCjB1W__result{grid-template-columns:1fr 1fr}.image-compressor-module__lCjB1W__resultArrow{display:none}.image-compressor-module__lCjB1W__saving,.image-compressor-module__lCjB1W__noSaving{grid-column:1/-1}.image-compressor-module__lCjB1W__actions{flex-direction:column;align-items:stretch}.image-compressor-module__lCjB1W__primaryButton,.image-compressor-module__lCjB1W__secondaryButton{width:100%}}