.compression-method{border:1px solid var(--tool-line);background:#f4f4f4;border-radius:8px;margin-bottom:16px;padding:16px}.compression-method strong{margin-bottom:8px;display:block}.compression-method p{color:var(--tool-muted);margin:0;font-size:14px;line-height:1.6}.compression-sizes{grid-template-columns:1fr 1fr;gap:18px;margin:4px 0;display:grid}.compression-sizes div:last-child{grid-column:1/-1}.compression-sizes dt{color:var(--tool-muted);margin-bottom:5px;font-size:13px}.compression-sizes dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:23px;font-weight:650;line-height:1.2}@media (width<=600px){.compression-sizes dd{font-size:21px}.compression-method{padding:14px}}.compression-workspace{padding:24px}.compression-file{border-bottom:1px solid var(--tool-line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.compression-file>div{gap:5px;min-width:0;display:grid}.compression-file strong{overflow-wrap:anywhere}.compression-file span{color:var(--tool-muted);font-size:14px}.compression-editor{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:24px;margin-top:18px;display:grid}.compression-preview-area{min-width:0}.compression-pager{justify-content:center;align-items:center;gap:12px;margin:0 0 18px;display:flex}.compression-pager label{align-items:center;gap:8px;font-size:14px;display:flex}.compression-pager button{min-width:44px;min-height:44px}.compression-pager select{font:inherit;color:inherit;background:#fff;border:1px solid #b5b5b5;border-radius:4px;min-height:44px;padding:8px}.compression-preview-pair{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.compression-preview{min-width:0;margin:0}.compression-preview figcaption{margin-bottom:8px;font-size:14px;font-weight:600}.compression-preview .ocr-page-preview{min-height:0;margin:0;padding:18px}.compression-preview canvas{width:auto;max-width:100%;height:auto;max-height:600px;display:block}.compression-controls{gap:18px;min-width:0;display:grid}.compression-controls fieldset{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.compression-controls legend{margin-bottom:18px;padding:0;font-size:20px;font-weight:600}.compression-controls label{gap:7px;font-size:14px;font-weight:600;display:grid}.compression-controls input,.compression-controls select{width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;color:var(--tool-ink,#242424);background:#fff;border:1px solid #b5b5b5;border-radius:5px;padding:10px 12px;font-weight:400}.compression-controls .compression-method-copy{text-align:start;color:var(--tool-muted);margin:0;font-size:14px;line-height:1.65}.compression-custom{gap:14px;display:grid}.compression-controls .tool-button{text-align:center;justify-content:center;width:100%}.compression-result h2{margin:0 0 18px;font-size:21px;line-height:1.35}.compression-image-report{border-top:1px solid var(--tool-line);gap:8px;margin:20px 0 0;padding-top:16px;font-size:14px;line-height:1.5;display:grid}.compression-image-report>div{justify-content:space-between;gap:16px;display:flex}.compression-image-report dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.compression-image-report dt{color:var(--tool-muted)}.compression-controls :focus-visible,.compression-pager :focus-visible{outline-offset:3px;outline:3px solid #a33a2e}.compression-download{background:#242424}.compression-controls p{overflow-wrap:break-word;line-height:1.65}@media (width>=1200px){.compression-preview-pair.has-result{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.compression-workspace{padding:18px}.compression-editor{grid-template-columns:minmax(0,1fr);gap:24px}.compression-preview-pair.has-result{grid-template-columns:repeat(2,minmax(0,1fr))}.compression-controls{max-width:none}.compression-controls input,.compression-controls select,.compression-pager select{font-size:16px}}@media (width<=480px){.compression-workspace{padding:14px}.compression-file{align-items:start}.compression-file button{flex-shrink:0;max-width:125px}.compression-preview-pair.has-result{grid-template-columns:minmax(0,1fr)}.compression-preview canvas{max-height:420px}.compression-controls input,.compression-controls select,.compression-pager select{font-size:16px}.compression-pager{gap:8px}}