.frame-video-player[data-v-5e98b052]{background:#12181e;display:flex;flex-direction:column;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.video-wrapper[data-v-5e98b052]{aspect-ratio:16/9;background:#000;flex-shrink:0;position:relative;width:100%}.video-wrapper video[data-v-5e98b052]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.frame-display-overlay[data-v-5e98b052]{background:#3c3c3c99;border-radius:15px;color:#fff;font-family:monospace;font-size:16px;font-weight:700;left:16px;max-width:150px;padding:5px 12px;pointer-events:none;position:absolute;top:16px;width:auto;z-index:10}.play-overlay[data-v-5e98b052]{align-items:center;background:#0000004d;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:background .2s}.play-overlay[data-v-5e98b052]:hover{background:#0006}.play-button[data-v-5e98b052]{align-items:center;background:#ffde93e6;border-radius:50%;color:#000;display:flex;height:80px;justify-content:center;transition:transform .2s;width:80px}.play-overlay:hover .play-button[data-v-5e98b052]{transform:scale(1.1)}.loading-overlay[data-v-5e98b052]{background:#00000080;inset:0;justify-content:center}.loading-overlay[data-v-5e98b052],.mute-hint[data-v-5e98b052]{align-items:center;display:flex;position:absolute}.mute-hint[data-v-5e98b052]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;gap:6px;left:50%;padding:8px 16px;top:50px;transform:translate(-50%);transition:all .2s;z-index:15}.mute-hint[data-v-5e98b052]:hover{background:#ffde93e6;color:#000}.mute-hint-enter-active[data-v-5e98b052],.mute-hint-leave-active[data-v-5e98b052]{transition:opacity .3s,transform .3s}.mute-hint-enter-from[data-v-5e98b052],.mute-hint-leave-to[data-v-5e98b052]{opacity:0;transform:translate(-50%) translateY(-10px)}.frame-timeline[data-v-5e98b052]{background:#12181e;border-top:1px solid #1a2330;cursor:ew-resize;flex-shrink:0;height:55px;overflow:visible;position:relative}.frame-timeline[data-v-5e98b052]:hover{background:#171e29}.frame-markers[data-v-5e98b052]{top:5px}.frame-markers[data-v-5e98b052],.indicator-container[data-v-5e98b052]{bottom:0;left:0;pointer-events:none;position:absolute;right:0}.indicator-container[data-v-5e98b052]{top:-20px}.frame-marker-container[data-v-5e98b052]{z-index:4}.frame-marker[data-v-5e98b052],.frame-marker-container[data-v-5e98b052]{height:100%;position:absolute;transform:translate(-50%)}.frame-marker[data-v-5e98b052]{bottom:0;left:50%;width:5px}.frame-marker.minor[data-v-5e98b052]{background:#3a4550}.frame-marker-container:nth-child(2n) .frame-marker.minor[data-v-5e98b052]{background:#2e3840}.frame-marker.major[data-v-5e98b052]{background:#5a6a7a;width:2px}.frame-marker.active[data-v-5e98b052]{background:#ffde93!important;width:3px}.frame-marker.major.active[data-v-5e98b052]{box-shadow:0 0 4px #ffde9380}.current-frame-indicator[data-v-5e98b052]{background:#ffde93;bottom:0;box-shadow:0 0 4px #ffde9380;height:100%;min-width:1px;width:3px;z-index:15}.current-frame-indicator[data-v-5e98b052],.frame-label[data-v-5e98b052]{pointer-events:none;position:absolute;transform:translate(-50%)}.frame-label[data-v-5e98b052]{color:#89a;font-family:monospace;font-size:10px;left:50%;top:-16px;white-space:nowrap;z-index:6}.frame-label.align-left[data-v-5e98b052]{left:0;transform:none}.frame-label.align-right[data-v-5e98b052]{left:auto;right:0;transform:none}.frame-counter[data-v-5e98b052]{background:#ffde93;border-radius:4px;color:#000;font-size:12px;font-weight:600;line-height:1.3;padding:2px 6px;position:absolute;top:-15px;transform:translate(-50%);white-space:nowrap;z-index:20}.frame-counter.align-left[data-v-5e98b052]{border-radius:4px 4px 0 0;transform:translate(0)}.frame-counter.align-right[data-v-5e98b052]{border-radius:4px 4px 0 0;transform:translate(-100%)}.frame-loading-text[data-v-5e98b052]{color:#a7bfd4;font-size:11px;font-weight:500;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.timeline-interact[data-v-5e98b052]{inset:0;position:absolute;z-index:5}.frame-controls[data-v-5e98b052]{align-items:center;background:#1b242c;display:flex!important;flex-shrink:0;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.control-btn[data-v-5e98b052]{align-items:center;background:#32404d;border:none;border-radius:4px;color:#abc5dc;cursor:pointer;display:flex;flex:1;height:28px;justify-content:center;min-width:28px;transition:all .2s}.control-btn[data-v-5e98b052] .v-icon{font-size:16px}.control-btn[data-v-5e98b052]:hover{background:#ffde93;color:#000}.control-btn[data-v-5e98b052]:active{transform:scale(.95)}.control-btn.active[data-v-5e98b052]{background:#ffde93;color:#000}.control-btn.large[data-v-5e98b052]{flex:1.2}.frame-info[data-v-5e98b052]{background:#242e37;border-radius:4px;box-sizing:border-box;color:#a7bfd4;flex:none;font-family:monospace;font-size:10px;font-weight:600;height:28px;line-height:28px;padding:0 6px;text-align:center;white-space:nowrap;width:60px}.volume-control[data-v-5e98b052]{align-items:center;display:flex;flex:1;min-width:28px;position:relative}.volume-slider-container[data-v-5e98b052]{background:#32404d;border-radius:8px;bottom:calc(100% - 4px);display:none;height:120px;left:50%;padding:16px 12px;position:absolute;transform:translate(-50%);width:44px;z-index:100}.volume-slider-container[data-v-5e98b052]:after{bottom:-10px;content:"";height:14px;left:0;position:absolute;right:0}.volume-control:hover .volume-slider-container[data-v-5e98b052]{align-items:center;display:flex;justify-content:center}.volume-slider[data-v-5e98b052]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffde93;border-radius:4px;cursor:pointer;height:8px;outline:none;transform:rotate(-90deg);transform-origin:center;width:100px}.volume-slider[data-v-5e98b052]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:20px;width:20px}.speed-control[data-v-5e98b052]{flex:1;min-width:32px;position:relative}.speed-btn[data-v-5e98b052]{font-size:10px;font-weight:600;width:100%}.speed-menu[data-v-5e98b052]{background:#12181e;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000004d;left:50%;margin-bottom:6px;min-width:60px;padding:4px;position:absolute;transform:translate(-50%);z-index:100}.speed-item[data-v-5e98b052]{border-radius:4px;color:#abc5dc;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;text-align:center;transition:all .2s}.speed-item.active[data-v-5e98b052],.speed-item[data-v-5e98b052]:hover{background:#ffde93;color:#000}@media(max-width:900px){.frame-video-player[data-v-5e98b052]{height:auto;width:100%}.video-wrapper[data-v-5e98b052]{aspect-ratio:16/9;width:100%}.frame-timeline[data-v-5e98b052]{height:45px}.frame-markers[data-v-5e98b052]{top:5px}.frame-counter[data-v-5e98b052]{border-radius:4px;font-size:10px;padding:1px 5px;top:-10px}.frame-counter.align-left[data-v-5e98b052],.frame-counter.align-right[data-v-5e98b052]{border-radius:4px 4px 0 0}.frame-controls[data-v-5e98b052]{gap:3px;padding:4px 6px}.frame-info[data-v-5e98b052]{font-size:9px;padding:0 4px;width:50px}.control-btn[data-v-5e98b052]{height:26px;min-width:24px}.control-btn[data-v-5e98b052] .v-icon{font-size:14px}.frame-label[data-v-5e98b052]{font-size:8px;top:-12px}.frame-display-overlay[data-v-5e98b052]{font-size:10px;left:8px;padding:3px 8px;top:8px}}