.tool-image-compressor .tool-main,.tool-image-compressor .tool-header{max-width:1460px}.tool-image-compressor .tool-hero{padding:8px 0 26px}.tool-image-compressor .tool-hero h1{font-size:36px;letter-spacing:.025em}.tool-image-compressor .tool-hero p{color:#899990}.image-workspace{background:#ffffffc7;border:1px solid #dae5dd;border-radius:24px;box-shadow:0 22px 65px -42px #31543e55;padding:26px 30px 30px}.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.image-private{display:flex;align-items:center;gap:7px;color:#65816e;font-size:12px}.image-controls{padding:22px 0 0}.image-setting{display:flex;gap:24px;align-items:center;font-size:13px}.image-setting>span{color:#5a6f63}.image-segments{display:inline-flex;gap:5px;flex-wrap:wrap}.image-segments button{border:1px solid #dfe8e1;background:#fff;border-radius:8px;padding:8px 13px;font-size:13px;color:#5a6f63;transition:background .15s}.image-segments button[aria-pressed=true]{border-color:#8bad97;color:#286446;background:#edf5ef}.image-segments button>span{font-size:11px;margin-left:7px;opacity:.8}.image-more{margin-top:19px;border-top:1px solid #edf0ed;padding-top:16px;font-size:13px}.image-more summary{cursor:pointer;color:#557260;width:fit-content}.image-more summary span{font-size:12px;color:#899990;margin-left:12px}.image-form{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;padding:20px 0 16px}.image-form label{font-size:13px;color:#526a5a}.image-form .layui-input,.image-form select{margin-top:8px;width:100%;height:42px;border:1px solid #d5e2d9;border-radius:9px;background:#fff;padding:0 12px;color:#293e34}.image-form .layui-form-select dl{border-radius:10px;z-index:30}.image-color-label>span{display:flex;gap:12px;align-items:center;height:42px;margin-top:8px;font-size:13px}.image-color-label input[type=color]{width:38px;height:34px;padding:3px;cursor:pointer;border:1px solid #d5e2d9;border-radius:6px;background:#fff}.image-check{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#526a5a;margin-top:12px}.image-check input{accent-color:#2c6d4e;width:15px;height:15px;margin:0}.image-check span{color:#899990;font-size:12px}.image-caption{color:#899990;font-size:12px;line-height:1.7;margin:10px 0 0}.image-target-line{display:flex;align-items:center;gap:12px;font-size:13px}.image-target-line input{width:135px;border-radius:8px;height:40px;border-color:#d5e2d9}.image-presets{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:#899990}.image-presets button{border:0;border-radius:6px;background:#f0f5f1;padding:5px 10px;color:#527a61;font-size:12px}.image-drop{border:1.5px dashed #a9c7b4;border-radius:16px;min-height:258px;margin-top:24px;background:radial-gradient(ellipse at 50% 20%,#eaf3ee90,transparent 70%),#f9fcf9;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:22px;transition:background .2s,border .2s}.image-drop:hover,.image-drop.dragging{background:#edf6ef;border-color:#48805b}.image-drop-art{width:78px;height:78px;margin-bottom:8px}.image-drop strong{font-size:18px;letter-spacing:.02em;font-weight:550}.image-drop p{font-size:13px;color:#6b8272;margin:12px 0}.image-drop p span{color:#2c6d4e}.image-drop small{font-size:12px;color:#899990}.image-drop.compact{min-height:0;padding:15px;flex-direction:row;gap:12px;margin-top:22px}.image-drop.compact .image-drop-art{width:34px;height:34px;margin:0}.image-drop.compact strong{font-size:14px}.image-drop.compact p{margin:0;font-size:12px}.image-drop.compact small{display:none}.image-list-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:26px 0 12px}.image-list-heading h2{font-size:16px;font-weight:600;margin:0}.image-list-heading h2 span{font-size:12px;font-weight:400;color:#899990;margin-left:8px}.image-list-heading>div{display:flex;gap:16px}.image-quiet{background:none;border:0;padding:3px 0;color:#64836e;font-size:12px}.image-quiet:hover{color:#256b48}.image-row{display:grid;grid-template-columns:60px minmax(120px,1.5fr) minmax(150px,1fr) 94px 142px;align-items:center;gap:17px;padding:17px 0;border-top:1px solid #e8eee9;font-size:13px}.image-thumb{width:60px;height:54px;border-radius:8px;background:repeating-conic-gradient(#e9efea 0% 25%,#fff 0% 50%) 0/12px 12px;object-fit:contain;border:1px solid #e4ebe5}.image-thumb:not([src]){background:#eef4ef}.image-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.image-meta,.image-state{display:block;font-size:12px;color:#899990;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.image-sizes{font-variant-numeric:tabular-nums}.image-sizes span{color:#899990;font-size:12px}.image-sizes strong{font-size:14px;font-weight:550;margin-left:7px}.image-saving{justify-self:start;color:#2e714b;border-radius:7px;background:#eaf5ec;font-size:12px;padding:5px 9px;white-space:nowrap}.image-row[data-status=error] .image-state,.image-row[data-status=unmet] .image-state{color:#a76539}.image-row[data-status=processing] .image-state{color:#3b8060}.image-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.image-row-actions button{border:0;background:none;color:#467a58;font-size:12px;padding:5px 0}.image-row-actions .image-remove{font-size:21px;color:#8b9d90;padding:0 3px}.image-row[data-status=unmet] .image-saving{background:#faf1e4;color:#a06d34}.image-total{margin-top:12px;background:#edf5ef;border:1px solid #dce9df;border-radius:13px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.image-total>div{display:flex;flex-direction:column;gap:5px}.image-total span{font-size:12px;color:#62806b}.image-total strong{font-size:24px;color:#286244;font-weight:550;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.image-total small{font-size:12px;color:#698673}.image-total .tool-button{padding:12px 22px}.image-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:36px 5px}.image-guide article{max-width:400px}.image-guide article>span{font-size:11px;color:#98aaa0;letter-spacing:.05em}.image-guide h3{font-size:15px;margin:10px 0;color:#5c7b66;font-weight:600}.image-guide p{font-size:13px;line-height:1.9;color:#899990;margin:0}.image-faq{margin:42px 0 5px;border-top:1px solid #dce6df;padding-top:26px}.image-faq h2{font-size:17px;font-weight:550;margin:0 0 20px}.image-faq>div{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.image-faq details{padding:13px 0;border-bottom:1px solid #e0e8e1}.image-faq summary{cursor:pointer;font-size:14px;color:#52725d}.image-faq p{font-size:13px;color:#899990;line-height:1.9;margin:12px 0}.image-compare{border:1px solid #ccddd1;border-radius:19px;padding:23px;width:min(1200px,calc(100vw - 28px));max-height:94vh;background:#f9fcfa;color:#293e34;overflow:auto}.image-compare::backdrop{background:#172d2266;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-compare header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.image-compare h3{font-size:17px;margin:0;overflow-wrap:anywhere}.image-compare header p{font-size:12px;color:#899990;margin:8px 0 0}.image-close{border:0;background:transparent;font-size:27px;line-height:1;color:#65816e}.image-compare-tools{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:18px 0 12px;font-size:12px;color:#899990}.image-compare-viewport{height:min(58vh,640px);overflow:auto;border:1px solid #dce6df;border-radius:10px;background:repeating-conic-gradient(#e4ebe6 0% 25%,#f8fbf9 0% 50%) 0/18px 18px}.image-compare-stage{position:relative;margin:auto;width:100%;height:100%;--divider:50%}.image-compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.image-compare-stage #image-after{clip-path:inset(0 0 0 var(--divider))}.image-divider{position:absolute;top:0;bottom:0;left:var(--divider);width:2px;background:#fff;box-shadow:0 0 0 1px #233e4640}.image-compare-slider{display:flex;gap:18px;align-items:center;margin:14px 0;font-size:12px;color:#5a6f63}.image-compare-slider input{flex:1;min-width:0;accent-color:#2c6d4e}.image-compare footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e0e8e2;padding-top:15px}.image-compare footer span{font-size:12px;color:#899990;line-height:1.7}.image-workspace .tool-error{background:#fff6eb;border-radius:8px;padding:10px 14px;margin:17px 0 0;color:#9a6135}@media(max-width:900px){.image-workspace{padding:23px}.image-row{grid-template-columns:50px minmax(90px,1fr) 145px 100px;gap:12px}.image-thumb{width:50px;height:50px}.image-saving{display:none}.image-row-actions{gap:10px}.image-guide{gap:24px}.image-drop.compact p{display:none}.image-form{gap:14px}.image-total strong{font-size:21px}}@media(max-width:600px){.tool-image-compressor .tool-hero h1{font-size:30px}.image-workspace{padding:18px;border-radius:18px}.image-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.image-private{font-size:12px}.image-setting{align-items:flex-start;flex-direction:column;gap:10px}.image-controls{padding-top:18px}.image-segments button{font-size:12px;padding:8px 10px}.image-segments button>span{display:none}.image-more summary span{margin-left:6px;font-size:12px}.image-form{grid-template-columns:1fr;gap:17px}.image-target-line{gap:8px;flex-wrap:wrap}.image-target-line input{width:95px}.image-drop{min-height:230px;padding:18px 10px}.image-drop strong{font-size:16px}.image-drop p{font-size:12px;line-height:1.8}.image-drop small{font-size:12px;line-height:1.8;max-width:240px}.image-drop.compact{gap:8px;padding:10px}.image-drop.compact strong{font-size:13px}.image-list-heading{align-items:flex-start;gap:8px}.image-list-heading>div{gap:10px;flex-wrap:wrap;justify-content:flex-end}.image-list-heading h2{font-size:14px;white-space:nowrap}.image-list-heading h2 span{margin-left:4px}.image-row{grid-template-columns:44px minmax(0,1fr) 86px;gap:10px;padding:15px 0}.image-thumb{width:44px;height:44px;grid-row:1/3}.image-row>div:nth-child(2){grid-column:2/-1}.image-sizes{grid-column:2}.image-sizes strong{font-size:13px;margin-left:3px}.image-row-actions{grid-column:3;gap:10px}.image-name{font-size:13px}.image-total{align-items:stretch;flex-direction:column;padding:17px}.image-total .tool-button{width:100%}.image-guide{grid-template-columns:1fr;gap:25px;margin:27px 4px}.image-guide article{max-width:none}.image-faq{margin-top:30px}.image-faq>div{grid-template-columns:1fr}.image-faq h2{font-size:16px}.image-compare{padding:16px}.image-compare-tools{align-items:flex-start;flex-direction:column}.image-compare footer{flex-direction:column;align-items:stretch}.image-compare-viewport{height:43vh}.image-compare h3{font-size:15px}.image-compare-tools>span{display:none}}.image-row-actions button{white-space:nowrap}@media(max-width:600px){.image-row{grid-template-columns:44px minmax(0,1fr) 96px}.image-row-actions{gap:8px}}.image-guide article>span,.image-segments button>span{font-size:12px}