2 lines
40 KiB
CSS
2 lines
40 KiB
CSS
@charset "UTF-8";.duration-trigger[data-v-a46c2445]{width:100%;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:4px;color:var(--web-text);background:var(--web-surface-soft);border:1px solid var(--web-line-strong);border-radius:7px;font-family:inherit;cursor:pointer}.duration-trigger[data-v-a46c2445]:hover,.duration-trigger[data-v-a46c2445]:focus-visible{background:var(--web-surface);border-color:var(--web-timeline-focus-line);outline:none}.duration-trigger span[data-v-a46c2445]{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.duration-trigger svg[data-v-a46c2445]{flex:0 0 auto;color:var(--web-control-muted)}.duration-trigger.compact[data-v-a46c2445]{width:72px;height:34px;color:var(--web-accent-dark);background:var(--web-surface);border-color:var(--web-line-emphasis)}.duration-trigger.compact[data-v-a46c2445]:hover,.duration-trigger.compact[data-v-a46c2445]:focus-visible{border-color:var(--web-project-card-hover-line)}.duration-popper.el-popper{padding:10px 14px 12px;background:var(--web-surface);border:1px solid var(--web-line-strong);border-radius:9px;box-shadow:var(--web-shadow-duration)}.duration-range-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:2px;color:var(--web-text-tertiary);font-size:10px}.duration-range-head strong{color:var(--web-accent-dark);font-size:12px;text-align:center}.duration-range-head span:last-child{text-align:right}.duration-slider-wrap{position:relative;height:28px;margin:0 7px}.duration-slider-wrap .el-slider{position:relative;z-index:2;height:24px}.duration-slider-wrap .el-slider__runway{width:calc(100% - 8px);height:6px;margin-right:4px;margin-left:4px;background:var(--web-hover);border-radius:0}.duration-slider-wrap .el-slider__bar{height:6px;background:var(--web-primary);border-radius:0}.duration-slider-wrap .el-slider__button-wrapper{top:-15px;z-index:5}.duration-slider-wrap .el-slider__button{width:18px;height:18px;background:var(--web-primary);border:3px solid var(--web-line-emphasis)}.duration-nodes{position:absolute;top:0;right:4px;left:4px;z-index:3;height:24px;pointer-events:none}.duration-nodes button{position:absolute;top:9px;width:6px;height:6px;padding:0;transform:translate(-50%);background:var(--web-divider-soft);border:0;border-radius:50%;pointer-events:auto;cursor:pointer}.duration-nodes button.active{background:var(--web-primary)}.duration-nodes button span{position:absolute;left:50%;bottom:calc(100% + 8px);padding:4px 7px;transform:translate(-50%);color:var(--web-text);background:var(--web-hover);border-radius:5px;font-size:10px;line-height:1;white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none}.duration-nodes button span:after{position:absolute;top:100%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);content:"";background:var(--web-hover)}.duration-nodes button:hover span,.duration-nodes button:focus-visible span{visibility:visible;opacity:1}.zoomable-image[data-v-d5383cff]{width:100%;height:auto;aspect-ratio:var(--zoomable-aspect-ratio, 16 / 9);max-height:calc(100dvh - 120px);min-width:0;min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none}.zoomable-image[data-v-d5383cff] .zoomable-image__media{max-width:none;max-height:none;display:block;object-fit:contain;pointer-events:none;transition:transform .16s ease-out}.zoomable-image.is-zoomed[data-v-d5383cff]{cursor:grab}.zoomable-image.is-dragging[data-v-d5383cff]{cursor:grabbing}.zoomable-image.is-dragging[data-v-d5383cff] .zoomable-image__media{transition:none}.asset-panel[data-v-fdcdab9c]{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--web-surface-soft);border:1px solid var(--web-line-strong);border-radius:11px;overflow:hidden;scrollbar-color:var(--web-scrollbar-thumb) var(--web-scrollbar-track-panel);scrollbar-width:thin}.asset-panel>header[data-v-fdcdab9c]{height:40px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;flex:0 0 40px;border-bottom:1px solid var(--web-line-strong)}.asset-panel header div[data-v-fdcdab9c]{display:flex;align-items:center;gap:8px}.asset-panel header span[data-v-fdcdab9c]{color:var(--web-accent-dark);font:11px Arial,sans-serif}.asset-panel header button[data-v-fdcdab9c]{width:30px;height:30px;display:grid;place-items:center;color:var(--web-text-secondary);background:var(--web-surface);border:1px solid var(--web-line-strong);border-radius:6px;cursor:pointer}.asset-panel header button[data-v-fdcdab9c]:disabled{color:var(--web-text-subdued);border-color:var(--web-line-strong);cursor:not-allowed}.asset-detail-header[data-v-fdcdab9c]{justify-content:flex-start!important;gap:9px}.asset-detail-header strong[data-v-fdcdab9c]{min-width:0;overflow:hidden;color:var(--web-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.asset-tabs[data-v-fdcdab9c]{padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border-bottom:1px solid var(--web-line-strong)}.asset-tabs.has-media[data-v-fdcdab9c]{grid-template-columns:repeat(6,minmax(0,1fr))}.asset-tabs button[data-v-fdcdab9c]{min-width:0;height:32px;padding:0 5px;display:flex;align-items:center;justify-content:center;gap:3px;color:var(--web-text-note);background:var(--web-surface);border:1px solid transparent;border-radius:6px;font-size:10px;cursor:pointer}.asset-tabs button>.el-icon[data-v-fdcdab9c]{font-size:15px}.asset-tabs button.active[data-v-fdcdab9c]{color:var(--web-accent-dark);background:var(--web-surface);border-color:var(--web-line-emphasis)}.asset-tabs small[data-v-fdcdab9c]{font:9px Arial,sans-serif}.asset-list[data-v-fdcdab9c]{min-height:86px;padding:10px;display:flex;flex:1;flex-direction:column;gap:14px;overflow:auto;scrollbar-color:var(--web-scrollbar-thumb) var(--web-scrollbar-track-panel);scrollbar-width:thin}.asset-section[data-v-fdcdab9c]{min-width:0}.asset-section-header[data-v-fdcdab9c]{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;color:var(--web-text-caption)}.asset-section-header strong[data-v-fdcdab9c]{font-size:10px;font-weight:600}.asset-section-header span[data-v-fdcdab9c]{font:9px Arial,sans-serif}.asset-card-grid[data-v-fdcdab9c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.episode-assets .asset-card-grid[data-v-fdcdab9c]{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.asset-section-empty[data-v-fdcdab9c]{height:42px;display:grid;place-items:center;color:var(--web-text-neutral);background:var(--web-surface-soft);border:1px dashed var(--web-line-strong);border-radius:6px;font-size:9px}.asset-card[data-v-fdcdab9c]{position:relative;min-width:0;overflow:hidden;background:var(--web-surface);border:1px solid var(--web-line-strong);border-radius:7px;transition:border-color .16s,background-color .16s}.asset-card[data-v-fdcdab9c]:hover,.asset-card[data-v-fdcdab9c]:focus-within{background:var(--web-surface);border-color:var(--web-line-emphasis)}.asset-card-main[data-v-fdcdab9c]{width:100%;padding:7px;display:flex;flex-direction:column;gap:7px;color:var(--web-text-secondary);background:transparent;border:0;text-align:left;cursor:pointer}.episode-assets .asset-card-main[data-v-fdcdab9c]{padding:4px;gap:4px}.asset-card-main[data-v-fdcdab9c]:focus-visible{outline:2px solid var(--web-focus-ring-strong);outline-offset:-2px}.asset-thumb[data-v-fdcdab9c]{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:var(--web-hover);border-radius:5px}.asset-thumb img[data-v-fdcdab9c],.asset-thumb video[data-v-fdcdab9c],.asset-thumb[data-v-fdcdab9c] .loading-media-element{width:100%;height:100%;object-fit:cover}.asset-thumb i[data-v-fdcdab9c]{color:var(--web-accent-dark);font-size:25px;font-style:normal}.episode-assets .asset-thumb i[data-v-fdcdab9c]{font-size:18px}.asset-copy[data-v-fdcdab9c]{min-width:0;width:100%;display:flex;align-items:center;gap:4px}.asset-copy b[data-v-fdcdab9c]{min-width:0;overflow:hidden;flex:1;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.episode-assets .asset-copy b[data-v-fdcdab9c]{font-size:9px}.asset-audio-badge[data-v-fdcdab9c]{position:absolute;right:5px;bottom:5px;z-index:2;min-width:20px;height:20px;padding:0 5px;display:grid;grid-auto-flow:column;place-items:center;gap:3px;color:var(--web-accent-dark);background:var(--web-media-overlay);border:1px solid var(--web-line-emphasis);border-radius:10px}.asset-audio-badge small[data-v-fdcdab9c],.asset-preview-audio-badge small[data-v-fdcdab9c]{font-size:9px;white-space:nowrap}.asset-empty[data-v-fdcdab9c]{min-height:68px;display:grid;place-items:center;color:var(--web-text-tertiary);font-size:11px}.asset-editor[data-v-fdcdab9c]{min-height:0;padding:12px;display:flex;flex:1;flex-direction:column;gap:10px;overflow:auto;background:var(--web-surface-soft);scrollbar-color:var(--web-scrollbar-thumb) var(--web-scrollbar-track-panel);scrollbar-width:thin}.asset-preview[data-v-fdcdab9c]{position:relative;width:100%;height:150px;display:grid;place-items:center;flex:0 0 150px;overflow:hidden;color:var(--web-accent-dark);background:var(--web-surface-soft);border:1px solid var(--web-line-strong);border-radius:8px}.asset-preview>img[data-v-fdcdab9c],.asset-preview>video[data-v-fdcdab9c],.asset-preview[data-v-fdcdab9c]>.loading-media-element{width:100%;height:100%;object-fit:contain}.asset-preview>i[data-v-fdcdab9c]{font-size:32px;font-style:normal}.asset-preview-audio-badge[data-v-fdcdab9c]{position:absolute;right:8px;bottom:8px;z-index:2;min-width:24px;height:24px;padding:0 6px;display:grid;grid-auto-flow:column;place-items:center;gap:4px;color:var(--web-accent-dark);background:var(--web-media-overlay);border:1px solid var(--web-line-emphasis);border-radius:12px}.asset-preview-actions[data-v-fdcdab9c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--web-preview-overlay);opacity:0;transition:opacity .18s}.asset-preview:hover .asset-preview-actions[data-v-fdcdab9c],.asset-preview:focus-within .asset-preview-actions[data-v-fdcdab9c]{opacity:1}.asset-preview-actions label[data-v-fdcdab9c],.asset-preview-actions button[data-v-fdcdab9c]{width:36px;height:36px;display:grid;place-items:center;color:var(--web-text);background:var(--web-surface);border:1px solid var(--web-line-strong);border-radius:50%;cursor:pointer}.asset-preview-actions label[data-v-fdcdab9c]:hover,.asset-preview-actions button[data-v-fdcdab9c]:hover{color:var(--web-accent-dark);border-color:var(--web-line-accent)}.asset-preview-actions label.disabled[data-v-fdcdab9c],.asset-preview-actions button[data-v-fdcdab9c]:disabled{opacity:.5;cursor:not-allowed}.asset-preview-actions input[data-v-fdcdab9c],.audio-upload input[data-v-fdcdab9c]{display:none}.asset-name-row[data-v-fdcdab9c]{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.asset-editor[data-v-fdcdab9c]:not(.storyboard-media-editor){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}.asset-editor:not(.storyboard-media-editor)>.prompt-field[data-v-fdcdab9c],.asset-editor:not(.storyboard-media-editor)>.asset-actions[data-v-fdcdab9c],.asset-editor:not(.storyboard-media-editor)>.asset-preview[data-v-fdcdab9c]{grid-column:1/-1}.asset-reference-upload[data-v-fdcdab9c]{min-width:0;width:100%;display:flex;flex-direction:column;gap:5px;color:var(--web-text-subtle);font-size:10px}.asset-reference-box[data-v-fdcdab9c]{position:relative;width:100%;height:92px;flex:0 0 92px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;overflow:hidden;color:var(--web-accent-dark);background:var(--web-surface-soft);border:1px dashed var(--web-line-strong);border-radius:7px;cursor:pointer}.asset-reference-box img[data-v-fdcdab9c],.asset-reference-box[data-v-fdcdab9c] .loading-media-element{width:100%;height:100%;object-fit:cover}.asset-reference-box input[data-v-fdcdab9c]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;cursor:pointer}.asset-reference-remove[data-v-fdcdab9c]{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;padding:0;display:grid;place-items:center;color:var(--web-accent-dark);background:var(--web-error-overlay);border:1px solid var(--web-line-critical);border-radius:50%;cursor:pointer}.asset-editor:not(.storyboard-media-editor)>.asset-name-row[data-v-fdcdab9c]{display:flex;flex-direction:column;gap:8px}.asset-name-row>label[data-v-fdcdab9c],.asset-editor>label[data-v-fdcdab9c]{min-width:0;display:flex;flex-direction:column;gap:5px}.asset-name-row label>span[data-v-fdcdab9c]:first-child,.asset-editor>label>span[data-v-fdcdab9c]{color:var(--web-text-subtle);font-size:10px}.audio-upload[data-v-fdcdab9c]{height:32px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--web-text-secondary);background:var(--web-surface-soft);border:1px solid var(--web-line-strong);border-radius:6px;font-size:10px;cursor:pointer}.audio-upload[data-v-fdcdab9c]:hover{color:var(--web-accent-dark);border-color:var(--web-line-emphasis)}.asset-editor .prompt-field[data-v-fdcdab9c]{height:260px;min-height:260px;flex:0 0 260px}.prompt-field[data-v-fdcdab9c] .el-textarea,.prompt-field[data-v-fdcdab9c] .el-textarea__inner{height:100%;scrollbar-color:var(--web-scrollbar-thumb) var(--web-scrollbar-track);scrollbar-width:thin}.asset-actions[data-v-fdcdab9c]{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.asset-detail-enter-active[data-v-fdcdab9c],.asset-detail-leave-active[data-v-fdcdab9c]{transition:opacity .18s,transform .18s}.asset-detail-enter-from[data-v-fdcdab9c],.asset-detail-leave-to[data-v-fdcdab9c]{opacity:0;transform:translate(16px)}@media (max-width: 820px){.asset-editor[data-v-fdcdab9c]:not(.storyboard-media-editor){display:flex}.asset-name-row[data-v-fdcdab9c]{grid-template-columns:1fr}}.asset-card-actions[data-v-fdcdab9c]{position:absolute;top:6px;right:6px;z-index:3;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .16s}.asset-card:hover .asset-card-actions[data-v-fdcdab9c],.asset-card:focus-within .asset-card-actions[data-v-fdcdab9c]{opacity:1}.asset-delete[data-v-fdcdab9c],.asset-add[data-v-fdcdab9c]{width:24px;height:24px;padding:0;display:grid;place-items:center;color:var(--web-text-secondary);background:var(--web-surface);border:1px solid var(--web-line-strong);border-radius:5px;cursor:pointer}.asset-delete[data-v-fdcdab9c]:hover,.asset-delete[data-v-fdcdab9c]:focus-visible{color:var(--web-accent-dark);background:var(--web-hover);border-color:var(--web-line-emphasis)}.asset-add[data-v-fdcdab9c]:hover,.asset-add[data-v-fdcdab9c]:focus-visible{color:var(--web-accent-dark);background:var(--web-surface);border-color:var(--web-switch-border)}.asset-add[data-v-fdcdab9c]:disabled{color:var(--web-text-subdued);border-color:var(--web-line-strong);cursor:not-allowed}.current-asset-indicator[data-v-fdcdab9c]{position:absolute;top:8px;left:8px;z-index:3;width:7px;height:7px;background:var(--web-success-bright);border:1px solid var(--web-success-border);border-radius:50%;box-shadow:0 0 0 2px var(--web-current-outline)}.current-asset-indicator[data-v-fdcdab9c]:after{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border:1px solid var(--web-success-bright);border-radius:50%;animation:asset-current-ripple-fdcdab9c 1.8s ease-out infinite}@keyframes asset-current-ripple-fdcdab9c{0%{opacity:.8;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@media (hover: none){.asset-card-actions[data-v-fdcdab9c]{opacity:1}}.asset-detail-leave-active[data-v-fdcdab9c]{display:none}.asset-name-row.single[data-v-fdcdab9c]{grid-template-columns:1fr}.asset-image-loading[data-v-fdcdab9c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--web-accent-dark);background:var(--web-media-overlay-soft);font-size:11px;line-height:1.3}.asset-image-loading .el-icon[data-v-fdcdab9c]{font-size:28px;animation:asset-spin-fdcdab9c 1s linear infinite}.asset-image-loading b[data-v-fdcdab9c]{display:block;line-height:1.3}@keyframes asset-spin-fdcdab9c{to{transform:rotate(360deg)}}.asset-thumb[data-v-fdcdab9c]{position:relative}.asset-thumb-loading[data-v-fdcdab9c]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--web-accent-dark);background:var(--web-media-overlay-medium);font-size:21px}.asset-thumb-loading[data-v-fdcdab9c] svg{animation:asset-spin-fdcdab9c 1s linear infinite}.asset-actions[data-v-fdcdab9c]{grid-template-columns:minmax(0,1fr)}.asset-actions[data-v-fdcdab9c] .el-button{min-width:0}.asset-preview.storyboard-media-preview[data-v-fdcdab9c]{height:210px!important;flex-basis:210px!important}.storyboard-media-empty[data-v-fdcdab9c]{display:flex;align-items:center;flex-direction:column;gap:8px;color:var(--web-text-tertiary);font-size:11px}.storyboard-media-empty .el-icon[data-v-fdcdab9c]{color:var(--web-accent-dark);font-size:30px}.storyboard-prompt-field[data-v-fdcdab9c]{min-height:200px;height:200px;flex:0 0 200px;display:flex;flex-direction:column;gap:5px;padding-right:3px;box-sizing:border-box}.storyboard-prompt-field>span[data-v-fdcdab9c],.storyboard-reference-upload>span[data-v-fdcdab9c]:first-child{color:var(--web-text-placeholder);font-size:10px}.storyboard-prompt-field[data-v-fdcdab9c] .asset-prompt-editor,.storyboard-prompt-field[data-v-fdcdab9c] .prompt-content{height:100%}.storyboard-prompt-field[data-v-fdcdab9c] .asset-prompt-editor{min-width:0;padding:0}.storyboard-prompt-field[data-v-fdcdab9c] .prompt-content{box-sizing:border-box;border:1px solid var(--web-line-strong);border-radius:7px;background:var(--web-surface-soft);color:var(--web-text-secondary);line-height:1.65;scrollbar-gutter:stable;scrollbar-color:var(--web-scrollbar-thumb) var(--web-scrollbar-track);scrollbar-width:thin}.storyboard-prompt-field[data-v-fdcdab9c] .prompt-content:hover{border-color:var(--web-line-emphasis)}.storyboard-prompt-field[data-v-fdcdab9c] .prompt-content:focus{border-color:var(--web-accent-dark);box-shadow:0 0 0 1px var(--web-accent-dark)}.storyboard-reference-upload[data-v-fdcdab9c]{display:flex;flex-direction:column;gap:5px}.storyboard-reference-upload .asset-reference-box[data-v-fdcdab9c]{height:72px;flex-basis:72px}.storyboard-media-summary[data-v-fdcdab9c]{display:flex;align-items:center;justify-content:space-between}.storyboard-media-summary strong[data-v-fdcdab9c]{color:var(--web-text);font-size:13px}.storyboard-media-summary span[data-v-fdcdab9c]{color:var(--web-text-note);font-size:10px}.storyboard-media-actions[data-v-fdcdab9c]{display:grid;grid-template-columns:1fr;gap:8px}.asset-history[data-v-fdcdab9c]{flex:0 0 auto;padding:0 12px 12px;background:var(--web-surface-soft)}.asset-history>header[data-v-fdcdab9c]{height:28px;display:flex;align-items:center;justify-content:space-between;color:var(--web-text);font-size:11px}.asset-history>header small[data-v-fdcdab9c],.asset-history-limit[data-v-fdcdab9c]{color:var(--web-accent-dark);font-size:9px}.asset-history-list[data-v-fdcdab9c]{min-height:72px;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--web-scrollbar-thumb) var(--web-scrollbar-track-panel);scrollbar-width:thin}.asset-history-list[data-v-fdcdab9c]::-webkit-scrollbar{height:7px}.asset-history-list[data-v-fdcdab9c]::-webkit-scrollbar-track{background:var(--web-surface);border-radius:7px}.asset-history-list[data-v-fdcdab9c]::-webkit-scrollbar-thumb{background:var(--web-danger-soft);border:2px solid var(--web-line-strong);border-radius:7px}.asset-history-item[data-v-fdcdab9c]{position:relative;width:82px;height:72px;flex:0 0 82px;overflow:hidden;background:var(--web-surface-soft);border:1px solid var(--web-line-strong);border-radius:6px}.asset-history-item>img[data-v-fdcdab9c],.asset-history-item>video[data-v-fdcdab9c],.asset-history-item[data-v-fdcdab9c]>.loading-media-element{width:100%;height:100%;object-fit:cover}.asset-history-item>video[data-v-fdcdab9c],.asset-history-item[data-v-fdcdab9c]>.loading-media-element{pointer-events:none}.asset-history-actions[data-v-fdcdab9c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:3px;background:var(--web-media-overlay-dense);opacity:0;transition:opacity .15s}.asset-history-item:hover .asset-history-actions[data-v-fdcdab9c],.asset-history-item:focus-within .asset-history-actions[data-v-fdcdab9c]{opacity:1}.asset-history-actions button[data-v-fdcdab9c]{width:20px;height:20px;padding:0;display:grid;place-items:center;color:var(--web-text);background:var(--web-hover);border:1px solid var(--web-line-emphasis);border-radius:4px;cursor:pointer}.asset-history-actions button[data-v-fdcdab9c]:hover{color:var(--web-text-strong);background:var(--web-primary)}.asset-history-actions button[data-v-fdcdab9c]:disabled{opacity:.45;cursor:not-allowed}.asset-history-empty[data-v-fdcdab9c]{display:grid;min-width:100%;place-items:center;color:var(--web-text-disabled);font-size:10px}.storyboard-video-assets[data-v-fdcdab9c]{min-width:0;display:flex;flex-direction:column;gap:12px}.storyboard-video-actions[data-v-fdcdab9c]{min-width:0;display:flex;align-items:center;gap:8px}.storyboard-video-actions[data-v-fdcdab9c] .duration-trigger{width:80px;flex:0 0 80px}.storyboard-video-generate[data-v-fdcdab9c]{width:100%;flex:1}.storyboard-video-limit[data-v-fdcdab9c]{margin-top:-5px;color:var(--web-accent-dark);font-size:10px;line-height:1.5;text-align:center}.storyboard-video-grid[data-v-fdcdab9c]{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storyboard-video-card[data-v-fdcdab9c]{position:relative;min-width:0;padding:0;display:flex;flex-direction:column;overflow:hidden;color:var(--web-text);background:var(--web-surface-soft);border:1px solid var(--web-line-strong);border-radius:7px;cursor:pointer;transition:background-color .15s,border-color .15s}.storyboard-video-card[data-v-fdcdab9c]:hover,.storyboard-video-card[data-v-fdcdab9c]:focus-within{color:var(--web-text);background:var(--web-surface);border-color:var(--web-line-emphasis)}.storyboard-video-card[data-v-fdcdab9c]:focus-within{outline:1px solid var(--web-switch-border);outline-offset:1px}.storyboard-video-card.active[data-v-fdcdab9c]{border-color:var(--web-switch-border);background:var(--web-scrollbar-thumb-hover)}.storyboard-video-preview[data-v-fdcdab9c]{position:relative;min-width:0;padding:0;display:flex;flex-direction:column;color:inherit;background:transparent;border:0;text-align:left;cursor:pointer}.storyboard-video-card video[data-v-fdcdab9c],.storyboard-video-card[data-v-fdcdab9c] .loading-media-element,.storyboard-video-loading[data-v-fdcdab9c]{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--web-surface-soft);pointer-events:none}.storyboard-video-loading[data-v-fdcdab9c]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--web-text-media-muted)}.storyboard-video-loading .el-icon[data-v-fdcdab9c]{animation:asset-spin-fdcdab9c 1s linear infinite}.storyboard-video-card strong[data-v-fdcdab9c]{padding:7px 8px;font-size:10px;font-weight:500}.storyboard-video-delete[data-v-fdcdab9c],.storyboard-video-download[data-v-fdcdab9c]{position:absolute;top:5px;width:24px;height:24px;padding:0;display:grid;place-items:center;color:var(--web-text);background:var(--web-surface);border:1px solid var(--web-line-emphasis);border-radius:5px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s,background-color .15s,color .15s}.storyboard-video-delete[data-v-fdcdab9c]{right:5px}.storyboard-video-download[data-v-fdcdab9c]{right:34px}.storyboard-video-card:hover .storyboard-video-delete[data-v-fdcdab9c],.storyboard-video-card:hover .storyboard-video-download[data-v-fdcdab9c],.storyboard-video-card:focus-within .storyboard-video-delete[data-v-fdcdab9c],.storyboard-video-card:focus-within .storyboard-video-download[data-v-fdcdab9c]{opacity:1;pointer-events:auto}.storyboard-video-delete[data-v-fdcdab9c]:hover,.storyboard-video-download[data-v-fdcdab9c]:hover{color:var(--web-text-strong);background:var(--web-primary)}.storyboard-video-empty[data-v-fdcdab9c]{grid-column:1 / -1;padding:28px 8px;text-align:center;color:var(--web-text-disabled);font-size:11px}.storyboard-video-player-launcher[data-v-fdcdab9c]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.storyboard-media-actions[data-v-fdcdab9c] .el-button{min-width:0;margin-left:0}@media (max-width: 520px){.storyboard-video-grid[data-v-fdcdab9c]{grid-template-columns:minmax(0,1fr)}}@media (hover: none){.asset-preview-actions[data-v-fdcdab9c]{opacity:1}.storyboard-video-delete[data-v-fdcdab9c]{opacity:1;pointer-events:auto}}.asset-preview[data-v-fdcdab9c]{height:112px!important;flex-basis:112px!important}.asset-editor .prompt-field[data-v-fdcdab9c]{min-height:190px}.asset-preview>img[data-v-fdcdab9c],.asset-preview[data-v-fdcdab9c]>.loading-media-element{cursor:zoom-in}.asset-original[data-v-fdcdab9c]{display:block;width:100%;height:100%;min-height:0}.asset-history-player[data-v-fdcdab9c]{width:100%;height:100%;min-height:0}@media (max-width: 600px){.asset-history-player[data-v-fdcdab9c]{height:100%;min-height:0}}.asset-preview-dialog.el-dialog{background:var(--web-surface-soft);border:1px solid var(--web-line-strong);height:auto;max-height:calc(100dvh - 32px);position:absolute;top:50%;left:50%;margin:0!important;transform:translate(-50%,-50%)}.asset-preview-dialog.el-dialog .el-dialog__header{margin-right:0;border-bottom:1px solid var(--web-line-strong)}.asset-preview-dialog.el-dialog .el-dialog__title,.asset-preview-dialog.el-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--web-text)}.asset-preview-dialog.el-dialog .el-dialog__body{position:relative;min-height:0;padding:14px;background:var(--web-surface-soft);overflow:hidden}.asset-preview-dialog.el-dialog .asset-original{width:100%;height:auto;min-height:0;max-height:calc(100dvh - 120px)}@media (max-width: 600px){.asset-preview-dialog.el-dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px)}}.drama-workbench-shell[data-v-cfcfd377]{height:100dvh;min-height:0!important;padding-bottom:12px!important;display:flex;flex-direction:column;overflow:hidden}.drama-workbench-shell[data-v-cfcfd377] .web-header{flex:0 0 72px}.drama-workbench-shell[data-v-cfcfd377] .creative-shell__content{height:auto;min-height:0;max-width:none;margin-top:14px;display:flex;flex:1;flex-direction:column;overflow:hidden}.drama-workbench-shell[data-v-cfcfd377] .creative-shell__scroll{min-height:0;display:flex;flex:1;flex-direction:column;overflow:hidden;padding-bottom:0}.workbench-context-bar[data-v-cfcfd377]{min-height:38px;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);flex:0 0 auto}.workbench-context-main[data-v-cfcfd377]{min-width:0;display:flex;align-items:center;gap:var(--space-md)}.workbench-context-main strong[data-v-cfcfd377]{min-width:0;overflow:hidden;color:var(--web-text);font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.back-button[data-v-cfcfd377]{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;color:var(--web-accent-muted);background:var(--web-surface);border:1px solid var(--web-line-strong);border-radius:9px}.back-button[data-v-cfcfd377]:hover,.back-button[data-v-cfcfd377]:focus-visible{color:var(--web-text);border-color:var(--web-switch-border);outline:2px solid var(--web-focus-ring)}.editor-layout[data-v-cfcfd377]{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;flex:1;gap:12px;overflow:hidden}.storyboard-workspace[data-v-cfcfd377],.asset-rail[data-v-cfcfd377]{min-width:0;min-height:0;background:var(--web-surface);border:1px solid var(--web-line);border-radius:var(--radius-lg);overflow:hidden}.storyboard-workspace[data-v-cfcfd377]{display:flex;flex-direction:column}.workspace-toolbar[data-v-cfcfd377]{height:48px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;flex:0 0 48px;border-bottom:1px solid var(--web-line-strong)}.workspace-toolbar>div[data-v-cfcfd377]{display:flex;align-items:baseline;gap:9px}.workspace-toolbar strong[data-v-cfcfd377]{font-size:14px}.workspace-toolbar span[data-v-cfcfd377]{color:var(--web-accent-soft);font-size:10px}.workspace-toolbar button[data-v-cfcfd377]{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--web-text-secondary);background:var(--web-surface);border:1px solid var(--web-line-emphasis);border-radius:6px;cursor:pointer}.workspace-toolbar button[data-v-cfcfd377]{height:32px;padding:0 10px;font-size:11px}.workspace-toolbar button[data-v-cfcfd377]:hover{color:var(--web-text-strong);background:var(--web-primary);border-color:var(--web-primary)}.table-scroll[data-v-cfcfd377]{min-width:0;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--web-scrollbar-thumb) var(--web-scrollbar-track-panel);scrollbar-width:thin}.storyboard-table[data-v-cfcfd377]{width:100%;min-width:1134px;border-spacing:0;border-collapse:separate;table-layout:fixed}.storyboard-table th[data-v-cfcfd377]{position:sticky;z-index:8;top:0;height:42px;padding:0 10px;color:var(--web-text-caption);background:var(--web-surface-soft);border-bottom:1px solid var(--web-line-strong);border-right:1px solid var(--web-line-strong);box-shadow:0 1px 0 var(--web-line-strong);font-size:10px;font-weight:600;text-align:left}.storyboard-table th[data-v-cfcfd377]:last-child{border-right:0}.storyboard-table th[data-v-cfcfd377]:not(.script-column){text-align:center}.storyboard-table th.script-column[data-v-cfcfd377],.storyboard-table th.entity-column[data-v-cfcfd377]{font-size:11px}.sequence-column[data-v-cfcfd377]{width:54px}.script-column[data-v-cfcfd377]{width:380px}.entity-column[data-v-cfcfd377],.media-column[data-v-cfcfd377]{width:140px}.storyboard-row>td[data-v-cfcfd377]{height:252px;padding:10px;vertical-align:top;background:var(--web-surface-soft);border-bottom:1px solid var(--web-line-strong);border-right:1px solid var(--web-line-strong);transition:background-color .16s}.storyboard-row>td[data-v-cfcfd377]:last-child{border-right:0}.storyboard-row:hover>td[data-v-cfcfd377]{background:var(--web-surface-soft)}.storyboard-row.active>td[data-v-cfcfd377]{background:var(--web-surface)}.insert-row td[data-v-cfcfd377]{height:13px;padding:0;background:var(--web-surface-soft)}.insert-row button[data-v-cfcfd377]{width:100%;height:13px;padding:0;display:flex;align-items:center;color:var(--web-accent-soft);background:transparent;border:0;cursor:pointer;opacity:0;transition:opacity .15s}.insert-row:hover button[data-v-cfcfd377],.insert-row button[data-v-cfcfd377]:focus-visible{opacity:1}.insert-row button span[data-v-cfcfd377]{height:1px;flex:1;background:var(--web-danger-soft)}.insert-row button em[data-v-cfcfd377]{padding:0 8px;display:flex;align-items:center;gap:4px;background:var(--web-surface-soft);font-size:9px;font-style:normal;white-space:nowrap}.sequence-cell[data-v-cfcfd377]{text-align:center}.sequence-cell>b[data-v-cfcfd377]{width:24px;height:24px;margin:2px auto 10px;display:grid;place-items:center;color:var(--web-text-strong);background:var(--web-primary);border-radius:5px;font-size:11px}.script-cell[data-v-cfcfd377]{height:252px}.script-cell[data-v-cfcfd377]:focus-within{position:relative;z-index:10}.script-cell[data-v-cfcfd377] .asset-prompt-editor{height:230px;min-height:230px;max-height:230px;overflow:visible}.script-cell[data-v-cfcfd377] .prompt-content{height:100%;min-height:0;padding:10px;overflow-y:auto;background:var(--web-surface-soft);border-radius:4px;font-size:12px;line-height:1.65}.script-content-display[data-v-cfcfd377]{cursor:text}.script-content-display[data-v-cfcfd377] .prompt-content{color:var(--web-text-secondary)}.script-content-display.empty[data-v-cfcfd377] .prompt-content{display:grid;place-items:center;color:var(--web-text-context)}.script-content-display.locked[data-v-cfcfd377] .prompt-content{cursor:default}.entity-cell[data-v-cfcfd377]{padding:10px 6px!important}.entity-chip[data-v-cfcfd377]{position:relative;margin-bottom:6px;overflow:hidden;background:var(--web-surface);border:1px solid var(--web-line-strong);border-radius:6px;transition:border-color .16s,background-color .16s}.entity-chip[data-v-cfcfd377]:hover,.entity-chip[data-v-cfcfd377]:focus-within{background:var(--web-surface);border-color:var(--web-line-emphasis)}.entity-chip-main[data-v-cfcfd377]{width:100%;padding:5px 32px 5px 5px;display:flex;align-items:center;gap:6px;color:inherit;background:transparent;border:0;text-align:left;cursor:pointer}.entity-chip-main[data-v-cfcfd377]:focus-visible{outline:2px solid var(--web-focus-ring-strong);outline-offset:-2px}.entity-chip img[data-v-cfcfd377],.entity-chip[data-v-cfcfd377] .loading-media-element,.entity-chip-main>span[data-v-cfcfd377]{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;object-fit:cover;color:var(--web-accent-dark);background:var(--web-hover);border-radius:4px;font-size:11px}.entity-chip small[data-v-cfcfd377]{min-width:0;overflow:hidden;color:var(--web-text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.entity-audio-icon[data-v-cfcfd377]{flex:0 0 auto;color:var(--web-accent-dark)}.entity-remove[data-v-cfcfd377]{position:absolute;top:50%;right:5px;width:24px;height:24px;padding:0;display:grid;place-items:center;color:var(--web-accent-dark);background:var(--web-surface);border:1px solid var(--web-line-emphasis);border-radius:5px;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .16s,border-color .16s,color .16s}.entity-chip:hover .entity-remove[data-v-cfcfd377],.entity-chip:focus-within .entity-remove[data-v-cfcfd377]{opacity:1}.entity-remove[data-v-cfcfd377]:hover:not(:disabled),.entity-remove[data-v-cfcfd377]:focus-visible{color:var(--web-accent-dark);border-color:var(--web-line-critical)}.entity-remove[data-v-cfcfd377]:disabled{color:var(--web-text-critical-muted);border-color:var(--web-line-emphasis);cursor:not-allowed}.cell-empty[data-v-cfcfd377]{height:100%;display:grid;place-items:center;color:var(--web-text-neutral);font-size:10px}@media (hover: none){.entity-remove[data-v-cfcfd377]{opacity:1}}.media-cell[data-v-cfcfd377]{padding:10px 8px!important;position:relative}.media-focus-target[data-v-cfcfd377]{position:relative;width:100%;height:100%;display:flex;align-items:stretch;color:var(--web-accent-muted);cursor:pointer}.storyboard-image-error[data-v-cfcfd377]{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;gap:4px;padding:4px 6px;overflow:hidden;color:var(--web-danger);background:var(--web-danger-soft);border:1px solid var(--web-danger);border-radius:6px;font-size:9px;line-height:1.4;cursor:pointer}.storyboard-image-error span[data-v-cfcfd377]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-focus-target>img[data-v-cfcfd377],.media-focus-target>video[data-v-cfcfd377],.media-focus-target[data-v-cfcfd377]>.loading-media-element,.media-focus-target>.media-empty[data-v-cfcfd377]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;object-fit:cover;background:var(--web-surface-soft);border:1px solid var(--web-line-strong);border-radius:7px}.media-focus-target>img[data-v-cfcfd377],.media-focus-target>video[data-v-cfcfd377],.media-focus-target[data-v-cfcfd377]>.loading-media-element{pointer-events:none}.media-empty[data-v-cfcfd377]{flex-direction:column;gap:6px;color:var(--web-text-panel-muted)}.media-empty small[data-v-cfcfd377]{font-size:9px}.media-focus-target:hover>img[data-v-cfcfd377],.media-focus-target:hover>video[data-v-cfcfd377],.media-focus-target[data-v-cfcfd377]:hover>.loading-media-element,.media-focus-target:hover>.media-empty[data-v-cfcfd377],.media-focus-target:focus-visible>img[data-v-cfcfd377],.media-focus-target:focus-visible>video[data-v-cfcfd377],.media-focus-target[data-v-cfcfd377]:focus-visible>.loading-media-element,.media-focus-target:focus-visible>.media-empty[data-v-cfcfd377]{border-color:var(--web-switch-border)}.media-focus-target[data-v-cfcfd377]:focus-visible{outline:2px solid var(--web-focus-ring-active);outline-offset:2px}.row-actions[data-v-cfcfd377]{display:flex;align-items:center;flex-direction:column;gap:6px}.row-actions button[data-v-cfcfd377]{width:26px;height:26px;padding:0;display:grid;place-items:center;color:var(--web-text-secondary);background:var(--web-surface);border:1px solid var(--web-line-strong);border-radius:5px;cursor:pointer;opacity:1;transition:opacity .15s,border-color .15s,color .15s}.row-actions button[data-v-cfcfd377]:focus-visible,.storyboard-row.locked .row-actions .lock-action[data-v-cfcfd377]{opacity:1}.row-actions button[data-v-cfcfd377]:hover:not(:disabled){color:var(--web-accent-muted);border-color:var(--web-switch-border)}.row-actions button.lock-action.active[data-v-cfcfd377]{color:var(--web-accent-dark);border-color:var(--web-switch-border)}.row-actions button.danger[data-v-cfcfd377]{color:var(--web-accent-dark)}.row-actions button.danger[data-v-cfcfd377]:hover:not(:disabled){color:var(--web-accent-dark);border-color:var(--web-line-emphasis)}.row-actions button[data-v-cfcfd377]:disabled{cursor:not-allowed;opacity:.3}.empty-storyboards[data-v-cfcfd377]{min-height:360px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--web-accent-soft);background:transparent;border:0;cursor:pointer}.empty-storyboards strong[data-v-cfcfd377]{color:var(--web-text-secondary)}.empty-storyboards span[data-v-cfcfd377]{color:var(--web-text-tertiary);font-size:11px}.parse-loading[data-v-cfcfd377]{cursor:default}.parse-loading>svg[data-v-cfcfd377]{color:var(--web-accent-dark)}.parse-failed[data-v-cfcfd377]{cursor:default}.parse-failed>svg[data-v-cfcfd377]{color:var(--web-accent-dark)}.parse-failed span[data-v-cfcfd377]{max-width:min(560px,80%);color:var(--web-accent-dark);font-size:12px;line-height:1.6;text-align:center}.asset-rail[data-v-cfcfd377]{display:flex}.asset-rail[data-v-cfcfd377] .asset-panel{width:100%;height:100%;border:0;border-radius:0}.parse-action.is-cancel[data-v-cfcfd377]{color:var(--web-accent-dark);background:var(--web-surface);border-color:var(--web-line-emphasis)}.parse-action[data-v-cfcfd377]{margin-left:var(--space-sm)!important}.parse-action.is-cancel[data-v-cfcfd377]:hover,.parse-action.is-cancel[data-v-cfcfd377]:focus-visible{color:var(--web-text);background:var(--web-hover);border-color:var(--web-line-critical)}.source-dialog-content[data-v-cfcfd377]{min-height:430px}.source-meta[data-v-cfcfd377]{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.source-meta span[data-v-cfcfd377]{color:var(--web-accent-dark);font-size:11px}.source-meta small[data-v-cfcfd377]{color:var(--web-text-tertiary);font-size:10px}.source-dialog[data-v-cfcfd377] .el-textarea__inner{line-height:1.7;scrollbar-color:var(--web-scrollbar-thumb) var(--web-scrollbar-track);scrollbar-width:thin}.spin[data-v-cfcfd377]{animation:spin-cfcfd377 1s linear infinite}@keyframes spin-cfcfd377{to{transform:rotate(360deg)}}@media (max-width: 1100px){.editor-layout[data-v-cfcfd377]{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width: 960px){.workbench-context-bar[data-v-cfcfd377]{align-items:stretch;flex-direction:column}.workbench-context-actions[data-v-cfcfd377]{width:100%;flex-wrap:wrap}.parse-action[data-v-cfcfd377]{margin-left:0!important}}@media (max-width: 820px){.drama-workbench-shell[data-v-cfcfd377] .creative-shell__content{margin-top:10px}.editor-layout[data-v-cfcfd377]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(340px,1.25fr) minmax(250px,.75fr)}}@media (max-width: 600px){.drama-workbench-shell[data-v-cfcfd377] .web-header{flex-basis:68px}}@media (max-width: 520px){.workbench-context-actions[data-v-cfcfd377] .el-button{width:calc(50% - var(--space-xs));flex:1 1 calc(50% - var(--space-xs))}.workspace-toolbar[data-v-cfcfd377]{align-items:flex-start;height:auto;padding:10px;flex-direction:column;gap:8px}.workspace-toolbar button[data-v-cfcfd377]{width:100%}.storyboard-table[data-v-cfcfd377]{min-width:1180px}}
|