: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;-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);outline:none}.live-photo-badge:hover{background:var(--live-photo-badge-hover-bg)}.live-photo-badge:focus-visible{outline:1.5px solid rgba(255,255,255,.5);outline-offset: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:transparent;z-index:10}.dropdown-menu{position:absolute;top:50px;left:12px;z-index:15;padding:4px;color:var(--live-photo-text-color);background:var(--live-photo-dropdown-bg);border-radius:var(--live-photo-border-radius);backdrop-filter:saturate(150%) blur(10px);-webkit-backdrop-filter:saturate(150%) blur(10px);cursor:pointer;display:none;min-width:140px;box-shadow:0 4px 16px #0003}.dropdown-menu.show{display:flex;flex-direction:column;gap:2px}.dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;color:var(--live-photo-text-color);border:none;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1;text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--live-photo-transition);background:none}.dropdown-menu button:hover{background:var(--live-photo-dropdown-button-hover)}.dropdown-menu button:focus-visible{outline:1.5px solid rgba(255,255,255,.5);outline-offset:-1px}.dropdown-menu button:focus:not(:focus-visible){outline:none}.dropdown-menu button .menu-item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;opacity:.9}.dropdown-menu button .menu-item-icon svg{display:block;width:16px;height:16px}.dropdown-menu button .menu-item-text{flex:1}.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 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 .4s;opacity:0}@media(prefers-color-scheme:dark){[data-theme=auto]{--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)}}@media(prefers-color-scheme:light){[data-theme=auto]{--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-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-0198d877]{min-height:100vh}.header[data-v-0198d877]{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.header h1[data-v-0198d877]{margin:0 0 16px;font-size:24px;text-align:center}.tabs[data-v-0198d877]{display:flex;justify-content:center;gap:8px}.tab[data-v-0198d877]{padding:8px 20px;font-size:14px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s}.tab[data-v-0198d877]:hover{border-color:#646cff;color:#646cff}.tab.active[data-v-0198d877]{background:#646cff;color:#fff;border-color:#646cff}.content[data-v-0198d877]{padding:20px}.viewer-layout[data-v-0198d877]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}.viewer-main[data-v-0198d877]{display:flex;flex-direction:column;gap:16px}.viewer-container[data-v-0198d877]{height:400px;overflow:hidden}.event-panel[data-v-0198d877]{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#ffffff08}.event-panel-header[data-v-0198d877]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08)}.event-panel-title[data-v-0198d877]{font-size:13px;font-weight:600;color:#ffffffb3;display:flex;align-items:center;gap:6px}.log-count[data-v-0198d877]{background:#646cff;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.clear-btn[data-v-0198d877]{font-size:12px;padding:3px 10px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;color:#ffffff80;cursor:pointer}.clear-btn[data-v-0198d877]:hover{border-color:#fff6;color:#fffc}.event-list[data-v-0198d877]{height:220px;overflow-y:auto;font-family:SF Mono,Fira Code,monospace;font-size:12px}.event-empty[data-v-0198d877]{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff40;font-size:13px}.event-item[data-v-0198d877]{display:grid;grid-template-columns:90px 130px 1fr;align-items:baseline;gap:8px;padding:5px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.event-item[data-v-0198d877]:hover{background:#ffffff0a}.event-item[data-v-0198d877]:last-child{border-bottom:none}.event-time[data-v-0198d877]{color:#ffffff4d;font-size:11px;white-space:nowrap}.event-name[data-v-0198d877]{font-weight:600;white-space:nowrap;color:#a5f3a5}.event-name.onError[data-v-0198d877]{color:#f87171}.event-name.onProgress[data-v-0198d877],.event-name.onLoadProgress[data-v-0198d877]{color:#93c5fd}.event-name.onCanPlay[data-v-0198d877],.event-name.onVideoLoad[data-v-0198d877]{color:#6ee7b7}.event-name.onPhotoLoad[data-v-0198d877]{color:#d9f99d}.event-name.onEnded[data-v-0198d877]{color:#fcd34d}.event-name.onLoadStart[data-v-0198d877]{color:#c4b5fd}.event-name.onMutedChange[data-v-0198d877]{color:#fbcfe8}.event-name.onClick[data-v-0198d877]{color:#fdba74}.event-params[data-v-0198d877]{display:flex;flex-wrap:wrap;gap:4px 10px;color:#ffffff8c}.param-key[data-v-0198d877]{color:#ffffff59}.param-key[data-v-0198d877]:after{content:":"}.param-val[data-v-0198d877]{color:#ffffffb3;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-panel[data-v-0198d877]{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#ffffff08;position:sticky;top:20px}.config-panel-header[data-v-0198d877]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:600;color:#ffffffb3}.apply-btn[data-v-0198d877]{font-size:12px;padding:4px 12px;background:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.apply-btn[data-v-0198d877]:hover{opacity:.85}.config-body[data-v-0198d877]{max-height:calc(100vh - 160px);overflow-y:auto;padding:4px 0}.config-section[data-v-0198d877]{padding:8px 0 4px}.config-section+.config-section[data-v-0198d877]{border-top:1px solid rgba(255,255,255,.06)}.section-title[data-v-0198d877]{font-size:11px;font-weight:700;letter-spacing:.05em;color:#ffffff4d;text-transform:uppercase;padding:4px 12px 6px}.config-row[data-v-0198d877]{display:grid;grid-template-columns:110px auto 1fr;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;border-radius:4px;transition:background .15s}.config-row[data-v-0198d877]:hover{background:#ffffff0a}.config-label[data-v-0198d877]{font-size:12px;font-family:SF Mono,Fira Code,monospace;color:#fff9;white-space:nowrap}.config-row input[type=checkbox][data-v-0198d877]{width:14px;height:14px;cursor:pointer;accent-color:#646cff}.config-row input[type=range][data-v-0198d877]{width:80px;accent-color:#646cff;cursor:pointer}.config-row input[type=text][data-v-0198d877]{width:80px;font-size:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fffc;padding:2px 6px}.config-row select[data-v-0198d877]{font-size:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fffc;padding:2px 4px;cursor:pointer}.config-val[data-v-0198d877]{font-size:11px;font-family:SF Mono,Fira Code,monospace;color:#646cff;white-space:nowrap}@media(prefers-color-scheme:light){.header[data-v-0198d877]{border-color:#0000001a}.tab[data-v-0198d877]{border-color:#0003}.event-panel[data-v-0198d877],.config-panel[data-v-0198d877]{border-color:#0000001a;background:#00000005}.event-panel-header[data-v-0198d877],.config-panel-header[data-v-0198d877]{background:#0000000a;border-color:#00000014}.event-panel-title[data-v-0198d877],.config-panel-header[data-v-0198d877]{color:#0009}.clear-btn[data-v-0198d877]{border-color:#0003;color:#00000073}.clear-btn[data-v-0198d877]:hover{border-color:#0006;color:#000000b3}.event-empty[data-v-0198d877]{color:#00000040}.event-item[data-v-0198d877]{border-color:#0000000d}.event-item[data-v-0198d877]:hover{background:#00000008}.event-time[data-v-0198d877]{color:#00000059}.event-name[data-v-0198d877]{color:#15803d}.event-name.onError[data-v-0198d877]{color:#dc2626}.event-name.onProgress[data-v-0198d877],.event-name.onLoadProgress[data-v-0198d877]{color:#2563eb}.event-name.onCanPlay[data-v-0198d877],.event-name.onVideoLoad[data-v-0198d877]{color:#059669}.event-name.onPhotoLoad[data-v-0198d877]{color:#65a30d}.event-name.onEnded[data-v-0198d877]{color:#d97706}.event-name.onLoadStart[data-v-0198d877]{color:#7c3aed}.event-name.onMutedChange[data-v-0198d877]{color:#db2777}.event-name.onClick[data-v-0198d877]{color:#ea580c}.event-params[data-v-0198d877]{color:#00000080}.param-key[data-v-0198d877]{color:#00000059}.param-val[data-v-0198d877]{color:#000000b3}.section-title[data-v-0198d877]{color:#0000004d}.config-label[data-v-0198d877]{color:#0009}.config-section+.config-section[data-v-0198d877]{border-color:#0000000f}.config-row[data-v-0198d877]:hover{background:#00000008}.config-row input[type=text][data-v-0198d877],.config-row select[data-v-0198d877]{background:#0000000d;border-color:#00000026;color:#000c}}