.video-area[data-v-3048f954]{background:#0f0f12;border-radius:16px;overflow:hidden}.video-area .upload-placeholder[data-v-3048f954]{cursor:pointer;justify-content:center;align-items:center;min-height:320px;transition:background-color .2s;display:flex}.video-area .upload-placeholder[data-v-3048f954]:hover{background:#ffffff05}.video-area .upload-placeholder .upload-content[data-v-3048f954]{flex-direction:column;align-items:center;gap:12px;display:flex}.video-area .upload-placeholder .upload-icon-wrapper[data-v-3048f954]{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.video-area .upload-placeholder .upload-icon[data-v-3048f954]{color:#fff9;width:40px;height:40px}.video-area .upload-placeholder .upload-text[data-v-3048f954]{color:#fffc;margin:0;font-size:16px}.video-area .upload-placeholder .upload-subtext[data-v-3048f954]{color:#fff6;margin:0;font-size:12px}.video-area .video-player-wrapper[data-v-3048f954]{flex-direction:column;gap:4px;padding:0 12px 12px;display:flex}.video-area .video-player-wrapper .video-container[data-v-3048f954]{background:#0f0f12;justify-content:center;align-items:center;padding:8px 0;display:flex;position:relative}.video-area .video-player-wrapper .video-container .video-ratio-box[data-v-3048f954]{background:#1a1a1e;border-radius:8px;height:204px;position:relative;overflow:hidden}.video-area .video-player-wrapper .video-container .video-element[data-v-3048f954]{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:100%;height:100%}.video-area .video-player-wrapper .video-container .actions[data-v-3048f954]{color:#ffffffa6;flex-direction:row;align-items:center;gap:8px;display:flex;position:absolute;top:10px;right:10px}.video-area .video-player-wrapper .video-container .delete-video-btn[data-v-3048f954]{color:#ffffffa6;cursor:pointer;background:#00000080;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.video-area .video-player-wrapper .video-container .delete-video-btn[data-v-3048f954]:hover{color:#fff;background:#ffffff14;border-radius:6px}.video-area .video-player-wrapper .video-controls[data-v-3048f954]{background:#1b1c21;border-radius:12px;flex-direction:column;align-self:stretch;align-items:flex-start;padding:0 20px;display:flex;position:relative}.video-area .video-player-wrapper .video-controls .controls-header[data-v-3048f954]{justify-content:space-between;align-items:center;width:100%;padding:8px 0;display:flex}.video-area .video-player-wrapper .video-controls .controls-header.expanding[data-v-3048f954]{border-bottom:.5px solid #ffffff26}.video-area .video-player-wrapper .video-controls .controls-header .time-display[data-v-3048f954]{flex-grow:1;justify-content:center;align-items:center;gap:8px;display:flex}.video-area .video-player-wrapper .video-controls .controls-header .time-display .play-btn[data-v-3048f954]{color:#ffffffa6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.video-area .video-player-wrapper .video-controls .controls-header .time-display .play-btn[data-v-3048f954]:hover{color:#fff;background:#ffffff14;border-radius:6px}.video-area .video-player-wrapper .video-controls .controls-header .time-display .current-time[data-v-3048f954]{color:#fff;font-family:Avenir,PingFang SC,sans-serif;font-size:14px;font-weight:500}.video-area .video-player-wrapper .video-controls .controls-header .time-display .time-separator[data-v-3048f954]{color:#fff6;font-size:14px}.video-area .video-player-wrapper .video-controls .controls-header .time-display .total-time[data-v-3048f954]{color:#fff9;font-size:14px}.video-area .video-player-wrapper .video-controls .controls-header .fullscreen-btn[data-v-3048f954]{color:#ffffffa6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.video-area .video-player-wrapper .video-controls .controls-header .fullscreen-btn[data-v-3048f954]:hover{color:#fff;background:#ffffff14;border-radius:6px}.video-area .video-player-wrapper .video-controls .timeline-container[data-v-3048f954]{width:748px;margin:0 0 4px;padding:16px 0;overflow-x:auto;overflow-y:hidden}.video-area .video-player-wrapper .video-controls .timeline-container .timeline-thumbnails[data-v-3048f954]{height:76px;padding:10px 0;display:flex}.video-area .video-player-wrapper .video-controls .timeline-container .timeline-thumbnails .thumbnail-item[data-v-3048f954]{background:linear-gradient(135deg,#2a2a2e,#1a1a1e);border-right:1px solid #1b1c21;flex:1;height:100%}.video-area .video-player-wrapper .video-controls .timeline-container .timeline-thumbnails .thumbnail-item[data-v-3048f954]:last-child{border-right:none}.video-area .video-player-wrapper .video-controls .timeline-container .timeline-selection[data-v-3048f954]{padding:4px 0;position:absolute;top:0;bottom:0;left:0;right:0}.video-area .video-player-wrapper .video-controls .timeline-container .timeline-selection .selection-range[data-v-3048f954]{background:#ffffff1a;border:2px solid #fff;border-radius:7px;width:30%;height:100%;margin-left:0}.video-area .video-player-wrapper .video-controls .timeline-container .selection-info[data-v-3048f954]{color:#fff;font-size:12px;position:absolute;bottom:4px;left:8px}.ui-scrollbar[data-v-3048f954]::-webkit-scrollbar{width:6px;height:6px}.ui-scrollbar[data-v-3048f954]::-webkit-scrollbar-thumb{cursor:pointer;background:#fff3;border-radius:100px}.ui-scrollbar[data-v-3048f954]::-webkit-scrollbar-thumb:active{background:#fff3}.ui-scrollbar[data-v-3048f954]::-webkit-scrollbar-thumb:hover{background:#fff3}.ui-scrollbar[data-v-3048f954]::-webkit-scrollbar-track{background:0 0;border-radius:10px;box-shadow:inset 0 0 5px #0000}.ui-scrollbar.hide[data-v-3048f954]::-webkit-scrollbar{width:0}.ui-scrollbar.not[data-v-3048f954]::-webkit-scrollbar{width:0}.ui-scrollbar.hide[data-v-3048f954]:hover::-webkit-scrollbar{width:6px}.frame[data-v-3048f954]{-o-object-fit:contain;object-fit:contain;height:56px}.video-current-time-indicator[data-v-3048f954]{color:#ff5b2e;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:20;flex-direction:column;align-items:center;width:12px;height:108px;display:flex;position:absolute;top:44px;left:0;transform:translate(14px)}.video-current-time-indicator hr[data-v-3048f954]{background:#ff5b2e;width:1px;height:80px}.video-selected-frames[data-v-3048f954]{z-index:10;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:66px;left:0;transform:translate(2px)}.video-selected-frames .main[data-v-3048f954]{flex-direction:row;flex-grow:1;align-items:flex-start;width:100%;display:flex}.video-selected-frames .left-drag-bar[data-v-3048f954]{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px 0 0 8px;flex-shrink:0;width:18px;height:64px}.video-selected-frames .thumbnails-wrapper[data-v-3048f954]{flex-direction:column;height:64px}.video-selected-frames .thumbnails[data-v-3048f954],.video-selected-frames .thumbnails-wrapper[data-v-3048f954]{background:0 0;flex-shrink:0;align-items:flex-start;display:flex;overflow:hidden}.video-selected-frames .thumbnails[data-v-3048f954]{cursor:move;flex-direction:row;width:100%;height:56px}.video-selected-frames .right-drag-bar[data-v-3048f954]{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#fff;border-radius:0 8px 8px 0;flex-shrink:0;width:18px;height:64px}.video-selected-frames p[data-v-3048f954]{color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px}