.screenshot-tool-page[data-v-3c36b49c]{min-height:100%}.screenshot-page[data-v-3c36b49c]{display:flex;gap:20px;height:100%}.main-content[data-v-3c36b49c]{flex:1;min-width:0}.video-operation-wrapper[data-v-3c36b49c]{position:relative}.capture-loading-mask[data-v-3c36b49c]{align-items:center;background:#000000bf;border-radius:4px;display:flex;justify-content:center;inset:0;position:absolute;z-index:100}.capture-loading-mask .loading-content[data-v-3c36b49c]{align-items:center;color:#fff;display:flex;flex-direction:column;gap:12px}.capture-loading-mask .loading-content .el-icon[data-v-3c36b49c]{color:#fff}.capture-loading-mask .loading-content .loading-text[data-v-3c36b49c]{font-size:18px;font-weight:500}.capture-loading-mask .loading-content .loading-subtext[data-v-3c36b49c]{color:#fffc;font-size:14px;margin-bottom:8px}.capture-loading-mask .loading-content .cancel-btn[data-v-3c36b49c]{margin-top:8px}.sidebar-preview[data-v-3c36b49c]{display:flex;flex-direction:column;flex-shrink:0;height:100%;width:240px}.sidebar-preview .preview-card[data-v-3c36b49c],.sidebar-preview .preview-card[data-v-3c36b49c] .el-card__body{display:flex;flex:1;flex-direction:column;overflow:hidden}.sidebar-preview .preview-header[data-v-3c36b49c]{border-bottom:1px solid #e4e7ed;display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin-bottom:16px;padding-bottom:12px}.sidebar-preview .preview-title[data-v-3c36b49c]{color:#000;font-size:16px;font-weight:700}.sidebar-preview .preview-actions[data-v-3c36b49c]{display:flex;flex-direction:column;gap:8px}.sidebar-preview .preview-actions .action-row[data-v-3c36b49c]{align-items:center;display:flex;gap:8px}.sidebar-preview .preview-actions .action-row .el-button[data-v-3c36b49c]{flex:1}.sidebar-preview .preview-actions .w-full[data-v-3c36b49c]{width:100%}.sidebar-preview .preview-scrollbar[data-v-3c36b49c]{flex:1;min-height:0}.sidebar-preview .preview-scrollbar[data-v-3c36b49c] .el-scrollbar__wrap{overflow-x:hidden}.sidebar-preview .preview-scrollbar[data-v-3c36b49c] .el-scrollbar__bar{opacity:1!important}.sidebar-preview .preview-scrollbar[data-v-3c36b49c] .el-scrollbar__bar.is-vertical{right:0!important;width:10px!important}.sidebar-preview .preview-scrollbar[data-v-3c36b49c] .el-scrollbar__thumb{background-color:#909399!important;border-radius:5px!important;opacity:1!important}.sidebar-preview .preview-scrollbar[data-v-3c36b49c] .el-scrollbar__thumb:hover{background-color:#606266!important;opacity:1!important}.sidebar-preview .preview-scrollbar[data-v-3c36b49c] .el-scrollbar__track{background-color:#f5f7fa}.sidebar-preview .screenshots-list[data-v-3c36b49c]{display:flex;flex-direction:column;gap:12px}.sidebar-preview .empty-preview[data-v-3c36b49c]{align-items:center;color:#909399;display:flex;flex-direction:column;height:300px;justify-content:center}.sidebar-preview .empty-preview .empty-text[data-v-3c36b49c]{font-size:14px;margin-top:16px}.video-wrapper[data-v-3c36b49c]{background:#000;border-radius:4px;height:0;overflow:hidden;padding-top:45%;position:relative;width:100%}.video-wrapper video[data-v-3c36b49c]{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.upload-wrapper[data-v-3c36b49c]{margin:20px 0;position:relative}.upload-demo[data-v-3c36b49c]{width:100%}.el-icon--upload[data-v-3c36b49c]{color:#8c939d;font-size:67px;line-height:50px;margin:40px 0 16px}.timeline-wrapper[data-v-3c36b49c]{margin-top:20px}.timeline-wrapper .timeline-label[data-v-3c36b49c]{color:#606266;font-size:14px;margin-bottom:8px}.timeline-wrapper .timeline-container[data-v-3c36b49c]{border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;height:60px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.timeline-wrapper .timeline-container .timeline-canvas[data-v-3c36b49c]{display:block;height:100%;width:100%}.timeline-wrapper .timeline-container .timeline-marker[data-v-3c36b49c]{background:var(--el-color-primary);bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:1}.timeline-wrapper .timeline-container .timeline-marker[data-v-3c36b49c]:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--el-color-primary);content:"";height:0;left:50%;position:absolute;top:-4px;transform:translate(-50%);width:0}.fine-timeline-wrapper[data-v-3c36b49c]{margin-top:16px}.fine-timeline-wrapper .fine-timeline-heading[data-v-3c36b49c]{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.fine-timeline-wrapper .timeline-label[data-v-3c36b49c]{color:#606266;font-size:14px}.fine-timeline-wrapper .fine-timeline-tip[data-v-3c36b49c]{color:#909399;font-size:12px}.fine-timeline-wrapper .fine-timeline-container[data-v-3c36b49c]{background:#f0f7ff;border:1px solid #c6e2ff;border-radius:4px;cursor:ew-resize;height:36px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fine-timeline-wrapper .fine-timeline-container .fine-timeline-ticks[data-v-3c36b49c]{background-image:repeating-linear-gradient(90deg,rgba(64,158,255,.55) 0 1px,transparent 1px 10%),repeating-linear-gradient(90deg,rgba(64,158,255,.3) 0 1px,transparent 1px 1%);background-position:0 bottom,0 bottom;background-repeat:repeat-x;background-size:100% 15px,100% 8px;height:100%;width:100%}.fine-timeline-wrapper .fine-timeline-container .fine-timeline-marker[data-v-3c36b49c]{background:var(--el-color-primary);bottom:0;pointer-events:none;position:absolute;top:0;width:2px}.fine-timeline-wrapper .fine-timeline-container .fine-timeline-marker[data-v-3c36b49c]:before{background:var(--el-color-primary);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:0;transform:translate(-50%,-35%);width:10px}.fine-timeline-wrapper .fine-timeline-times[data-v-3c36b49c]{color:#909399;display:flex;font-size:12px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px}.action-area[data-v-3c36b49c]{flex-direction:row;gap:20px;justify-content:space-between;margin-top:20px}.action-area[data-v-3c36b49c],.action-area .play-control[data-v-3c36b49c]{align-items:center;display:flex}.action-area .play-control .time-display[data-v-3c36b49c]{color:#303133;font-size:18px;font-weight:500;min-width:80px}.action-area .action-buttons[data-v-3c36b49c]{align-items:center;display:flex;gap:12px}@media (max-width:900px){.screenshot-page[data-v-3c36b49c]{flex-direction:column;height:auto}.sidebar-preview[data-v-3c36b49c]{height:360px;width:100%}.action-area[data-v-3c36b49c]{align-items:flex-start;flex-direction:column}}.screenshot-item[data-v-3c36b49c]{aspect-ratio:16/9;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s;width:100%}.screenshot-item[data-v-3c36b49c]:hover{transform:scale(1.02)}.screenshot-item:hover .screenshot-overlay[data-v-3c36b49c]{opacity:1}.screenshot-item img[data-v-3c36b49c]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.screenshot-item .screenshot-overlay[data-v-3c36b49c]{background:#0009;display:flex;flex-direction:column;justify-content:space-between;inset:0;opacity:0;padding:10px;position:absolute;transition:opacity .2s}.screenshot-item .screenshot-overlay .screenshot-time[data-v-3c36b49c]{align-self:flex-start;background:#00000080;border-radius:3px;color:#fff;font-size:12px;padding:2px 6px}.screenshot-item .screenshot-overlay .screenshot-actions[data-v-3c36b49c]{display:flex;gap:8px;justify-content:center}.camera-flash[data-v-3c36b49c]{background:#fff;border-radius:4px;inset:0;pointer-events:none;position:absolute;z-index:200}.flash-enter-active[data-v-3c36b49c]{animation:flash-in-3c36b49c .15s ease-out}.flash-leave-active[data-v-3c36b49c]{animation:flash-out-3c36b49c .15s ease-in}@keyframes flash-in-3c36b49c{0%{opacity:0}to{opacity:.85}}@keyframes flash-out-3c36b49c{0%{opacity:.85}to{opacity:0}}