[data-v-f81e9b18]{box-sizing:border-box}.video-storyboard-container[data-v-f81e9b18]{box-sizing:border-box;background-color:#f9fafb;border-radius:.5rem;flex-direction:column;gap:1rem;width:100%;height:100%;padding:1rem;display:flex}.dark .video-storyboard-container[data-v-f81e9b18]{background-color:#111827}.video-section[data-v-f81e9b18]{background-color:#000;border-radius:.5rem;flex-shrink:0;width:-moz-fit-content;width:fit-content;max-width:100%;height:400px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.video-player[data-v-f81e9b18]{background-color:#000;width:auto;height:100%}.video-overlay[data-v-f81e9b18]{color:#fff;background-color:#00000080;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;position:absolute;top:.5rem;left:.5rem}.controls-header[data-v-f81e9b18]{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.dark .controls-header[data-v-f81e9b18]{border-bottom-color:#374151}.header-title[data-v-f81e9b18]{color:#1f2937;font-size:1.125rem;font-weight:600;line-height:1.75rem}.dark .header-title[data-v-f81e9b18]{color:#e5e7eb}.dark .view-mode-controls[data-v-f81e9b18]{background:#2d2d2d;border-color:#3c3c3c}.dark .view-mode-btn[data-v-f81e9b18]:first-child{border-right-color:#3c3c3c}.dark .view-mode-btn[data-v-f81e9b18]:hover{color:#fff;background-color:#505050}.dark .view-mode-btn:hover .view-icon[data-v-f81e9b18]{color:#fff}.dark .view-mode-btn.active[data-v-f81e9b18]{color:#fff;background-color:#5f5f5f}.dark .view-mode-btn.active .view-icon[data-v-f81e9b18]{color:#fff}.view-mode-controls[data-v-f81e9b18]{background:#fff;border:1px solid #e0e0e0;border-radius:6px;height:32px;display:inline-flex;overflow:hidden}.view-mode-btn[data-v-f81e9b18]{cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;height:100%;margin-top:0;padding:8px 10px;transition:all .2s;display:flex}.view-mode-btn[data-v-f81e9b18]:first-child{border-right:1px solid #e0e0e0}.view-mode-btn[data-v-f81e9b18]:hover{color:#232425;background-color:#f0f0f0}.view-mode-btn:hover .view-icon[data-v-f81e9b18]{color:#232425}.view-mode-btn.active[data-v-f81e9b18]{color:#232425;background-color:#f5f5f5}.view-mode-btn.active .view-icon[data-v-f81e9b18]{color:#232425}.view-icon[data-v-f81e9b18]{color:#666;width:16px;height:16px;transition:color .2s}.segment-list[data-v-f81e9b18]{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow-y:auto}.segment-item-list[data-v-f81e9b18]{cursor:pointer;border:1px solid #0000;border-radius:.5rem;gap:1rem;padding:.75rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.segment-item-list[data-v-f81e9b18]:hover{background-color:#f3f4f6}.dark .segment-item-list[data-v-f81e9b18]:hover{background-color:#1f2937}.segment-item-list.active[data-v-f81e9b18]{background-color:#eff6ff;border-color:#3b82f6}.dark .segment-item-list.active[data-v-f81e9b18]{background-color:#1e3a8a33}.segment-thumbnail-wrapper[data-v-f81e9b18]{flex-shrink:0;width:8rem;height:5rem}.segment-thumbnail[data-v-f81e9b18]{-o-object-fit:cover;object-fit:cover;border-radius:.25rem;width:100%;height:100%}.segment-details[data-v-f81e9b18]{-moz-column-gap:1rem;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;font-size:.875rem;line-height:1.25rem;display:grid}.segment-title[data-v-f81e9b18]{color:#111827;grid-column:span 2/span 2;margin-bottom:.25rem;font-weight:500}.dark .segment-title[data-v-f81e9b18]{color:#fff}.segment-info[data-v-f81e9b18]{color:#4b5563}.dark .segment-info[data-v-f81e9b18]{color:#9ca3af}.label[data-v-f81e9b18]{font-weight:600}.segment-description[data-v-f81e9b18]{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;grid-column:span 2/span 2;overflow:hidden}.dark .segment-description[data-v-f81e9b18]{color:#9ca3af}.segment-grid[data-v-f81e9b18]{flex-wrap:wrap;flex:1;gap:1rem;min-height:0;padding:.25rem;display:flex;overflow-y:auto}.segment-card[data-v-f81e9b18]{cursor:pointer;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;flex-shrink:0;width:240px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.dark .segment-card[data-v-f81e9b18]{border-color:#374151}.segment-card[data-v-f81e9b18]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.segment-card.active[data-v-f81e9b18]{box-shadow:0 0 0 2px #3b82f6}.card-thumbnail-wrapper[data-v-f81e9b18]{aspect-ratio:16/9;background-color:#e5e7eb;position:relative}.dark .card-thumbnail-wrapper[data-v-f81e9b18]{background-color:#374151}.card-thumbnail[data-v-f81e9b18]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card-duration[data-v-f81e9b18]{background-color:#000000b3;bottom:.25rem;right:.25rem}.card-duration[data-v-f81e9b18],.card-index[data-v-f81e9b18]{color:#fff;border-radius:.25rem;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem;position:absolute}.card-index[data-v-f81e9b18]{background-color:#2563eb;font-weight:700;top:.25rem;left:.25rem}.card-details[data-v-f81e9b18]{background-color:#fff;padding:.5rem;font-size:.75rem;line-height:1rem}.dark .card-details[data-v-f81e9b18]{background-color:#1f2937}.card-description-title[data-v-f81e9b18]{white-space:nowrap;text-overflow:ellipsis;color:#111827;margin-bottom:.25rem;font-weight:600;overflow:hidden}.dark .card-description-title[data-v-f81e9b18]{color:#f3f4f6}.card-meta-grid[data-v-f81e9b18]{color:#6b7280;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;display:grid}.dark .card-meta-grid[data-v-f81e9b18]{color:#9ca3af}.truncate[data-v-f81e9b18]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.segment-grid[data-v-f81e9b18]::-webkit-scrollbar{width:6px}.segment-list[data-v-f81e9b18]::-webkit-scrollbar{width:6px}.segment-grid[data-v-f81e9b18]::-webkit-scrollbar-track{background:0 0}.segment-list[data-v-f81e9b18]::-webkit-scrollbar-track{background:0 0}.segment-grid[data-v-f81e9b18]::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:3px}.segment-list[data-v-f81e9b18]::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:3px}@media (prefers-color-scheme:dark){.video-storyboard-container[data-v-f81e9b18]{background-color:#111827}.controls-header[data-v-f81e9b18]{border-bottom-color:#374151}.header-title[data-v-f81e9b18]{color:#e5e7eb}.view-mode-controls[data-v-f81e9b18]{background:#2d2d2d;border-color:#3c3c3c}.view-mode-btn[data-v-f81e9b18]:first-child{border-right-color:#3c3c3c}.view-mode-btn[data-v-f81e9b18]:hover{color:#fff;background-color:#505050}.view-mode-btn:hover .view-icon[data-v-f81e9b18]{color:#fff}.view-mode-btn.active[data-v-f81e9b18]{color:#fff;background-color:#5f5f5f}.view-mode-btn.active .view-icon[data-v-f81e9b18]{color:#fff}.segment-item-list[data-v-f81e9b18]:hover{background-color:#1f2937}.segment-item-list.active[data-v-f81e9b18]{background-color:#1e3a8a33}.segment-title[data-v-f81e9b18]{color:#fff}.segment-description[data-v-f81e9b18],.segment-info[data-v-f81e9b18]{color:#9ca3af}.segment-card[data-v-f81e9b18]{border-color:#374151}.card-thumbnail-wrapper[data-v-f81e9b18]{background-color:#374151}.card-details[data-v-f81e9b18]{background-color:#1f2937}.card-description-title[data-v-f81e9b18]{color:#f3f4f6}.card-meta-grid[data-v-f81e9b18]{color:#9ca3af}}@media (max-width:768px){.video-storyboard-container[data-v-f81e9b18]{gap:.75rem;padding:.5rem}.video-section[data-v-f81e9b18]{height:280px}.controls-header[data-v-f81e9b18]{padding-bottom:.5rem}.header-title[data-v-f81e9b18]{flex:1;font-size:1rem}.segment-list[data-v-f81e9b18]{gap:.375rem}.segment-grid[data-v-f81e9b18]{gap:.75rem;padding:0}.segment-card[data-v-f81e9b18]{flex-shrink:1;width:calc(50% - .375rem)}.segment-item-list[data-v-f81e9b18]{gap:.75rem;padding:.5rem}.segment-thumbnail-wrapper[data-v-f81e9b18]{width:6rem;height:4rem}.segment-details[data-v-f81e9b18]{-moz-column-gap:.75rem;column-gap:.75rem;font-size:.813rem}.card-details[data-v-f81e9b18]{padding:.375rem}}@media (max-width:480px){.video-storyboard-container[data-v-f81e9b18]{gap:.5rem;padding:.375rem}.video-section[data-v-f81e9b18]{height:220px}.controls-header[data-v-f81e9b18]{padding-bottom:.375rem}.header-title[data-v-f81e9b18]{font-size:.875rem}.view-mode-controls[data-v-f81e9b18]{height:28px}.view-mode-btn[data-v-f81e9b18]{padding:6px 8px}.segment-list[data-v-f81e9b18]{gap:.25rem}.segment-grid[data-v-f81e9b18]{gap:.5rem}.segment-card[data-v-f81e9b18]{width:calc(50% - .25rem)}.segment-item-list[data-v-f81e9b18]{flex-direction:column;gap:.5rem;padding:.375rem}.segment-thumbnail-wrapper[data-v-f81e9b18]{aspect-ratio:16/9;width:100%;height:auto}.segment-details[data-v-f81e9b18]{grid-template-columns:1fr;row-gap:.125rem;font-size:.75rem}.segment-title[data-v-f81e9b18]{font-size:.875rem}.card-details[data-v-f81e9b18]{padding:.25rem;font-size:.688rem}.card-description-title[data-v-f81e9b18]{font-size:.75rem}}@media (max-width:320px){.video-storyboard-container[data-v-f81e9b18]{padding:.25rem}.video-section[data-v-f81e9b18]{height:180px}.header-title[data-v-f81e9b18]{font-size:.813rem}.view-mode-controls[data-v-f81e9b18]{height:26px}.view-mode-btn[data-v-f81e9b18]{padding:5px 7px}.view-icon[data-v-f81e9b18]{width:14px;height:14px}.segment-grid[data-v-f81e9b18]{gap:.375rem}.segment-card[data-v-f81e9b18]{width:calc(50% - .1875rem)}}