.video-comparison-container[data-v-4bad1486]{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-4bad1486]{height:calc(100% - 60px);overflow:hidden;position:relative;width:100%}.video-left[data-v-4bad1486],.video-right[data-v-4bad1486]{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.video-right[data-v-4bad1486]{z-index:2}.slider-container[data-v-4bad1486]{cursor:ew-resize;left:0;width:100%;z-index:10}.slider-container[data-v-4bad1486],.slider-line[data-v-4bad1486]{height:100%;position:absolute;top:0}.slider-line[data-v-4bad1486]{background:#fff;box-shadow:0 0 8px #00000080;transform:translate(-50%);width:2px}.slider-handle[data-v-4bad1486]{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-4bad1486]:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-arrows[data-v-4bad1486]{justify-content:center}.controls[data-v-4bad1486],.slider-arrows[data-v-4bad1486]{align-items:center;display:flex}.controls[data-v-4bad1486]{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-4bad1486]{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-4bad1486]:hover{background:#ffffff4d;transform:scale(1.05)}.time-display[data-v-4bad1486]{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-4bad1486]{align-items:center;cursor:pointer;display:flex;flex:1;height:40px;padding:0 8px}.progress-bg[data-v-4bad1486]{background:#ffffff4d;border-radius:2px;height:4px;overflow:visible;position:relative;width:100%}.progress-fill[data-v-4bad1486]{background:#3b82f6;border-radius:2px;height:100%;transition:width .1s ease}.progress-handle[data-v-4bad1486]{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-4bad1486]{transform:translate(-50%,-50%) scale(1.2)}.my-component[data-v-bd544743]{border:1px solid #ccc;height:400px;padding:20px;position:relative}.overlay[data-v-bd544743]{background-color:#000000b3;z-index:10}.generating-loading[data-v-bd544743],.overlay[data-v-bd544743]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.generating-loading[data-v-bd544743]{animation:breathe-bd544743 4s ease-in-out infinite;background-color:#000c;flex-direction:column}@keyframes breathe-bd544743{0%{background-color:#000000b3}50%{background-color:#00000080}to{background-color:#000000b3}}.loader[data-v-bd544743]{animation:typewriter-bd544743 2s steps(10) infinite alternate,blink-bd544743 .5s steps(10) infinite;border-right:3px solid;overflow:hidden;position:relative;width:100%}.loader-text[data-v-bd544743]{background:linear-gradient(90deg,#f56c6d,#dfe63c);-webkit-background-clip:text;font-size:40px;font-weight:700;-webkit-text-fill-color:transparent}@keyframes typewriter-bd544743{0%{width:0}to{width:300px}}@keyframes blink-bd544743{0%{border-right-color:#ffffffbf}to{border-right-color:transparent}}[data-drag-over=true][data-v-59923b14]{background-color:#1ea8d10d;border-color:var(--color-primary-IU)}.shadow-card[data-v-59923b14]{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.upload-full-content[data-v-59923b14]{transition:opacity .3s ease,transform .3s ease}.shadow-card[data-v-046e4556]{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.mode-card[data-v-046e4556]{transition:opacity .3s ease,max-height .3s ease}.mode-overlay[data-v-046e4556],.fade-enter-active[data-v-4f8e6f58],.fade-leave-active[data-v-4f8e6f58]{transition:opacity .3s ease}.fade-enter-from[data-v-4f8e6f58],.fade-leave-to[data-v-4f8e6f58]{opacity:0}.mode-btn[data-v-4f8e6f58]{align-items:center;border-radius:.375rem;color:#fff9;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.mode-btn[data-v-4f8e6f58]:hover{background-color:#ffffff1a;color:#fff}.mode-btn.active[data-v-4f8e6f58]{background-color:#fff3;color:#fff}.zoom-btn[data-v-4f8e6f58]{border-radius:.25rem;padding:.25rem;transition:background-color .2s}.zoom-btn[data-v-4f8e6f58]:hover{background-color:#fff3}.zoom-btn[data-v-4f8e6f58]:disabled{cursor:not-allowed;opacity:.5}@media(min-width:768px){.zoom-btn[data-v-4f8e6f58]{padding:.375rem}}.action-btn[data-v-4f8e6f58]{background-color:#ffffff1a;border-radius:.5rem;padding:.375rem;transition:background-color .2s}.action-btn[data-v-4f8e6f58]:hover{background-color:#fff3}.action-btn[data-v-4f8e6f58]:disabled{cursor:not-allowed;opacity:.5}@media(min-width:768px){.action-btn[data-v-4f8e6f58]{padding:.5rem}}img[data-v-4f8e6f58]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-scrollbar[data-v-4fdbc0c6]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-4fdbc0c6]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-4fdbc0c6]::-webkit-scrollbar-thumb{background-color:#9ca3af4d;border-radius:20px}.image-container[data-v-4fdbc0c6]{background:radial-gradient(circle at center,#f1f5f9 0,#e2e8f0)}.dark .image-container[data-v-4fdbc0c6]{background:radial-gradient(circle at center,#1e293b 0,#0f172a)}.shadow-glass[data-v-4fdbc0c6]{box-shadow:0 8px 32px #0000001a}.progress-fill[data-v-eeb5e306]:after{animation:shimmer-eeb5e306 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.shimmer[data-v-eeb5e306]:before{animation:shimmer-eeb5e306 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute}@keyframes shimmer-eeb5e306{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fade-enter-active[data-v-544f82d0],.fade-leave-active[data-v-544f82d0]{transition:opacity .3s ease}.fade-enter-from[data-v-544f82d0],.fade-leave-to[data-v-544f82d0]{opacity:0}@keyframes ripple-wave-544f82d0{0%{opacity:.3;transform:translateY(100%)}50%{opacity:.6}to{opacity:.3;transform:translateY(-100%)}}.ripple-effect[data-v-544f82d0]{animation:ripple-wave-544f82d0 3s ease-in-out infinite;background:linear-gradient(180deg,transparent,rgba(64,224,208,.1) 30%,rgba(64,224,208,.2) 50%,rgba(64,224,208,.1) 70%,transparent)}.ripple-delay[data-v-544f82d0]{animation-delay:1.5s}@keyframes sparkle-twinkle-544f82d0{0%,to{opacity:.3;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.sparkle[data-v-544f82d0]{animation:sparkle-twinkle-544f82d0 1.5s ease-in-out infinite}@keyframes spin-slow-544f82d0{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-spin-slow[data-v-544f82d0]{animation:spin-slow-544f82d0 3s linear infinite}.toolbar-btn[data-v-2b9c25c9]{align-items:center;border-radius:.375rem;color:#fffc;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.toolbar-btn[data-v-2b9c25c9]:hover{background-color:#fff3;color:#fff}.toolbar-btn[data-v-2b9c25c9]:disabled{cursor:not-allowed;opacity:.5}.toolbar-btn[data-v-2b9c25c9]:active:not(:disabled){transform:scale(.95)}.video-control-btn[data-v-0f4d0c4a]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border-radius:9999px;color:#fff;display:flex;gap:.125rem;height:2rem;justify-content:center;transition:all .2s;width:2rem}.video-control-btn[data-v-0f4d0c4a]:hover{background-color:#ffffff4d;transform:scale(1.05)}.video-control-btn[data-v-0f4d0c4a]:active{transform:scale(.95)}.shadow-card[data-v-4da75710]{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.first-screen-content[data-v-4da75710]{min-height:500px}@media(min-width:1024px){.first-screen-content[data-v-4da75710]{height:700px}}.mobile-video-preview[data-v-4c61effa]{aspect-ratio:16/9;width:100%}.video-control-btn[data-v-4c61effa]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:9999px;color:#fff;display:flex;height:2.5rem;justify-content:center;transition:all .2s;width:2.5rem}.video-control-btn[data-v-4c61effa]:active{background:#ffffff4d;transform:scale(.95)}.mobile-settings-panel[data-v-413aae2a]{background:#fff;border-radius:1.5rem 1.5rem 0 0;bottom:calc(72px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0000001a;left:0;padding:.75rem 1rem 1rem;position:fixed;right:0;z-index:40}:root.dark .mobile-settings-panel[data-v-413aae2a]{background:#111827}.slide-up-enter-active[data-v-413aae2a],.slide-up-leave-active[data-v-413aae2a]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from[data-v-413aae2a],.slide-up-leave-to[data-v-413aae2a]{transform:translateY(100%)}.mobile-layout[data-v-937ed045]{display:flex;flex-direction:column;min-height:calc(100vh - 120px)}
