/* compress.css — 사진 용량 맞추기 전용 */
.cz-main { min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.cz-out { display: flex; flex-direction: column; gap: 14px; }
.cz-prog { display: flex; flex-direction: column; gap: 8px; }
.cz-prog-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: .88rem; font-weight: 700; color: var(--ink-2); }
.cz-prog-row span { min-width: 0; overflow-wrap: anywhere; flex: 1 1 160px; }
.cz .res-item.cz-row { cursor: pointer; }
.cz .res-item.cz-row:hover { border-color: var(--line-2); }
.cz .res-item.cz-sel { border-color: var(--accent); }
.cz .res-item.cz-row:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.cz .res-item.cz-miss .res-meta { color: var(--danger); }
.cz-compare-wrap .panel-title { margin: 4px 0 10px; flex-wrap: wrap; }
.cz-cmp-name { font-weight: 600; color: var(--ink-3); font-size: .82rem; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.cz-compare-wrap .compare { margin: 0 auto; } /* 높이 제한은 JS 가 비율로 max-width 를 준다(max-height 를 쓰면 전후 이미지가 어긋난다) */
.cz-compare-wrap .hint { margin: 8px 0 0; }
.cz-info { margin-top: 8px; padding: 10px 12px; border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: var(--r-s); background: var(--surface-2); font-size: .82rem; line-height: 1.55; color: var(--ink-2); overflow-wrap: anywhere; }
.cz-info b { color: var(--ink); }
.cz-src { color: var(--ink-3); }
.cz-unit button { font-family: var(--mono); font-size: .78rem; }
.cz-wh { flex-wrap: nowrap; align-items: flex-end; }
.cz-wh > .field { flex: 1 1 0; min-width: 0; }
.cz-x { padding-bottom: 9px; color: var(--ink-3); font-weight: 700; }
.cz-side [data-show-resize] { margin-top: 8px; }
.cz-checks > * + * { margin-top: 8px; }
.cz-side .hint { margin: 0; }