/* Image Compressor page-only components. */
.section-heading h2,.compressor-intro h2{font-size:clamp(28px,3.2vw,39px);line-height:1.12;letter-spacing:-1.7px;margin-bottom:0}
.compressor-section{background:#eaf0e3;padding:76px max(6vw,24px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,1fr);gap:7vw;align-items:center}
.compressor-intro{max-width:430px}
.compressor-intro h2{font-size:clamp(34px,4.3vw,50px);margin-bottom:18px}
.compressor-intro>p:not(.section-kicker){font-size:14px;color:#737c6f;line-height:1.8;max-width:390px}
.privacy-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#58634e;margin-top:28px}
.privacy-note span{display:grid;place-items:center;background:#d4ebad;width:27px;height:27px;border-radius:9px;font-size:16px}
.compressor-panel{background:#fff;border:1px solid rgba(40,55,33,.09);border-radius:22px;padding:15px;box-shadow:0 20px 50px rgba(39,52,31,.06)}
.dropzone{border:1.5px dashed #d9e0d0;border-radius:16px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}
.dropzone.dragover{background:#f3f9e9;border-color:#9fc95e}
.upload-symbol{width:53px;height:53px;border-radius:16px;background:#e8f4d6;display:grid;place-items:center;font-size:27px;color:#526f2c;margin-bottom:17px}
.dropzone h3{font:700 17px Manrope;margin-bottom:7px}
.dropzone p{font-size:12px;color:#858b82;margin-bottom:20px}
.compressor-controls{padding:17px 9px 6px}
.selected-file{display:flex;align-items:center;gap:11px;padding:12px;background:#f7f9f4;border-radius:12px;margin-bottom:22px}
.file-symbol{width:36px;height:36px;border-radius:10px;background:#e1edcf;display:grid;place-items:center;font-size:20px}
.file-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.file-meta strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-meta span{font-size:10px;color:#858b82}
.remove-button{border:0;background:transparent;color:#7e857a;font-size:23px;cursor:pointer}
.quality-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}
.quality-label strong{font-size:12px}
.compressor-controls input[type=range]{width:100%;accent-color:#719b36;cursor:pointer}
.range-labels{display:flex;justify-content:space-between;color:#90968c;font-size:10px;margin-top:4px}
.format-label{display:block;font-size:11px;font-weight:700;margin:20px 0 8px}
.compressor-controls select{width:100%;padding:12px;border:1px solid #e4e8de;border-radius:10px;background:#fff;color:#454d40;font-size:12px;outline-color:#9fc95e}
.primary-button,.download-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border:0;border-radius:11px;background:#29372a;color:#fff;font-weight:700;font-size:12px;cursor:pointer;margin-top:14px}
.primary-button:hover,.download-button:hover{background:#3b4d3a}
.primary-button:disabled{opacity:.55;cursor:wait}
.tool-status{font-size:10px;color:#8a9185;text-align:center;margin:11px 0 3px}
.result{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f1f7e9;padding:14px;border-radius:12px;margin-top:14px}
.result>div{display:flex;flex-direction:column;gap:4px}
.result-label{font-size:9px;letter-spacing:1px;color:#7c8870}
.result strong{font:700 19px Manrope}
.savings{font-size:10px;color:#507725}
.download-button{width:auto;margin:0;padding:12px 14px;white-space:nowrap;background:#d6f39c;color:#25351e}
.download-button:hover{background:#c8eb83}
@media(max-width:760px){
.compressor-section{grid-template-columns:1fr;padding:55px 18px;gap:28px}
.compressor-intro h2{font-size:39px}
.dropzone{min-height:245px}
}
@media(max-width:390px){
.result{align-items:flex-start;flex-direction:column}
.download-button{width:100%}
}
.compressor-section{background:#eaf0e3;padding:76px max(6vw,24px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,1fr);gap:7vw;align-items:center}.compressor-intro{max-width:430px}.compressor-intro h2{font-size:clamp(34px,4.3vw,50px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 18px}.compressor-intro>p:not(.section-kicker){font-size:14px;color:#737c6f;line-height:1.8;max-width:390px}.privacy-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#58634e;margin-top:28px}.privacy-note span{display:grid;place-items:center;background:#d4ebad;width:27px;height:27px;border-radius:9px;font-size:16px}.compressor-panel{background:#fff;border:1px solid rgba(40,55,33,.09);border-radius:22px;padding:15px;box-shadow:0 20px 50px rgba(39,52,31,.06)}.dropzone{border:1.5px dashed #d9e0d0;border-radius:16px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}.dropzone.dragover{background:#f3f9e9;border-color:#9fc95e}.upload-symbol{width:53px;height:53px;border-radius:16px;background:#e8f4d6;display:grid;place-items:center;font-size:27px;color:#526f2c;margin-bottom:17px}.dropzone h3{font:700 17px Manrope,sans-serif;margin-bottom:7px}.dropzone p{font-size:12px;color:#858b82;margin-bottom:20px}.text-button{background:none;border:0;color:#4e7621;text-decoration:underline;cursor:pointer;padding:0}.file-types{font-size:9px;letter-spacing:1.5px;color:#9aa095}.compressor-controls{padding:17px 9px 6px}.selected-file{display:flex;align-items:center;gap:11px;padding:12px;background:#f7f9f4;border-radius:12px;margin-bottom:22px}.file-symbol{width:36px;height:36px;border-radius:10px;background:#e1edcf;display:grid;place-items:center;font-size:20px}.file-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.file-meta strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta span{font-size:10px;color:#858b82}.remove-button{border:0;background:transparent;color:#7e857a;font-size:23px;cursor:pointer}.quality-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.quality-label strong{font-size:12px}.compressor-controls input[type=range]{width:100%;accent-color:#719b36;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#90968c;font-size:10px;margin-top:4px}.format-label{display:block;font-size:11px;font-weight:700;margin:20px 0 8px}.compressor-controls select{width:100%;padding:12px;border:1px solid #e4e8de;border-radius:10px;background:#fff;color:#454d40;font-size:12px;outline-color:#9fc95e}.compressor-controls .primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border:0;border-radius:11px;background:#29372a;color:#fff;font-weight:700;font-size:12px;cursor:pointer;margin-top:14px}.compressor-controls .primary-button:hover{background:#3b4d3a}.compressor-controls .primary-button:disabled{opacity:.55;cursor:wait}.compressor-controls .tool-status{text-align:center;margin:11px 0 3px}.compressor-controls .result{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f1f7e9;padding:14px;border-radius:12px;margin-top:14px}.compressor-controls .download-button{width:auto;margin:0;padding:12px 14px;white-space:nowrap;background:#d6f39c;color:#25351e}
@media(max-width:760px){.compressor-section{grid-template-columns:1fr;padding:55px 18px;gap:28px}.compressor-intro h2{font-size:39px}.dropzone{min-height:245px}}
@media(max-width:390px){.compressor-controls .result{align-items:flex-start;flex-direction:column}.compressor-controls .download-button{width:100%}}

/* Image Resizer controls */
.resize-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.resize-fields label{display:grid;gap:7px;font-size:11px;font-weight:700}.resize-fields input{width:100%;min-width:0;padding:11px;border:1px solid #e4e8de;border-radius:10px}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#697263}.check-row input{accent-color:#719b36}