.video-comparison-container[data-v-fe34f2bc]{background:#000;border-radius:12px;box-shadow:0 8px 32px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:relative}.video-wrapper[data-v-fe34f2bc]{height:calc(100% - 60px);overflow:hidden;position:relative;width:100%}.video-left[data-v-fe34f2bc],.video-right[data-v-fe34f2bc]{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.video-right[data-v-fe34f2bc]{z-index:2}.slider-container[data-v-fe34f2bc]{cursor:ew-resize;left:0;width:100%;z-index:10}.slider-container[data-v-fe34f2bc],.slider-line[data-v-fe34f2bc]{height:100%;position:absolute;top:0}.slider-line[data-v-fe34f2bc]{background:#fff;box-shadow:0 0 8px #00000080;transform:translate(-50%);width:2px}.slider-handle[data-v-fe34f2bc]{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 12px #0000004d;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease;width:40px}.slider-handle[data-v-fe34f2bc]:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-arrows[data-v-fe34f2bc]{justify-content:center}.controls[data-v-fe34f2bc],.slider-arrows[data-v-fe34f2bc]{align-items:center;display:flex}.controls[data-v-fe34f2bc]{background:linear-gradient(0deg,#000c,#0006);bottom:0;gap:12px;height:60px;left:0;padding:0 16px;position:absolute;right:0}.control-btn[data-v-fe34f2bc]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.control-btn[data-v-fe34f2bc]:hover{background:#ffffff4d;transform:scale(1.05)}.time-display[data-v-fe34f2bc]{color:#fff;font-size:14px;font-weight:500;min-width:80px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.progress-container[data-v-fe34f2bc]{align-items:center;cursor:pointer;display:flex;flex:1;height:40px;padding:0 8px}.progress-bg[data-v-fe34f2bc]{background:#ffffff4d;border-radius:2px;height:4px;overflow:visible;position:relative;width:100%}.progress-fill[data-v-fe34f2bc]{background:#3b82f6;border-radius:2px;height:100%;transition:width .1s ease}.progress-handle[data-v-fe34f2bc]{background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s ease;width:12px}.progress-container:hover .progress-handle[data-v-fe34f2bc]{transform:translate(-50%,-50%) scale(1.2)}.my-component[data-v-11a59a5b]{border:1px solid #ccc;height:400px;padding:20px;position:relative}.overlay[data-v-11a59a5b]{background-color:#000000b3;z-index:10}.generating-loading[data-v-11a59a5b],.overlay[data-v-11a59a5b]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.generating-loading[data-v-11a59a5b]{animation:breathe-11a59a5b 4s ease-in-out infinite;background-color:#000c;flex-direction:column}@keyframes breathe-11a59a5b{0%{background-color:#000000b3}50%{background-color:#00000080}to{background-color:#000000b3}}.loader[data-v-11a59a5b]{animation:typewriter-11a59a5b 2s steps(10) infinite alternate,blink-11a59a5b .5s steps(10) infinite;border-right:3px solid;overflow:hidden;position:relative;width:100%}.loader-text[data-v-11a59a5b]{background:linear-gradient(90deg,#f56c6d,#dfe63c);-webkit-background-clip:text;font-size:40px;font-weight:700;-webkit-text-fill-color:transparent}@keyframes typewriter-11a59a5b{0%{width:0}to{width:300px}}@keyframes blink-11a59a5b{0%{border-right-color:#ffffffbf}to{border-right-color:transparent}}