.video-comparison[data-v-e2220a67]{display:flex;flex:1;flex-direction:column;min-height:280px;min-width:0;background:#090909;color:#fff}.comparison-canvas[data-v-e2220a67]{position:relative;flex:1;min-height:230px;overflow:hidden}.comparison-canvas video[data-v-e2220a67]{position:absolute!important;inset:0;width:100%!important;height:100%!important;-o-object-fit:contain;object-fit:contain;background:#090909}.comparison-label[data-v-e2220a67]{position:absolute;top:18px;padding:5px 10px;border-radius:5px;background:#0009;font-size:12px;pointer-events:none;z-index:2}.before-label[data-v-e2220a67]{left:18px}.after-label[data-v-e2220a67]{right:18px}.comparison-divider[data-v-e2220a67]{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;z-index:2;transform:translate(-1px)}.comparison-divider>span[data-v-e2220a67]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ffffffb3;border-radius:50%;background:#1119;box-shadow:0 2px 12px #0005}.comparison-range[data-v-e2220a67]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.comparison-canvas:focus-within .comparison-divider>span[data-v-e2220a67]{outline:2px solid #fff;outline-offset:4px}.comparison-controls[data-v-e2220a67]{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid #ffffff26}.comparison-controls[data-v-e2220a67] .el-button{color:#fff;margin:0;padding:6px}.comparison-time[data-v-e2220a67]{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline[data-v-e2220a67]{min-width:30px;flex:1;accent-color:#fff;height:4px}.comparison-buffer[data-v-e2220a67]{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000b;padding:5px 12px;border-radius:4px;font-size:12px;z-index:2;pointer-events:none}.comparison-error[data-v-e2220a67]{font-size:12px;color:#f5b4b4;margin:0;padding:8px 14px}.video-comparison[data-v-e2220a67]:fullscreen{height:100dvh;width:100vw}@media(max-width:600px){.comparison-controls[data-v-e2220a67]{gap:5px;padding:8px}.comparison-time[data-v-e2220a67]{font-size:10px}}