.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:40px 24px;text-align:center;cursor:pointer;transition:border-color 0.2s;background:var(--bg3)}
.upload-zone:hover{border-color:var(--bh)}
.upload-zone i{font-size:36px;color:var(--t3);display:block;margin-bottom:14px}
.upload-zone p{font-size:14px;color:var(--t2);margin-bottom:6px}
.upload-zone span{font-size:12px;color:var(--t3)}
.compress-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.compress-side{background:var(--bg3);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.compress-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--t3);padding:10px 14px}
.compress-side img{width:100%;height:160px;object-fit:contain;background:var(--bg)}
.compress-size{font-size:12px;color:var(--t2);padding:8px 14px;font-weight:600}
.compress-saved{text-align:center;font-size:14px;font-weight:700;color:var(--green);padding:14px;background:rgba(74,222,128,0.06);border:1px solid rgba(74,222,128,0.15);border-radius:10px;margin-top:12px}
@media(max-width:480px){.compress-compare{grid-template-columns:1fr}}