.modal-backdrop[data-v-b1e2c0ec]{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel[data-v-b1e2c0ec]{background:#0f0f14f5;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 32px 80px #0009,inset 0 0 0 1px #ffffff0d}.modal-header[data-v-b1e2c0ec]{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title-group[data-v-b1e2c0ec]{gap:.75rem}.modal-icon[data-v-b1e2c0ec],.modal-title-group[data-v-b1e2c0ec]{align-items:center;display:flex}.modal-icon[data-v-b1e2c0ec]{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:10px;flex-shrink:0;justify-content:center;width:36px;height:36px}.modal-icon svg[data-v-b1e2c0ec]{width:18px;height:18px}.modal-label[data-v-b1e2c0ec]{letter-spacing:.18em;color:#ffffff59;margin:0 0 .15rem;font-size:.6rem;font-weight:800}.modal-filename[data-v-b1e2c0ec]{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.modal-controls[data-v-b1e2c0ec]{gap:.5rem}.ctrl-btn[data-v-b1e2c0ec],.modal-controls[data-v-b1e2c0ec]{align-items:center;display:flex}.ctrl-btn[data-v-b1e2c0ec]{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;width:32px;height:32px;transition:all .18s}.ctrl-btn svg[data-v-b1e2c0ec]{width:15px;height:15px}.ctrl-btn[data-v-b1e2c0ec]:hover:not(:disabled){color:#fff;background:#ffffff1f;border-color:#ffffff38}.ctrl-btn[data-v-b1e2c0ec]:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn--reset svg[data-v-b1e2c0ec]{width:14px;height:14px}.zoom-label[data-v-b1e2c0ec]{color:#ffffff8c;text-align:center;min-width:36px;font-size:.75rem;font-weight:700}.close-btn[data-v-b1e2c0ec]{color:#f43f5e;cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:.25rem;transition:all .18s;display:flex}.close-btn svg[data-v-b1e2c0ec]{width:15px;height:15px}.close-btn[data-v-b1e2c0ec]:hover{background:#f43f5e38;border-color:#f43f5e80}.compare-stage[data-v-b1e2c0ec]{cursor:col-resize;background:radial-gradient(circle,#f43f5e0a 0,#0000 70%),repeating-linear-gradient(0deg,#ffffff05,#ffffff05 1px,#0000 0 32px),repeating-linear-gradient(90deg,#ffffff05,#ffffff05 1px,#0000 0 32px);flex:1;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.compare-inner[data-v-b1e2c0ec]{transform-origin:50%;max-width:100%;max-height:100%;transition:transform .25s;position:relative}.compare-img[data-v-b1e2c0ec]{-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:4px;max-width:100%;max-height:380px;display:block}.compare-img[data-v-b1e2c0ec],.compare-img--overlay[data-v-b1e2c0ec]{-o-object-fit:contain;object-fit:contain}.compare-img--overlay[data-v-b1e2c0ec]{width:100%;height:100%;transition:clip-path;position:absolute;inset:0}.slider-track[data-v-b1e2c0ec]{cursor:col-resize;z-index:10;flex-direction:column;align-items:center;width:44px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.slider-line[data-v-b1e2c0ec]{background:linear-gradient(#0000 0,#fffc 10%,#fff 50%,#fffc 90%,#0000);flex:1;width:2px;box-shadow:0 0 10px #fff6}.slider-handle[data-v-b1e2c0ec]{color:#f43f5e;background:#fff;border:3px solid #f43f5e99;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #0006,0 0 0 4px #f43f5e26}.slider-handle svg[data-v-b1e2c0ec]{width:18px;height:18px}.slider-track:hover .slider-handle[data-v-b1e2c0ec]{transform:translateY(-50%)scale(1.1);box-shadow:0 6px 28px #00000080,0 0 0 6px #f43f5e33}.img-label[data-v-b1e2c0ec]{letter-spacing:.16em;pointer-events:none;border-radius:6px;padding:.25rem .6rem;font-size:.6rem;font-weight:800;position:absolute;top:.75rem}.img-label--original[data-v-b1e2c0ec]{color:#ffffffb3;background:#00000080;border:1px solid #ffffff1f;left:.75rem}.img-label--optimized[data-v-b1e2c0ec]{color:#6ee7b7;background:#10b98133;border:1px solid #10b9814d;right:.75rem}.size-hud[data-v-b1e2c0ec]{background:#0000004d;border-top:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;gap:1rem;padding:.875rem 1.25rem}.hud-item[data-v-b1e2c0ec],.size-hud[data-v-b1e2c0ec]{align-items:center;display:flex}.hud-item[data-v-b1e2c0ec]{gap:.4rem}.hud-dot[data-v-b1e2c0ec]{border-radius:50%;flex-shrink:0;width:6px;height:6px}.hud-dot--gray[data-v-b1e2c0ec]{background:#ffffff59}.hud-dot--green[data-v-b1e2c0ec]{background:#10b981}.hud-dot--rose[data-v-b1e2c0ec]{background:#f43f5e}.hud-key[data-v-b1e2c0ec]{color:#fff6;font-size:.7rem;font-weight:600}.hud-val[data-v-b1e2c0ec]{color:#ffffffd9;font-size:.8rem;font-weight:700}.hud-val--green[data-v-b1e2c0ec]{color:#34d399}.hud-val--rose[data-v-b1e2c0ec]{color:#fb7185}.hud-divider[data-v-b1e2c0ec]{background:#ffffff1a;flex-shrink:0;width:1px;height:20px}.hud-hint[data-v-b1e2c0ec]{color:#ffffff40;align-items:center;gap:.35rem;margin-left:auto;font-size:.68rem;font-weight:500;display:flex}.hud-hint svg[data-v-b1e2c0ec]{width:13px;height:13px}.modal-fade-enter-active[data-v-b1e2c0ec],.modal-fade-leave-active[data-v-b1e2c0ec]{transition:opacity .25s}.modal-fade-enter-active .modal-panel[data-v-b1e2c0ec],.modal-fade-leave-active .modal-panel[data-v-b1e2c0ec]{transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .25s}.modal-fade-enter-from[data-v-b1e2c0ec],.modal-fade-leave-to[data-v-b1e2c0ec]{opacity:0}.modal-fade-enter-from .modal-panel[data-v-b1e2c0ec]{transform:scale(.94)translateY(12px)}.modal-fade-leave-to .modal-panel[data-v-b1e2c0ec]{opacity:0;transform:scale(.96)translateY(8px)}