.video-comparison-container[data-v-8310ad82]{background:#000;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.video-wrapper[data-v-8310ad82]{display:flex;flex:1;min-height:0;position:relative}.video-panel[data-v-8310ad82]{flex:1;overflow:hidden;position:relative}.original-video-panel[data-v-8310ad82]{border-right:2px solid hsla(0,0%,100%,.7)}.comparison-video[data-v-8310ad82]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.comparison-label[data-v-8310ad82]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:6px;color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:8px 12px;pointer-events:none;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:4}.original-label[data-v-8310ad82]{left:12px;top:12px}.generated-label[data-v-8310ad82]{right:12px;top:12px}.divider-line[data-v-8310ad82]{background:#ffffffb3;height:100%;left:50%;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:2px;z-index:5}.video-controls[data-v-8310ad82]{align-items:center;background:#000c;display:flex;gap:12px;padding:12px}.control-button[data-v-8310ad82]{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.control-button[data-v-8310ad82]:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.control-button[data-v-8310ad82]:active:not(:disabled){transform:scale(.95)}.control-button[data-v-8310ad82]:disabled{cursor:not-allowed;opacity:.5}.progress-container[data-v-8310ad82]{background:#fff3;border-radius:3px;cursor:pointer;flex:1;height:6px;position:relative}.progress-bar[data-v-8310ad82]{height:100%;position:relative;width:100%}.progress-fill[data-v-8310ad82]{background:var(--primary-color,#3b82f6);border-radius:3px;height:100%;transition:width .1s ease}.time-display[data-v-8310ad82]{color:#fff;font-family:monospace;font-size:14px;min-width:70px;text-align:center}.comparison-container[data-v-9ecdda48]{background:var(--bg-secondary);border:1px solid var(--primary-color);border-radius:12px;height:clamp(420px,62vh,900px);min-height:360px;pointer-events:auto}.comparison-container[data-v-9ecdda48],.comparison-wrapper[data-v-9ecdda48]{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.comparison-wrapper[data-v-9ecdda48]{height:100%;position:relative}.comparison-image[data-v-9ecdda48]{align-items:center;display:flex;justify-content:center;position:absolute}.comparison-image[data-v-9ecdda48],.comparison-image img[data-v-9ecdda48]{height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none}.comparison-image img[data-v-9ecdda48]{display:block;-o-object-fit:contain;object-fit:contain}.original-image[data-v-9ecdda48]{z-index:1}.generated-image[data-v-9ecdda48]{z-index:2}.divider-line[data-v-9ecdda48]{background:transparent;cursor:col-resize;pointer-events:auto;touch-action:none;transition:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:44px;z-index:3}.divider-line[data-v-9ecdda48],.divider-line[data-v-9ecdda48]:before{height:100%;position:absolute;top:0;transform:translate(-50%)}.divider-line[data-v-9ecdda48]:before{background:#fffc;content:"";left:50%;pointer-events:none;width:1px}.divider-line[data-v-9ecdda48]:after{content:none}.divider-line .handle[data-v-9ecdda48]{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000026;border:1px solid hsla(0,0%,100%,.35);border-radius:50%;box-shadow:0 2px 8px #00000059,inset 0 0 0 1px #ffffff14;cursor:ns-resize;display:flex;gap:8px;height:36px;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:36px}.divider-line .handle .arrow[data-v-9ecdda48]{color:#fff;font-size:8px;font-weight:700;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.comparison-label[data-v-9ecdda48],.divider-line:hover .handle[data-v-9ecdda48]{background:#0000004d}.comparison-label[data-v-9ecdda48]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:8px 12px;pointer-events:none;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:4}.original-label[data-v-9ecdda48]{left:12px;top:12px}.generated-label[data-v-9ecdda48]{right:12px;top:12px}