.edit-storyboard-video-modal .edge-frame-strip{align-items:center;gap:calc(10px * var(--create-editor-scale,1));padding:calc(8px * var(--create-editor-scale,1)) calc(10px * var(--create-editor-scale,1)) calc(4px * var(--create-editor-scale,1));flex-shrink:0;display:flex}.edit-storyboard-video-modal .edge-frame-card{gap:calc(6px * var(--create-editor-scale,1));flex-direction:column;flex:1;min-width:0;display:flex}.edit-storyboard-video-modal .edge-frame-label{font-size:calc(.75rem * var(--create-editor-scale,1));color:#bccde4bf;line-height:1}.edit-storyboard-video-modal .edge-frame-thumb{aspect-ratio:16/10;border:calc(1px * var(--create-editor-scale,1)) dashed #788caa73;border-radius:calc(8px * var(--create-editor-scale,1));cursor:pointer;background:#0c121c8c;width:100%;padding:0;position:relative;overflow:hidden}.edit-storyboard-video-modal .edge-frame-thumb .shimmer-image{width:100%;height:100%}.edit-storyboard-video-modal .edge-frame-thumb img,.edit-storyboard-video-modal .edge-frame-thumb .edge-frame-thumb__media{object-fit:cover;width:100%;height:100%;display:block}.edit-storyboard-video-modal .edge-frame-placeholder{justify-content:center;align-items:center;gap:calc(6px * var(--create-editor-scale,1));color:#bccde4a6;width:100%;height:100%;font-size:calc(.75rem * var(--create-editor-scale,1));flex-direction:column;display:flex}.edit-storyboard-video-modal .edge-frame-remove{top:calc(4px * var(--create-editor-scale,1));right:calc(4px * var(--create-editor-scale,1));width:calc(1.25rem * var(--create-editor-scale,1));height:calc(1.25rem * var(--create-editor-scale,1));color:#fff;cursor:pointer;font-size:calc(10px * var(--create-editor-scale,1));opacity:0;z-index:2;background:#ff4d4ff2;border:0;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:scale(.9)}.edit-storyboard-video-modal .edge-frame-thumb:hover .edge-frame-remove{opacity:1;transform:scale(1)}.edit-storyboard-video-modal .edge-frame-swap{z-index:2;width:calc(2rem * var(--create-editor-scale,1));height:calc(2rem * var(--create-editor-scale,1));border:calc(1px * var(--create-editor-scale,1)) solid #4ae7fd59;border-radius:calc(8px * var(--create-editor-scale,1));color:#4ae7fd;cursor:pointer;background:#4ae7fd14;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.edit-storyboard-video-modal .edge-frame-swap:hover{background:#4ae7fd29;border-color:#4ae7fda6}.edit-storyboard-video-modal .tab-placeholder{color:var(--gray-500);font-size:calc(.9rem * var(--create-editor-scale,1));flex:1;justify-content:center;align-items:center;display:flex}.edit-storyboard-video-modal .panel-skeleton{padding:calc(1rem * var(--create-editor-scale,1)) calc(1.25rem * var(--create-editor-scale,1));min-height:calc(12.5rem * var(--create-editor-scale,1));flex:1;overflow:auto}.edit-storyboard-video-modal .panel-skeleton .ant-skeleton-content .ant-skeleton-title,.edit-storyboard-video-modal .panel-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li{background:linear-gradient(90deg,#2b2b2b 20%,#444 50%,#2b2b2b 80%) 0 0/300% 100%;animation:1.4s linear infinite storyboard-skeleton-shimmer}.edit-storyboard-video-modal .right-panel-skeleton{flex:1;min-height:0;padding:0}.edit-storyboard-video-modal .skeleton-stage-layout{grid-template-columns:calc(9rem * var(--create-editor-scale,1)) minmax(0, 1fr) calc(24.875rem * var(--create-editor-scale,1));gap:0;width:100%;height:100%;display:grid}.edit-storyboard-video-modal .skeleton-history-panel,.edit-storyboard-video-modal .skeleton-canvas-panel,.edit-storyboard-video-modal .skeleton-config-panel{border:calc(1px * var(--create-editor-scale,1)) solid #809abc42;background:#191a1d;min-height:0}.edit-storyboard-video-modal .skeleton-history-panel{padding:calc(10px * var(--create-editor-scale,1)) calc(7px * var(--create-editor-scale,1));flex-direction:column;display:flex}.edit-storyboard-video-modal .skeleton-panel-title{height:calc(.875rem * var(--create-editor-scale,1));border-radius:calc(4px * var(--create-editor-scale,1));margin:0 calc(4px * var(--create-editor-scale,1)) calc(10px * var(--create-editor-scale,1))}.edit-storyboard-video-modal .skeleton-history-list{gap:calc(8px * var(--create-editor-scale,1));min-height:0;padding:0 calc(.75rem * var(--create-editor-scale,1));flex-direction:column;flex:1;display:flex;overflow:hidden}.edit-storyboard-video-modal .skeleton-history-item{width:calc(5.5rem * var(--create-editor-scale,1));height:calc(5.5rem * var(--create-editor-scale,1));border-radius:calc(8px * var(--create-editor-scale,1));flex-shrink:0}.edit-storyboard-video-modal .skeleton-history-actions{padding:0 calc(4px * var(--create-editor-scale,1));gap:calc(6px * var(--create-editor-scale,1));margin-top:auto;display:grid}.edit-storyboard-video-modal .skeleton-btn{height:calc(2rem * var(--create-editor-scale,1));border-radius:calc(6px * var(--create-editor-scale,1))}.edit-storyboard-video-modal .skeleton-canvas-panel{padding:calc(.875rem * var(--create-editor-scale,1));gap:calc(.75rem * var(--create-editor-scale,1));flex-direction:column;display:flex}.edit-storyboard-video-modal .skeleton-canvas-toolbar{grid-template-columns:repeat(5, minmax(calc(3.75rem * var(--create-editor-scale,1)), 1fr));gap:calc(8px * var(--create-editor-scale,1));display:grid}.edit-storyboard-video-modal .skeleton-chip{height:calc(1.75rem * var(--create-editor-scale,1));border-radius:calc(7px * var(--create-editor-scale,1))}.edit-storyboard-video-modal .skeleton-canvas-main{min-height:calc(17.5rem * var(--create-editor-scale,1));border-radius:calc(.75rem * var(--create-editor-scale,1));flex:1}.edit-storyboard-video-modal .skeleton-config-panel{padding:calc(.75rem * var(--create-editor-scale,1));gap:calc(10px * var(--create-editor-scale,1));flex-direction:column;display:flex}.edit-storyboard-video-modal .skeleton-config-tabs{gap:calc(6px * var(--create-editor-scale,1));grid-template-columns:repeat(3,1fr);display:grid}.edit-storyboard-video-modal .skeleton-tab{height:calc(2rem * var(--create-editor-scale,1));border-radius:calc(8px * var(--create-editor-scale,1))}.edit-storyboard-video-modal .skeleton-file-row{height:calc(3.25rem * var(--create-editor-scale,1));border-radius:calc(10px * var(--create-editor-scale,1))}.edit-storyboard-video-modal .skeleton-textarea{height:calc(8.75rem * var(--create-editor-scale,1));border-radius:calc(10px * var(--create-editor-scale,1))}.edit-storyboard-video-modal .skeleton-select-row{gap:calc(8px * var(--create-editor-scale,1));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.edit-storyboard-video-modal .skeleton-select{height:calc(2.75rem * var(--create-editor-scale,1));border-radius:calc(10px * var(--create-editor-scale,1))}.edit-storyboard-video-modal .skeleton-primary-btn{height:calc(2.625rem * var(--create-editor-scale,1));border-radius:calc(10px * var(--create-editor-scale,1));margin-top:auto}.edit-storyboard-video-modal .skeleton-panel-title,.edit-storyboard-video-modal .skeleton-history-item,.edit-storyboard-video-modal .skeleton-btn,.edit-storyboard-video-modal .skeleton-chip,.edit-storyboard-video-modal .skeleton-canvas-main,.edit-storyboard-video-modal .skeleton-tab,.edit-storyboard-video-modal .skeleton-file-row,.edit-storyboard-video-modal .skeleton-textarea,.edit-storyboard-video-modal .skeleton-select,.edit-storyboard-video-modal .skeleton-primary-btn{background:linear-gradient(90deg,#2b2b2b 20%,#444 50%,#2b2b2b 80%) 0 0/300% 100%;animation:1.4s linear infinite storyboard-skeleton-shimmer}@keyframes storyboard-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.edit-storyboard-video-modal .view-switcher{gap:calc(.5rem * var(--create-editor-scale,1));display:flex}.edit-storyboard-video-modal .view-btn{align-items:center;gap:calc(.5rem * var(--create-editor-scale,1));padding:calc(.5rem * var(--create-editor-scale,1)) calc(1rem * var(--create-editor-scale,1));border:calc(1px * var(--create-editor-scale,1)) solid #788caa47;border-radius:var(--radius-md);cursor:pointer;font-size:calc(.875rem * var(--create-editor-scale,1));color:#bccde4d9;background:#121824d9;transition:all .2s;display:flex}.edit-storyboard-video-modal .view-btn:hover{background:#4ae7fd14;border-color:#4ae7fd73}.edit-storyboard-video-modal .view-btn.active{color:#4ae7fd;box-shadow:0 0 0 calc(2px * var(--create-editor-scale,1)) #4ae7fd1f;background:#4ae7fd1f;border-color:#4ae7fdd9;font-weight:600}.edit-storyboard-video-modal .view-btn-icon{font-size:calc(1rem * var(--create-editor-scale,1))}.edit-storyboard-video-modal .videos-list{gap:calc(1rem * var(--create-editor-scale,1));flex-direction:column;display:flex}.edit-storyboard-video-modal .videos-list-card{grid-template-columns:repeat(auto-fill, minmax(calc(13.75rem * var(--create-editor-scale,1)), 1fr));gap:calc(1rem * var(--create-editor-scale,1));display:grid}.edit-storyboard-video-modal .video-card,.edit-storyboard-dubbing-modal .video-card{border:calc(1px * var(--create-editor-scale,1)) solid var(--gray-200);border-radius:var(--radius-md);padding:calc(.75rem * var(--create-editor-scale,1));gap:calc(.5rem * var(--create-editor-scale,1));background:var(--create-surface-panel);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex}.edit-storyboard-video-modal .video-card-view{max-width:calc(20rem * var(--create-editor-scale,1))}.edit-storyboard-video-modal .video-card-header{align-items:center;gap:calc(.5rem * var(--create-editor-scale,1));font-size:calc(.75rem * var(--create-editor-scale,1));color:var(--gray-500);display:flex}.edit-storyboard-video-modal .video-source{padding:calc(.125rem * var(--create-editor-scale,1)) calc(.5rem * var(--create-editor-scale,1));border-radius:var(--radius-sm);color:var(--gray-600);background:#060a128c}.edit-storyboard-video-modal .video-date{color:var(--gray-500)}.edit-storyboard-video-modal .video-preview-wrap,.edit-storyboard-dubbing-modal .video-preview-wrap{--video-preview-max-h:clamp(calc(15rem * var(--create-editor-scale,1)), 68vh, calc(35rem * var(--create-editor-scale,1)));width:min(100%, calc(var(--video-preview-max-h) * 16 / 9));border-radius:var(--radius-sm);aspect-ratio:16/9;background:#060a128c;max-width:100%;height:auto;margin-inline:auto;position:relative;overflow:hidden}.edit-storyboard-video-modal .video-card-view .video-preview-wrap{width:100%}.edit-storyboard-video-modal .video-preview-wrap .shimmer-video,.edit-storyboard-dubbing-modal .video-preview-wrap .shimmer-video{width:100%;height:100%}.edit-storyboard-video-modal .video-preview-wrap .video-preview,.edit-storyboard-dubbing-modal .video-preview-wrap .video-preview{object-fit:contain;width:100%;height:100%;display:block}.edit-storyboard-video-modal .video-top-actions,.edit-storyboard-dubbing-modal .video-top-actions{top:calc(.5rem * var(--create-editor-scale,1));right:calc(.5rem * var(--create-editor-scale,1));z-index:4;gap:calc(.25rem * var(--create-editor-scale,1));display:flex;position:absolute}.edit-storyboard-video-modal .video-action-btn,.edit-storyboard-dubbing-modal .video-action-btn{color:#ffffffe6!important;background:#0006!important}.edit-storyboard-video-modal .video-action-btn:hover,.edit-storyboard-dubbing-modal .video-action-btn:hover{color:#fff!important;background:#0009!important}.edit-storyboard-video-modal .btn-set-storyboard-done,.edit-storyboard-dubbing-modal .btn-set-storyboard-done{font-size:calc(.875rem * var(--create-editor-scale,1));flex-shrink:0;color:#52c41a!important;background:#52c41a1f!important;border-color:#52c41a66!important}.edit-storyboard-video-modal .btn-set-storyboard-done:hover,.edit-storyboard-video-modal .btn-set-storyboard-done:focus,.edit-storyboard-dubbing-modal .btn-set-storyboard-done:hover,.edit-storyboard-dubbing-modal .btn-set-storyboard-done:focus{color:#73d13d!important;background:#52c41a33!important;border-color:#52c41a8c!important}.edit-storyboard-video-modal .btn-set-storyboard-done .anticon,.edit-storyboard-dubbing-modal .btn-set-storyboard-done .anticon{color:#52c41a}.edit-storyboard-video-modal .video-placeholder{justify-content:center;align-items:center;gap:calc(.5rem * var(--create-editor-scale,1));background:var(--create-surface-canvas);border-radius:var(--radius-sm);width:100%;height:100%;min-height:100%;color:var(--gray-500);flex-direction:column;display:flex}.edit-storyboard-video-modal .video-stage-config .ql-editor.ql-blank:before{color:#8e97a5!important;-webkit-text-fill-color:#8e97a5!important;opacity:1!important}
