.media-comparison[data-v-7bdee54a]{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#0a0b0c;isolation:isolate}.comparison-stage[data-v-7bdee54a]{position:relative;overflow:hidden}.comparison-media[data-v-7bdee54a]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.is-video .comparison-media[data-v-7bdee54a]{object-fit:contain}.comparison-stage>video[data-v-7bdee54a]{background:#0a0b0c}.comparison-stage.has-posters:not(.has-frame)>video[data-v-7bdee54a]{opacity:0}.comparison-poster[data-v-7bdee54a]{pointer-events:none}.comparison-stage:has(img[data-media-state=ready],img[data-media-state=error])>.media-placeholder[data-v-7bdee54a],.comparison-stage.has-frame>.media-placeholder[data-v-7bdee54a],.comparison-stage.media-failed>.media-placeholder[data-v-7bdee54a]{opacity:0;animation:none}.comparison-original[data-v-7bdee54a]{z-index:1}.comparison-range[data-v-7bdee54a]{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:ew-resize;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.comparison-divider[data-v-7bdee54a]{position:absolute;top:0;bottom:0;width:2px;background:#fff9;z-index:4;pointer-events:none;transform:translate(-50%)}.comparison-divider>span[data-v-7bdee54a]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#242426;box-shadow:0 2px 14px #0004}.comparison-handle[data-v-7bdee54a]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:ew-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.comparison-stage:has(.comparison-range:focus-visible) .comparison-divider>span[data-v-7bdee54a]{outline:3px solid var(--accent);outline-offset:3px}.comparison-label[data-v-7bdee54a]{position:absolute;bottom:14px;z-index:2;padding:7px 11px;border:1px solid #fff2;border-radius:8px;background:#101112d9;color:#fff;font-size:12px;font-weight:600;pointer-events:none}.original-label[data-v-7bdee54a]{left:14px}.result-label[data-v-7bdee54a]{right:14px}.is-video .comparison-divider>span[data-v-7bdee54a]{top:64%;width:56px;height:56px;background:none;box-shadow:none;transition:transform .15s}.is-video .comparison-divider>span[data-v-7bdee54a]:before{content:"";position:absolute;inset:6px;border:1px solid #fff6;border-radius:50%;background:#fff;box-shadow:0 3px 18px #0005;transition:background .15s,box-shadow .15s}.is-video .comparison-divider svg[data-v-7bdee54a]{position:relative}.is-video.is-dragging .comparison-divider[data-v-7bdee54a]{background:var(--accent)}.is-video.is-dragging .comparison-divider>span[data-v-7bdee54a]{transform:translate(-50%,-50%) scale(1.08)}.is-video.is-dragging .comparison-divider>span[data-v-7bdee54a]:before{background:var(--accent);box-shadow:0 0 0 5px #fb9c5626,0 3px 18px #0005}.is-video .comparison-label[data-v-7bdee54a]{top:14px;bottom:auto;padding:6px 10px;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.comparison-error[data-v-7bdee54a]{position:absolute;inset:0;z-index:5;display:grid;align-content:center;justify-items:center;gap:12px;padding:22px;text-align:center;background:#101112e8;font-size:13px}.comparison-error button[data-v-7bdee54a]{display:flex;align-items:center;gap:8px;padding:10px;background:var(--surface-soft);color:var(--text);border-radius:8px}@media(max-width:600px){.comparison-label[data-v-7bdee54a]{font-size:11px;bottom:10px}.original-label[data-v-7bdee54a]{left:10px}.result-label[data-v-7bdee54a]{right:10px}.media-comparison:not(.is-video) .comparison-divider>span[data-v-7bdee54a]{width:36px;height:36px}.is-video .comparison-label[data-v-7bdee54a]{top:10px}}@media(prefers-reduced-motion:reduce){.is-video .comparison-divider>span[data-v-7bdee54a],.is-video .comparison-divider>span[data-v-7bdee54a]:before{transition:none}}
