:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--live-photo-badge-bg: rgba(64, 64, 64, .5);--live-photo-badge-hover-bg: rgba(64, 64, 64, .7);--live-photo-text-color: #fff;--live-photo-border-radius: 12px;--live-photo-transition: .3s cubic-bezier(.4, 0, .2, 1);--live-photo-progress-height: 3px;--live-photo-progress-color: #fff;--live-photo-dropdown-bg: rgba(64, 64, 64, .25);--live-photo-dropdown-button-hover: rgba(64, 64, 64, .5)}[data-theme=dark]{--live-photo-badge-bg: rgba(32, 32, 32, .7);--live-photo-badge-hover-bg: rgba(32, 32, 32, .9);--live-photo-dropdown-bg: rgba(32, 32, 32, .5);--live-photo-dropdown-button-hover: rgba(32, 32, 32, .7)}[data-theme=light]{--live-photo-badge-bg: rgba(255, 255, 255, .7);--live-photo-badge-hover-bg: rgba(255, 255, 255, .9);--live-photo-text-color: #000;--live-photo-dropdown-bg: rgba(255, 255, 255, .5);--live-photo-dropdown-button-hover: rgba(255, 255, 255, .7)}.live-photo-container{position:relative;overflow:hidden;will-change:transform;-webkit-user-select:none;-moz-user-select:none;user-select:none}.live-photo-image,.live-photo-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;will-change:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.live-photo-video{opacity:0;transform:scale(1.02)}.live-photo-image{-webkit-touch-callout:none;opacity:1;transform:scale(1)}.live-photo-badge{display:flex;justify-content:center;align-items:center;position:absolute;left:12px;top:16px;z-index:10;background:var(--live-photo-badge-bg);border-radius:var(--live-photo-border-radius);color:var(--live-photo-text-color);cursor:pointer;height:24px;padding:0 8px;box-sizing:border-box;transition:all var(--live-photo-transition)}.live-photo-badge .live-icon{width:16px;display:inline-block;vertical-align:middle;margin:2px}.live-photo-badge .live-text{font-size:12px;font-weight:500;margin-right:1px;margin-left:4px}.live-photo-badge .chevron{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;transition:all .15s;width:8px}.live-photo-badge:hover .chevron{opacity:1;width:24px}.live-photo-badge:hover:after{content:"";position:absolute;left:0;top:24px;bottom:0;right:auto;height:40px;width:200%;background-color:none;z-index:10}.dropdown-menu{position:absolute;top:50px;left:12px;z-index:15;padding:5px;color:var(--live-photo-text-color);background:var(--live-photo-dropdown-bg);border-radius:var(--live-photo-border-radius);-webkit-backdrop-filter:saturate(150%) blur(10px);backdrop-filter:saturate(150%) blur(10px);cursor:pointer;display:none}.dropdown-menu.show{display:block}.dropdown-menu button{color:var(--live-photo-text-color);border:none;border-radius:4px;padding:5px 10px;cursor:pointer;transition:background var(--live-photo-transition);background:none}.dropdown-menu button:hover{background:var(--live-photo-dropdown-button-hover)}.live-photo-container.playing .live-photo-video{opacity:1;transform:scale(1.05)}.live-photo-container.playing .live-photo-image{opacity:0;transform:scale(.98)}.live-photo-badge svg{vertical-align:middle}.live-photo-badge .progress-circle{transition:stroke-dashoffset .3s ease}.live-photo-badge svg circle{vector-effect:non-scaling-stroke}.live-photo-progress{position:absolute;bottom:0;left:0;width:0%;height:var(--live-photo-progress-height);background:var(--live-photo-progress-color);transition:width .2s;opacity:0}.live-photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background:transparent;pointer-events:auto;touch-action:pan-y pan-x}.extract-demo[data-v-428a53c7]{max-width:800px;margin:0 auto;padding:20px}.upload-section[data-v-428a53c7]{text-align:center;padding:40px 20px;border:2px dashed #ddd;border-radius:8px;background:#fafafa}.upload-btn[data-v-428a53c7]{padding:12px 32px;font-size:16px;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.upload-btn[data-v-428a53c7]:hover:not(:disabled){background:#535bf2}.upload-btn[data-v-428a53c7]:disabled{opacity:.6;cursor:not-allowed}.hint[data-v-428a53c7]{margin-top:12px;color:#666;font-size:14px}.error-message[data-v-428a53c7]{margin-top:20px;padding:12px;background:#fee;color:#c33;border-radius:6px;text-align:center}.result-section[data-v-428a53c7]{margin-top:30px}.preview-container[data-v-428a53c7]{height:400px;border-radius:8px;overflow:hidden;background:#000}.actions[data-v-428a53c7]{display:flex;gap:12px;justify-content:center;margin-top:20px}.action-btn[data-v-428a53c7]{padding:10px 24px;font-size:14px;background:#42b883;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.action-btn[data-v-428a53c7]:hover{background:#33a06f}.app[data-v-3471703d]{min-height:100vh}.header[data-v-3471703d]{padding:20px;border-bottom:1px solid #eee}.header h1[data-v-3471703d]{margin:0 0 20px;font-size:28px;text-align:center}.tabs[data-v-3471703d]{display:flex;justify-content:center;gap:8px}.tab[data-v-3471703d]{padding:8px 20px;font-size:14px;background:transparent;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s}.tab[data-v-3471703d]:hover{border-color:#646cff;color:#646cff}.tab.active[data-v-3471703d]{background:#646cff;color:#fff;border-color:#646cff}.content[data-v-3471703d]{padding:20px}.viewer-demo[data-v-3471703d]{max-width:800px;margin:0 auto}.viewer-container[data-v-3471703d]{height:400px;border-radius:8px;overflow:hidden}