.image-tool[data-v-624bd4dd]{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-base);overflow:hidden}.image-tool-bar[data-v-624bd4dd]{border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;align-items:flex-end;gap:12px 28px;padding:14px 20px;display:flex}.image-tool-control[data-v-624bd4dd]{flex-direction:column;gap:8px;display:flex}.image-tool-control-label[data-v-624bd4dd]{color:var(--color-text-secondary);font-size:13px;font-weight:500}.image-tool-quality-slider[data-v-624bd4dd]{width:200px}.image-tool-resize-input[data-v-624bd4dd]{width:132px}.image-tool-quality-hint[data-v-624bd4dd]{color:var(--color-text-tertiary);font-size:12.5px}.image-tool-body[data-v-624bd4dd]{flex-direction:column;gap:12px;min-height:300px;padding:16px 20px;display:flex}.image-tool-notices[data-v-624bd4dd]{flex-direction:column;gap:8px;display:flex}.image-tool-empty[data-v-624bd4dd]{flex:auto;justify-content:center}.image-tool-empty-inner[data-v-624bd4dd]{color:var(--color-text-tertiary);flex-direction:column;align-items:center;gap:8px;margin:auto;display:flex}.image-tool-empty-hint[data-v-624bd4dd]{color:var(--color-text-primary);font-size:15px;font-weight:500}.image-tool-empty-formats[data-v-624bd4dd]{font-size:13px}.image-compare-block[data-v-624bd4dd]{flex-direction:column;gap:8px;display:flex}.image-compare-labels[data-v-624bd4dd]{color:var(--color-text-tertiary);justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;display:flex}.image-compare-label--left[data-v-624bd4dd]{font-weight:600}.image-compare-loading[data-v-624bd4dd]{color:var(--color-text-secondary);align-items:center;gap:6px;display:inline-flex}.image-compare[data-v-624bd4dd]{border-radius:var(--radius-md);background:var(--color-bg-soft);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-height:52vh;margin:0 auto;position:relative;overflow:hidden}.image-compare-img[data-v-624bd4dd]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.image-compare-handle[data-v-624bd4dd]{top:0;bottom:0;left:var(--cba3806a);cursor:ew-resize;width:0;position:absolute}.image-compare-handle[data-v-624bd4dd]:before{content:"";background:var(--color-brand-500);width:2px;position:absolute;top:0;bottom:0;left:-1px}.image-compare-grip[data-v-624bd4dd]{border:2px solid var(--color-surface-base);border-radius:var(--radius-pill);background:var(--color-brand-500);width:28px;height:28px;box-shadow:var(--shadow-sm);margin-top:-14px;position:absolute;top:50%;left:-14px}.image-stats[data-v-624bd4dd]{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.image-stats-sizes[data-v-624bd4dd]{font-size:15px;font-weight:600}.image-stats-saving[data-v-624bd4dd]{color:var(--color-brand-600);font-size:13.5px}.image-stats-dims[data-v-624bd4dd]{color:var(--color-text-tertiary);font-size:12.5px}.image-tool-list[data-v-624bd4dd]{flex-direction:column;gap:4px;display:flex}.image-tool-item[data-v-624bd4dd]{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:8px 10px;display:flex}.image-tool-item[data-v-624bd4dd]:hover{background:var(--color-bg-soft)}.image-tool-item--selected[data-v-624bd4dd],.image-tool-item--selected[data-v-624bd4dd]:hover{background:var(--color-brand-50)}.image-tool-item[data-v-624bd4dd]:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:-2px}.image-tool-thumb[data-v-624bd4dd]{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-soft);-o-object-fit:cover;object-fit:cover;flex:0 0 48px;width:48px;height:48px}.image-tool-item-main[data-v-624bd4dd]{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.image-tool-item-name[data-v-624bd4dd]{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.image-tool-item-meta[data-v-624bd4dd]{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:12.5px}.image-tool-item-saving[data-v-624bd4dd]{color:var(--color-brand-600);font-size:12.5px}.image-tool-item-failed[data-v-624bd4dd]{color:var(--color-danger-700);font-size:12.5px}.image-tool-item-side[data-v-624bd4dd]{flex:none;align-items:center;gap:8px;display:flex}.image-tool-foot[data-v-624bd4dd]{border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.image-tool-foot-actions[data-v-624bd4dd]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-tool-progress[data-v-624bd4dd]{flex:160px;height:6px}.image-tool-foot-spacer[data-v-624bd4dd]{flex:160px}@media (width<=560px){.image-tool-item[data-v-624bd4dd]{flex-wrap:wrap}}