.suite-app[data-suite="suiteImageCompress"]{padding:0;background:transparent;border:0;box-shadow:none}.image-compressor-head{display:flex;align-items:center;justify-content:space-between;padding:28px 30px;border-radius:20px 20px 0 0;background:#0b1728;color:#fff}.image-compressor-head h2{color:#fff}.compressor-local{padding:9px 13px;border:1px solid #ffffff24;border-radius:999px;color:#cbea87;font-size:12px;font-weight:800}.image-compressor-body{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:#fff}.compressor-control{padding:28px;border-right:1px solid var(--line)}.compressor-drop{display:flex;align-items:center;justify-content:center;min-height:190px;flex-direction:column;border:2px dashed #b7c890;border-radius:16px;background:#f6faee;text-align:center;cursor:pointer;transition:.2s}.compressor-drop:hover,.compressor-drop.is-over,.compressor-drop:focus{border-color:#6f9917;background:#edf6dc;outline:0}.compressor-drop input{position:absolute;width:1px;height:1px;opacity:0}.drop-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:14px;background:#0b1728;color:#b9f33d;font-size:27px}.compressor-drop b{font:800 16px Manrope}.compressor-drop small{margin-top:6px;color:var(--muted)}.compressor-settings{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:16px}.compressor-settings label{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--line);border-radius:13px}.compressor-settings label>span{font-size:12px;font-weight:800}.compressor-settings select{height:39px;border:1px solid #d7dfe7;border-radius:8px;padding:0 10px;background:#fff}.compressor-settings input{accent-color:#7da51e}.compressor-settings small{color:var(--muted);font-size:10px}.compressor-file-list{display:grid;gap:7px;margin-top:16px;max-height:220px;overflow:auto}.compressor-file-list>p{color:var(--muted);font-size:12px}.compressor-file-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:#f5f7fa}.compressor-file-list b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.compressor-file-list small{color:var(--muted)}.file-kind{padding:4px 6px;border-radius:6px;background:#0b1728;color:#b9f33d;font-size:9px;font-weight:900}.compressor-file-list button{border:0;background:transparent;color:#8c98a8;font-size:19px;cursor:pointer}.compressor-actions{display:flex;gap:8px;margin-top:17px}.compressor-actions button,.download-all{min-height:44px;padding:0 15px;border:0;border-radius:10px;background:#0b1728;color:#fff;font-weight:800;cursor:pointer}.compressor-actions .compressor-go{flex:1}.compressor-actions .compressor-clear{border:1px solid var(--line);background:#fff;color:#687486}.compressor-actions button:disabled{opacity:.45;cursor:not-allowed}.compressor-progress{position:relative;height:42px;margin-top:13px;overflow:hidden;border-radius:10px;background:#eef2f5}.compressor-progress i{position:absolute;inset:0 auto 0 0;width:0;background:#dff0bb;transition:.2s}.compressor-progress span{position:relative;display:flex;align-items:center;height:100%;padding:0 12px;font-size:11px;font-weight:800}.compressor-results{min-width:0;padding:28px;background:#f8fafc}.compressor-results>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.compressor-results h3{margin:4px 0 0;font:800 22px Manrope}.download-all{background:#7da51e;color:#fff}.compressor-result-list{display:grid;gap:15px}.compressor-empty{display:flex;align-items:center;justify-content:center;min-height:320px;flex-direction:column;border:1px dashed #cfd8e1;border-radius:15px;color:#778395}.compressor-empty span{margin-top:6px;font-size:12px}.compressor-card{overflow:hidden;border:1px solid #dfe6ed;border-radius:16px;background:#fff;box-shadow:0 8px 25px #1522390b}.compressor-card>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-bottom:1px solid var(--line)}.compressor-card>header div{display:flex;min-width:0;flex-direction:column}.compressor-card>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compressor-card>header span{color:var(--muted);font-size:10px}.compressor-card>header strong{white-space:nowrap;padding:6px 9px;border-radius:999px;font-size:11px}.compressor-card .saving{background:#eaf7d5;color:#4d7008}.compressor-card .larger{background:#fff0e8;color:#9a4b28}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe6ed}.compare figure{min-width:0;margin:0;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.compare img{display:block;width:100%;height:210px;object-fit:contain}.compare figcaption{display:flex;justify-content:space-between;padding:9px 12px;background:#fff;font-size:11px}.compressor-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px}.compressor-card>footer label,.compressor-card>footer span{color:var(--muted);font-size:11px}.compressor-card>footer select{margin:0 4px;border:1px solid #d6dee6;border-radius:7px;padding:5px;background:#fff}.compressor-card>footer>a{padding:9px 12px;border-radius:8px;background:#0b1728;color:#fff;font-size:11px;font-weight:800}.compressor-error{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid #efc7c1;border-radius:12px;background:#fff5f3;color:#8b3328}.image-compressor-guide{margin:34px 0;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:22px;background:#fff}.image-compressor-guide>header h2{font:800 clamp(27px,4vw,39px) Manrope;margin:7px 0 13px}.image-compressor-guide p,.image-compressor-guide li{color:#5f6d7e;line-height:1.7}.image-compressor-guide section{margin-top:34px}.image-compressor-guide section h2,.compressor-privacy h2{font:800 25px Manrope;margin:0 0 10px}.compressor-fact,.compressor-privacy{margin-top:25px;padding:23px;border-radius:16px;background:#0b1728;color:#fff}.compressor-fact b{color:#b9f33d}.compressor-fact p,.compressor-privacy li{color:#c3cdd9}.compressor-table{overflow:auto}.compressor-table table{width:100%;border-collapse:collapse}.compressor-table th,.compressor-table td{padding:13px;border:1px solid var(--line);text-align:left}.compressor-table th{background:#eff6df}.compressor-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compressor-examples>div{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:13px}.compressor-examples span{margin:8px 0;color:#5f850f;font-weight:900}.compressor-examples small{color:var(--muted)}@media(max-width:900px){.image-compressor-body{grid-template-columns:1fr}.compressor-control{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:620px){.image-compressor-head,.compressor-results>header,.compressor-card>header,.compressor-card>footer{align-items:flex-start;flex-direction:column}.compressor-local{display:none}.compressor-settings,.compare,.compressor-examples{grid-template-columns:1fr}.compressor-control,.compressor-results{padding:20px}.compare img{height:180px}.compressor-card>footer>a{width:100%;text-align:center}}