.preview-container[data-v-a82d6421]{padding:0 4px}.image-comparison[data-v-a82d6421]{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.image-card[data-v-a82d6421]{border:1px solid var(--el-border-color);border-radius:8px;overflow:hidden}.image-card.compressed[data-v-a82d6421]{border-color:var(--el-color-primary);border-width:1.5px}.image-header[data-v-a82d6421]{background:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-lighter);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.image-header .label[data-v-a82d6421]{color:var(--el-text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.image-header .size[data-v-a82d6421]{color:var(--el-text-color-primary);font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:600}.image-header .size.size-down[data-v-a82d6421]{color:var(--el-color-success)}.image-box[data-v-a82d6421]{background:var(--el-fill-color-lighter);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.image-box .preview-img[data-v-a82d6421]{object-fit:contain;max-width:100%;max-height:100%}.image-dims[data-v-a82d6421]{color:var(--el-text-color-primary);background:#ffffffd9;border-radius:999px;padding:2px 6px;font-family:SF Mono,Consolas,monospace;font-size:11px;position:absolute;bottom:6px;right:6px}.quality-tag[data-v-a82d6421]{position:absolute;top:6px;left:6px}.savings-bar[data-v-a82d6421]{background:var(--el-fill-color-light);border:1px solid var(--el-border-color-lighter);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.savings-left[data-v-a82d6421]{align-items:center;gap:10px;display:flex}.savings-pct[data-v-a82d6421]{color:var(--el-color-success);font-family:SF Mono,Consolas,monospace;font-size:20px;font-weight:700}.savings-pct.negative[data-v-a82d6421]{color:var(--el-color-danger)}.savings-label[data-v-a82d6421]{color:var(--el-text-color-secondary);font-size:12px}.savings-detail[data-v-a82d6421]{color:var(--el-text-color-secondary);font-family:SF Mono,Consolas,monospace;font-size:13px}.savings-detail b[data-v-a82d6421]{color:var(--el-color-primary);font-weight:600}.mode-switch[data-v-a82d6421]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.mode-switch .mode-hint[data-v-a82d6421]{color:var(--el-text-color-placeholder);font-size:12px}.sliders[data-v-a82d6421]{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;display:grid}.sliders[data-v-a82d6421]:has(>.slider-block:only-child){grid-template-columns:1fr}.slider-block .slider-head[data-v-a82d6421]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.slider-block .slider-head .name[data-v-a82d6421]{color:var(--el-text-color-secondary);font-size:12px}.slider-block .slider-head .val[data-v-a82d6421]{color:var(--el-color-primary);font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:600}.slider-block .slider-desc[data-v-a82d6421]{color:var(--el-text-color-placeholder);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.toggles[data-v-a82d6421]{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.toggle-row[data-v-a82d6421]{background:var(--el-fill-color-light);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.toggle-row .lbl[data-v-a82d6421]{font-size:13px}.hint[data-v-a82d6421]{margin-bottom:0}.hint[data-v-a82d6421] .el-alert__title{font-size:12px}.inline-compress-config[data-v-7072bb80]{align-items:center;margin-top:4px;display:inline-flex}.config-bar[data-v-7072bb80]{background:var(--el-fill-color-light);border:1px solid var(--el-border-color-lighter);color:var(--el-text-color-secondary);border-radius:999px;align-items:center;gap:6px;height:22px;padding:2px 8px;font-size:12px;line-height:1;display:inline-flex}.badge[data-v-7072bb80]{color:var(--el-color-primary);background:var(--el-color-primary-light-9);border-radius:999px;padding:1px 7px;font-family:SF Mono,Consolas,monospace;font-size:11px;font-weight:500}.badge.badge-off[data-v-7072bb80]{color:var(--el-text-color-disabled);background:var(--el-fill-color)}.source-tag[data-v-7072bb80]{color:var(--el-text-color-placeholder);font-size:11px}.action-btn[data-v-7072bb80]{width:18px;height:18px;color:var(--el-text-color-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:13px;transition:all .15s;display:inline-flex}.action-btn[data-v-7072bb80]:hover:not(:disabled),.action-btn.active[data-v-7072bb80]{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.action-btn[data-v-7072bb80]:disabled{cursor:not-allowed;opacity:.5}.pop-content[data-v-7072bb80]{font-size:13px}.pop-header[data-v-7072bb80]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pop-title[data-v-7072bb80]{font-size:14px;font-weight:500}.pop-mode[data-v-7072bb80],.form-rows .row[data-v-7072bb80]{margin-bottom:12px}.form-rows .row-label[data-v-7072bb80]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.form-rows .row-label .name[data-v-7072bb80]{color:var(--el-text-color-secondary);font-size:12px}.form-rows .row-label .val[data-v-7072bb80]{font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:500}.form-rows .toggle-row[data-v-7072bb80]{justify-content:space-between;align-items:center;display:flex}.form-rows .toggle-row .lbl[data-v-7072bb80]{font-size:12px}.global-hint[data-v-7072bb80]{background:var(--el-fill-color-light);color:var(--el-text-color-secondary);border-radius:6px;align-items:flex-start;gap:6px;margin-bottom:8px;padding:10px;font-size:12px;display:flex}.global-hint[data-v-7072bb80] .el-icon{color:var(--el-color-primary);margin-top:1px}.pop-footer[data-v-7072bb80]{border-top:1px solid var(--el-border-color-lighter);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.save-status[data-v-7072bb80]{color:var(--el-text-color-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.save-status .el-icon[data-v-7072bb80]{font-size:12px}.pop-actions[data-v-7072bb80]{gap:6px;display:flex}.inline-compress-popover{padding:14px!important}
