.compressor{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:25px;display:grid}.compress-results{grid-column:1;min-width:0}.compressor.has-files .drop-zone{min-height:145px;padding:20px}.compressor.has-files .drop-zone .upload-icon,.compressor.has-files .drop-zone h2,.compressor.has-files .drop-zone p{display:none}.compress-workspace{min-width:0}#cancel-compression{width:100%;margin-top:10px}.compression-status{margin-top:12px;font-size:.8rem}.file-feedback{overflow-wrap:anywhere;margin-top:14px;font-size:.875rem}.file-feedback:empty{display:none}.queue-heading{justify-content:space-between;align-items:center;margin:23px 0 10px;display:flex}.queue-heading h2{font-size:1.06rem}.queue-heading h2 span{font-family:var(--font);color:var(--muted);font-weight:400}.image-queue{margin:0;padding:0;list-style:none}.image-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;min-height:90px;padding:17px 0;display:flex}.file-symbol{background:var(--tint,#eee8fc);width:42px;height:47px;color:var(--blue);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:750;display:flex}.file-info{flex:1;min-width:0}.file-name{overflow-wrap:anywhere;font-size:.875rem;line-height:1.4;display:block}.file-status,.file-note{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:.78rem;display:block}.file-note:empty{display:none}.image-row[data-state=error] .file-note{color:var(--error,#a33428)}.image-row[data-state=done] .file-note{color:var(--success,#4e6738)}.file-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.file-actions .button{min-height:40px;padding:9px 12px;font-size:.78rem}.file-actions .text-button{font-size:.78rem}.remove-file{min-width:40px;min-height:40px;color:var(--muted);border-radius:7px;font-size:1.4rem}.remove-file:hover{background:var(--soft)}.batch-summary{background:var(--success-bg,#f1f5e9);border:1px solid var(--success-border,#dfe8cf);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px;display:flex}.batch-summary strong{font-size:1rem}.batch-summary p{margin-top:5px;font-size:.8rem}.batch-summary .button{flex-shrink:0;font-size:.8rem}.comparison{border-top:1px solid var(--line);margin-top:35px;padding-top:30px;scroll-margin-top:24px}.comparison .section-heading{margin-bottom:8px}.comparison h2{font-size:1.5rem}#comparison-name{overflow-wrap:anywhere;margin-bottom:18px;font-size:.9rem}.comparison-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.comparison-grid figure{min-width:0;margin:0}.comparison-grid figcaption{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.85rem;display:flex}.comparison-grid figcaption span{color:var(--muted);font-size:.8rem}.image-checker{background-color:#fff;background-image:conic-gradient(#eceef3 25%, transparent 0 50%, #eceef3 0 75%, transparent 0);border:1px solid var(--line);background-size:20px 20px;border-radius:10px;justify-content:center;align-items:center;height:300px;display:flex;overflow:hidden}.image-checker img{object-fit:contain;width:100%;height:100%}@media (width<=1000px){.compressor{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.image-row{flex-wrap:wrap}.file-actions{flex-basis:100%;justify-content:start;padding-left:55px}.batch-summary{flex-wrap:wrap}}@media (width<=760px){.compressor{grid-template-columns:1fr}.image-checker{height:230px}.comparison-grid{gap:12px}.compression-status{font-size:.875rem}.file-actions{flex-basis:auto;margin-left:auto;padding-left:0}.file-info{min-width:150px}}@media (width<=440px){.file-actions{flex-basis:100%;padding-left:55px}.file-name{font-size:.875rem}.comparison-grid{grid-template-columns:1fr}.image-checker{height:240px}.batch-summary{padding:16px}.batch-summary .button{width:100%}}.conversion-related{flex-wrap:wrap;gap:8px 28px;margin-top:28px;display:flex}.conversion-related a{min-height:44px;color:var(--blue);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.tool-options.conversion-format{border:0;margin:0;padding:0}.fixed-format{color:var(--ink);margin-top:18px;font-size:.875rem}
