.prompt-optimizer-modal .ant-modal-content{background:#2a2a2a;border:1px solid #2a2a2a}.prompt-optimizer-modal .ant-modal-header{background:#2a2a2a;border-bottom:1px solid #2a2a2a}.prompt-optimizer-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.prompt-optimizer-modal .ant-modal-close{color:#9ca3af}.prompt-optimizer-modal .ant-modal-close:hover{color:#fff}.optimizer-container{gap:24px;min-height:600px;display:flex}.optimizer-left{flex-direction:column;flex:0 0 65%;gap:16px;display:flex}.optimizer-right{flex-direction:column;flex:0 0 calc(35% - 24px);gap:16px;display:flex}.prompt-section{flex-direction:column;gap:8px;display:flex}.section-label{color:#fff;font-size:14px;font-weight:500}.prompt-textarea{border-radius:8px;padding:12px;font-size:14px;line-height:1.6;color:#fff!important;resize:none!important;background:#333!important;border:1px solid #444!important;height:205px!important;min-height:205px!important;max-height:205px!important;overflow-y:auto!important}.prompt-textarea:hover,.prompt-textarea:focus{box-shadow:none!important;border-color:#8b5cf6!important}.prompt-textarea::-webkit-scrollbar{width:6px}.prompt-textarea::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.prompt-textarea::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.prompt-textarea::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.divider{background:#2a2a2a;height:1px;margin:8px 0}.action-buttons{gap:8px;margin-top:8px;display:flex}.action-btn{color:#8b5cf6;background:0 0;border:1px solid #8b5cf6;border-radius:6px;height:32px;padding:0 16px;font-size:14px;transition:all .3s}.action-btn:hover{color:#8b5cf6!important;background:#8b5cf61a!important;border-color:#8b5cf6!important}.optimization-notes{background:#333;border:1px solid #444;border-radius:8px;padding:12px 16px}.notes-label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:500}.optimization-notes ul{color:#9ca3af;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.optimization-notes li{margin-bottom:4px}.options-container{flex-direction:column;flex:1;gap:20px;padding-right:8px;display:flex;overflow-y:auto}.options-container::-webkit-scrollbar{width:6px}.options-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.options-container::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.options-container::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.option-group{flex-direction:column;gap:8px;display:flex}.option-label{color:#fff;font-size:14px;font-weight:500}.radio-group{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.radio-group .ant-radio-wrapper{color:#9ca3af;font-size:14px}.radio-group .ant-radio-wrapper:hover{color:#fff}.radio-group .ant-radio-checked .ant-radio-inner{background-color:#8b5cf6;border-color:#8b5cf6}.radio-group .ant-radio:hover .ant-radio-inner{border-color:#8b5cf6}.checkbox-group{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.checkbox-group .ant-checkbox-wrapper{color:#9ca3af;margin:0;font-size:14px}.checkbox-group .ant-checkbox-wrapper:hover{color:#fff}.checkbox-group .ant-checkbox-checked .ant-checkbox-inner{background-color:#8b5cf6;border-color:#8b5cf6}.checkbox-group .ant-checkbox:hover .ant-checkbox-inner{border-color:#8b5cf6}.other-options{align-items:center;gap:8px;display:flex}.customize-btn{color:#8b5cf6;height:auto;padding:0;font-size:12px}.customize-btn:hover{color:#a78bfa}.technical-params{background:#333;border:1px solid #444;border-radius:6px;margin-top:12px;padding:12px}.param-item{justify-content:space-between;align-items:center;display:flex}.param-label{color:#9ca3af;font-size:13px}.technical-params .ant-select-selector{color:#fff!important;background:#2a2a2a!important;border:1px solid #444!important}.technical-params .ant-select-arrow{color:#9ca3af}.technical-params .ant-select:hover .ant-select-selector{border-color:#8b5cf6!important}.optimize-btn{background:#8b5cf6;border:none;border-radius:8px;height:44px;font-size:15px;font-weight:500;transition:all .3s}.optimize-btn:hover{background:#a78bfa!important}.optimize-btn:active{background:#7c3aed!important}.ant-select-item:hover{color:#fff;background:#8b5cf61a}.task-center-modal .ant-modal-content{background:#2a2a2a!important;padding:0!important}.task-center-modal .ant-modal-header{background:#2a2a2a!important;border-bottom:none!important;margin-bottom:0!important}.task-center-modal .ant-modal-body{background:#2a2a2a!important}.task-center-modal .ant-modal-title{color:#fff!important}.task-center-modal .ant-modal-container{background:#2a2a2a!important}.main-layout{height:100vh;overflow:hidden}.logo{color:#fff;background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;height:64px;font-size:18px;font-weight:600;display:flex}.main-header{background:#0a0a0a;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.project-name{color:#fff;background:#eab3081a;border:1px solid #eab30833;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600}.header-tools{align-items:center;gap:8px;display:flex}.tool-btn{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.tool-btn:hover{color:#eab308!important;background:#eab3081a!important}.main-content{background:#141414;height:calc(100vh - 64px);overflow:hidden auto}.login-container{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#141414f2;border-radius:8px;width:400px;box-shadow:0 8px 32px #00000080}.login-title{text-align:center;color:#fff;margin-bottom:32px;font-size:24px;font-weight:600}.generate-dialog .ant-modal-content{background-color:#000}.generate-dialog .ant-modal-header{background-color:#000;border-bottom:1px solid #333}.generate-dialog .ant-modal-title,.generate-dialog .ant-modal-close{color:#fff}.generate-dialog .ant-modal-close:hover{color:#fff;background-color:#ffffff1a}.generate-dialog .ant-modal-body{background-color:#000;padding:0}.generate-dialog-content{flex-direction:column;height:600px;display:flex}.dialog-toolbar{background:#0a0a0a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.toolbar-left{align-items:center;gap:12px;display:flex}.toolbar-label{color:#999;font-size:14px}.aspect-ratio-select{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;outline:none;padding:4px 12px;font-size:14px}.aspect-ratio-select:hover,.aspect-ratio-select:focus{border-color:#a855f7}.toolbar-right{gap:8px;display:flex}.image-display-section{background:#0a0a0a;border-bottom:1px solid #333;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow-y:auto}.image-display-box{aspect-ratio:16/9;background:#1a1a1a;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:800px;display:flex;overflow:hidden}.image-display-box img{object-fit:contain;width:100%;height:100%}.image-placeholder{color:#666;text-align:center;font-size:14px}.generating-indicator{flex-direction:column;justify-content:center;align-items:center;display:flex}.input-section{background:#000;border-top:1px solid #333;padding:16px}.attachment-thumbnail{background:#1a1a1a;border:1px solid #333;border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.attachment-thumbnail img{object-fit:cover;width:100%;height:100%}.remove-thumbnail-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.remove-thumbnail-btn:hover{background:#f00c}.input-controls{align-items:flex-end;gap:8px;display:flex}.attachment-button{color:#999;flex-shrink:0;font-size:18px}.attachment-button:hover{color:#1890ff}.input-textarea{color:#fff;background:#1a1a1a;border-color:#333;border-radius:8px;flex:1}.input-textarea:hover,.input-textarea:focus{background:#1a1a1a;border-color:#a855f7}.send-button{flex-shrink:0;height:32px}.video-square-page{max-width:1400px;margin:0 auto;padding:24px}.page-header{text-align:center;margin-bottom:40px}.page-header h1{color:#1a1a1a;margin-bottom:8px;font-size:32px;font-weight:600}.page-header p{color:#666;font-size:16px}.video-card{border-radius:12px;transition:all .3s;overflow:hidden}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.video-thumbnail{background:#f0f0f0;width:100%;height:200px;position:relative;overflow:hidden}.video-thumbnail video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-versions{gap:0;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.play-overlay{cursor:pointer;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;transition:background .3s;display:flex;position:relative}.play-overlay.subtitled{border-left:1px solid #fff3}.play-overlay:hover{background:#00000080}.play-icon{color:#fff;opacity:0;font-size:48px;transition:opacity .3s}.play-overlay:hover .play-icon{opacity:1}.duration-badge{color:#fff;background:#000000bf;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;bottom:8px;right:8px}.video-meta{flex-direction:column;gap:4px;display:flex}.author{color:#666;font-size:14px}.empty-state{text-align:center;color:#999;padding:80px 0;font-size:16px}.video-player-modal h2{margin-bottom:16px;font-size:20px;font-weight:600}.video-player-modal video{border-radius:8px;margin-bottom:16px}.video-info{color:#666;border-top:1px solid #f0f0f0;justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.global-config-modal .ant-modal-body{padding-top:16px}.global-config-modal .config-tab-content{max-height:600px;padding:16px 0;overflow-y:auto}.global-config-modal .ant-form-item{margin-bottom:20px}.global-config-modal .ant-form-item-label{font-weight:500}.global-config-modal .ant-form-item-extra{color:#8c8c8c;margin-top:4px;font-size:12px}.projects-page{color:#fff;background:#000;flex-direction:column;height:100%;display:flex;overflow-y:auto}.projects-header{border-bottom:1px solid #ffffff1a;padding:32px 40px}.header-content{justify-content:space-between;align-items:center;display:flex}.header-text{flex:1}.header-title{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #a855f74d);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:32px;font-weight:600;display:inline-block;position:relative}.header-title:after{content:"";background:linear-gradient(90deg,#a855f7 0%,#ec4899 100%);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-4px;left:0;box-shadow:0 0 10px #a855f780}.header-content .ant-btn-primary{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;height:36px;padding:0 20px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.header-content .ant-btn-primary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.ant-tabs-nav{margin:0!important}.ant-tabs-tab{color:#ffffff80!important;padding:12px 20px!important;font-size:15px!important;font-weight:500!important;transition:all .3s!important}.ant-tabs-tab:hover{color:#fffc!important}.ant-tabs-tab-active{background:#a855f71a!important;border-radius:8px 8px 0 0!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:#a855f7!important;text-shadow:0 0 10px #a855f780!important}.ant-tabs-ink-bar{background:linear-gradient(90deg,#a855f7 0%,#ec4899 100%)!important;border-radius:2px!important;height:3px!important;box-shadow:0 0 10px #a855f799!important}.header-subtitle{color:#fff9;margin:0;font-size:14px}.statistics-cards{grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 40px;display:grid}.stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .3s}.stat-card:hover{background:#ffffff14;border-color:#a855f780;transform:translateY(-2px);box-shadow:0 8px 24px #a855f733}.stat-card .ant-card-body{padding:0}.stat-label{color:#fff9;margin-bottom:12px;font-size:14px}.stat-value{font-size:36px;font-weight:600;line-height:1}.stat-total{color:#a855f7}.stat-draft{color:#3b82f6}.stat-progress{color:#10b981}.stat-completed{color:#f59e0b}.projects-content{flex:1;padding:24px 40px 40px}.empty-state{color:#fff6;justify-content:center;align-items:center;height:300px;font-size:16px;display:flex}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.project-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;transition:all .2s;overflow:hidden}.project-card:hover{background:#ffffff0f;border-color:#a855f74d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.project-card .ant-card-body{padding:0}.project-card-header{background:#ffffff05;width:100%;height:160px;position:relative}.project-thumbnail{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-thumbnail img{object-fit:contain;max-width:100%;max-height:100%}.thumbnail-placeholder{opacity:.2;font-size:48px}.project-type{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:10px;right:10px}.type-short-video{color:#8b5cf6;background:#8b5cf633;border:1px solid #8b5cf680}.type-mtv{color:#ec4899;background:#ec489933;border:1px solid #ec489980}.type-commercial{color:#fb923c;background:#fb923c33;border:1px solid #fb923c80}.type-tutorial{color:#22c55e;background:#22c55e33;border:1px solid #22c55e80}.type-documentary{color:#0ea5e9;background:#0ea5e933;border:1px solid #0ea5e980}.type-standard-series{color:#eab308;background:#eab30833;border:1px solid #eab30880}.project-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:flex}.status-dot{border-radius:50%;width:5px;height:5px}.status-draft{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f680}.status-draft .status-dot{background:#3b82f6}.status-in-progress{color:#10b981;background:#10b98133;border:1px solid #10b98180}.status-in-progress .status-dot{background:#10b981}.status-completed{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b80}.status-completed .status-dot{background:#f59e0b}.project-card-body{padding:16px}.project-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:16px;font-weight:600;overflow:hidden}.project-description{color:#ffffff80;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.project-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.project-date{color:#fff6;align-items:center;gap:6px;font-size:12px;display:flex}.project-actions{gap:8px;display:flex}.project-actions .ant-btn{border-radius:4px;height:28px;padding:0 12px;font-size:13px}.project-actions .ant-btn-default{color:#a855f7;background:#a855f71a;border-color:#a855f74d}.project-actions .ant-btn-default:hover{color:#a855f7;background:#a855f733;border-color:#a855f7}.project-actions .ant-btn-text{color:#ffffff80}.project-actions .ant-btn-text:hover{color:#ef4444;background:#ef44441a}.ant-modal{color:#fff}.ant-modal-content{background:#1a1a1a;border:1px solid #ffffff1a}.ant-modal-header{background:#1a1a1a;border-bottom:1px solid #ffffff1a}.ant-modal-title{color:#fff}.ant-modal-close{color:#fff9}.ant-modal-close:hover{color:#fff}.ant-form-item-label>label{color:#ffffffd9}.ant-input,.ant-input-textarea textarea{color:#fff;background:#ffffff0d;border-color:#fff3}.ant-input:hover,.ant-input-textarea textarea:hover{border-color:#a855f780}.ant-input:focus,.ant-input-textarea textarea:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.ant-input::placeholder,.ant-input-textarea textarea::placeholder{color:#ffffff4d}.ant-select-selector{color:#fff!important;background:#ffffff0d!important;border-color:#fff3!important}.ant-select-selector:hover{border-color:#a855f780!important}.ant-select-focused .ant-select-selector{border-color:#a855f7!important;box-shadow:0 0 0 2px #a855f733!important}.ant-select-arrow{color:#ffffff80}.ant-select-selection-placeholder{color:#ffffff4d!important}.ant-select-dropdown{background:#1a1a1a!important;border:1px solid #ffffff1a!important}.ant-select-item{color:#ffffffd9!important}.ant-select-item-option-selected{color:#a855f7!important;background:#a855f733!important}.ant-select-item-option-active{background:#ffffff0d!important}.ant-select-item-option:hover{background:#a855f71a!important}.character-detail-view{padding:24px 0}.character-detail-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.character-detail-header h2{margin:0;font-size:24px;font-weight:600}.character-images-grid{grid-template-columns:repeat(4,1fr)!important;gap:20px!important;display:grid!important}.character-images-grid>div{position:relative}.character-images-grid>div:hover .character-image-actions{opacity:1!important}.character-image-actions .image-action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;color:#fff!important;background:#0009!important;border:1px solid #ffffff1a!important}.character-image-actions .image-action-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.character-image-actions .edit-btn:hover{background:#3b82f6e6!important;border-color:#3b82f6!important}.character-image-actions .delete-btn:hover{background:#ef4444e6!important;border-color:#ef4444!important}.add-image-card{cursor:pointer;background:0 0;border:2px dashed #fff3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:280px;transition:all .3s;display:flex}.add-image-card:hover{background:#a855f70d;border-color:#a855f780}.add-image-buttons{gap:12px;display:flex}@media (width<=1200px){.statistics-cards{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.character-images-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.header-content{flex-direction:column;align-items:flex-start;gap:16px}.statistics-cards,.projects-grid{grid-template-columns:1fr}}.project-resources{flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;left:8px}.resource-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;text-align:center;border:1px solid;border-radius:4px;min-width:50px;padding:4px 10px;font-size:10px;font-weight:600}.resource-tag.mp3{color:#22c55e;background:#22c55e33;border-color:#22c55e80}.resource-tag.wav{color:#3b82f6;background:#3b82f633;border-color:#3b82f680}.resource-tag.video{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b80}.conversation-list{background:#1a1a1a;border-right:1px solid #333;flex-direction:column;height:100%;display:flex}.conversation-list-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px;display:flex}.conversation-list-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.conversation-items{flex:1;min-height:0;padding:8px;overflow-y:auto}.conversation-items .ant-list-item{border:none;margin-bottom:4px;padding:0}.conversation-item{cursor:pointer;background:#ffffff08;border-radius:8px;padding:12px;transition:all .3s}.conversation-item:hover{background:#ffffff14}.conversation-item.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.conversation-item-content{align-items:center;gap:12px;width:100%;display:flex}.conversation-icon{color:#999;flex-shrink:0;font-size:16px}.conversation-item.active .conversation-icon{color:#fff}.conversation-title{color:#ccc;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.conversation-item.active .conversation-title{color:#fff;font-weight:500}.conversation-actions{align-items:center;gap:8px;display:none}.conversation-item:hover .conversation-actions{display:flex}.conversation-actions .anticon{color:#999;cursor:pointer;font-size:14px;transition:color .3s}.conversation-actions .anticon:hover{color:#fff}.conversation-item.active .conversation-actions .anticon{color:#fffc}.conversation-item.active .conversation-actions .anticon:hover{color:#fff}.conversation-edit{flex:1;align-items:center;gap:8px;display:flex}.conversation-edit .ant-input{color:#fff;background:#0000004d;border:1px solid #fff3;flex:1}.conversation-edit-actions{gap:8px;display:flex}.conversation-edit-actions .anticon{color:#fff;cursor:pointer;font-size:14px}.conversation-edit-actions .anticon:hover{opacity:.8}.conversation-items::-webkit-scrollbar{width:6px}.conversation-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.conversation-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.conversation-items::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.conversation-list-footer{background:#0000004d;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;justify-content:center;padding:20px 16px 24px;display:flex}.model-selector-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.conversation-list-footer .ant-select{width:100%}.conversation-list-footer .ant-select-selector{color:#ffffffe6!important;background:#ffffff0d!important;border:2px solid #ffffff1a!important;border-radius:16px!important;align-items:center!important;height:64px!important;padding:12px 16px!important;transition:all .2s!important;display:flex!important}.conversation-list-footer .ant-select-selector:hover{background:#ffffff14!important;border-color:#667eea80!important}.conversation-list-footer .ant-select-focused .ant-select-selector{background:#ffffff14!important;border-color:#667eea!important;box-shadow:0 0 0 2px #667eea33!important}.conversation-list-footer .ant-select-arrow{color:#ffffff80!important}.conversation-list-footer .ant-select-selection-item{font-size:13px!important;font-weight:500!important;line-height:62px!important}.message-list{background:linear-gradient(#0a0a0a 0%,#000 100%);flex:1 1 0;min-height:0;padding:24px;overflow:hidden auto}.message-list-inner{flex-direction:column;gap:20px;width:100%;max-width:900px;margin:0 auto;display:flex}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:0 0}.message-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.typing-indicator{background:#ffffff0d;border-radius:12px;align-items:center;gap:6px;width:fit-content;padding:12px 16px;display:flex}.typing-indicator span{background:#fff9;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.message-item{align-items:flex-start;gap:16px;width:100%;animation:.3s ease-out messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000004d}.message-item.user .message-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.message-item.assistant .message-avatar{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.message-content{flex-direction:column;flex:1;gap:8px;max-width:calc(100% - 56px);display:flex}.message-text{word-wrap:break-word;border-radius:16px;padding:16px 20px;font-size:15px;line-height:1.6;transition:all .2s;position:relative}.message-time{color:#fff6;padding:0 4px;font-size:12px}.message-item.user .message-text{color:#fffffff2;background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);border:1px solid #667eea4d;box-shadow:0 4px 12px #667eea26}.message-item.assistant .message-text{color:#ffffffe6;background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 2px 8px #0003}.message-text:hover{border-color:#ffffff26;box-shadow:0 4px 16px #0000004d}.message-text pre{background:#0006;border:1px solid #ffffff1a;border-radius:8px;margin:12px 0;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.message-text code{color:#f093fb;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.message-text pre code{color:#a8dadc;background:0 0;padding:0}.message-text a{color:#667eea;border-bottom:1px solid #667eea4d;text-decoration:none;transition:all .2s}.message-text a:hover{color:#7c8ff0;border-bottom-color:#7c8ff0}.message-text ul,.message-text ol{margin:12px 0;padding-left:24px}.message-text li{color:#ffffffd9;margin:6px 0}.message-text blockquote{color:#ffffffb3;border-left:3px solid #667eea80;margin:12px 0;padding-left:16px;font-style:italic}.typing-indicator{background:#ffffff0d;border-radius:12px;align-items:center;gap:4px;margin-top:8px;padding:12px 16px;display:inline-flex}.typing-dot{background:#ffffff80;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.message-list.empty{justify-content:center;align-items:center;padding:24px;display:flex}.chat-input-container{background:#1a1a1a;border-top:1px solid #ffffff14;flex-grow:0;flex-shrink:0;justify-content:center;align-items:flex-end;padding:20px 24px 24px;display:flex}.attachments-preview-area,.image-preview-area{flex-flow:wrap;flex-shrink:0;align-items:flex-end;gap:12px;max-width:360px;display:flex}.image-preview-item,.file-preview-item{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.file-preview-item{width:180px;padding:10px 26px 10px 10px}.image-preview-item img{object-fit:cover;width:100%;height:100%}.file-preview-content{color:#ffffffd9;align-items:center;gap:8px;height:100%;font-size:13px;display:flex}.file-preview-content span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remove-image-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.remove-image-btn:hover{background:#f00c;transform:scale(1.1)}.chat-input-wrapper{align-items:flex-end;gap:12px;width:100%;max-width:900px;display:flex;position:relative}.input-box{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;flex:1;align-items:flex-start;gap:12px;padding:12px 16px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0003}.input-box:focus-within{box-shadow:none;background:#ffffff14;border-color:#ffffff1a}.attach-btn{color:#fff9;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.attach-btn:hover{color:#ffffffe6;background:#ffffff26;transform:scale(1.05)}.attach-btn:active{transform:scale(.95)}.input-textarea{color:#fffffff2;resize:none;flex:1;min-height:24px;max-height:200px;padding:8px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:15px;line-height:1.6;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.input-textarea:focus,.input-textarea:hover{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.input-textarea::placeholder{color:#ffffff4d}.input-textarea::-webkit-scrollbar{width:6px}.input-textarea::-webkit-scrollbar-track{background:0 0}.input-textarea::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.clear-history-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .2s;display:flex}.clear-history-btn:hover{color:#ff3b30;background:#ff3b3026;transform:scale(1.05)}.clear-history-btn:active{transform:scale(.95)}.send-btn{color:#fff9;cursor:pointer;width:40px;height:40px;box-shadow:none;background:#ffffff14;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c8ff0 0%,#8a5bb8 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.input-hint{text-align:center;color:#ffffff4d;justify-content:center;align-items:center;gap:16px;margin-top:12px;font-size:12px;display:flex}.input-hint-item{align-items:center;gap:6px;display:flex}.input-hint-key{background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px}.attachments-preview{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.attachment-item{color:#fffc;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.attachment-remove{color:#fff9;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:all .2s;display:flex}.attachment-remove:hover{color:#fff;background:#ff00004d}.chat-page{background:#000;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-sider{background:#1a1a1a;border-right:1px solid #333;flex-shrink:0}.chat-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.empty-conversation{color:#666;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.unfold-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;cursor:pointer;z-index:10;background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);border:1px solid #667eea4d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #0000004d}.unfold-trigger:hover{background:linear-gradient(135deg,#667eea4d 0%,#764ba24d 100%);border-color:#667eea80;transform:translate(4px);box-shadow:0 6px 20px #667eea4d}.unfold-trigger:active{transform:translate(2px)}.chat-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at top,#667eea1a 0%,#0000 70%);height:200px;position:absolute;top:0;left:0;right:0}.chat-content:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at bottom,#764ba214 0%,#0000 70%);height:200px;position:absolute;bottom:0;left:0;right:0}.chat-content>*{z-index:1;position:relative}.storyboard-config-modal .ant-modal-body{padding:24px}.storyboard-config-modal .ant-form-item{margin-bottom:20px}.storyboard-config-modal .ant-form-item-label>label{font-weight:500}.story-page{background:#000;height:100%;display:flex}.story-chat-area{border-right:1px solid #333;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.story-preview{background:#0a0a0a;flex-direction:column;flex:1;display:flex}.preview-content{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow-y:auto}.preview-footer{background:#1a1a1a;border-top:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;min-height:112px;padding:20px 24px 24px;display:flex}.preview-actions{gap:8px;display:flex}.preview-empty{color:#666;text-align:center;padding:48px 24px;line-height:1.6}.final-story-editor{color:#e0e0e0;resize:none;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;flex:1;width:100%;padding:16px;font-family:inherit;font-size:15px;line-height:1.8}.final-story-editor:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.final-story-editor::placeholder{color:#666}.story-action-btn{color:#e0e0e0;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #333;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.storyboard-card{background:#1f1f1f;border:1px solid #303030;flex-direction:column;flex:1;display:flex;overflow:hidden}.storyboard-card .ant-card-head{color:#fff;background:#262626;border-bottom:1px solid #303030}.storyboard-card .ant-card-head-title{color:#fff;font-weight:600}.save-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#7c8ff0 0%,#8a5bb5 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea80}.save-button:disabled{color:#8c8c8c;box-shadow:none;background:#434343}.storyboard-card .ant-card-body{background:#1f1f1f;flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.table-container{flex:1;min-height:0;margin-bottom:16px;overflow:hidden}.storyboard-card .ant-table-wrapper{flex-direction:column;height:100%;display:flex}.storyboard-card .ant-table-wrapper .ant-spin-nested-loading,.storyboard-card .ant-table-wrapper .ant-spin-container,.storyboard-card .ant-table-wrapper .ant-table-container{flex-direction:column;flex:1;min-height:0;display:flex}.storyboard-card .ant-table-wrapper .ant-table-body{flex:1;overflow-y:auto!important}.storyboard-card .ant-table{color:#e0e0e0;background:#1f1f1f;font-size:13px}.storyboard-card .ant-table-thead>tr>th{z-index:10;border-bottom:2px solid #764ba2;border-right:1px solid #ffffff1a;padding:12px 8px;font-weight:600;position:sticky;top:0;color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.storyboard-card .ant-table-thead>tr>th:last-child{border-right:none}.storyboard-card .ant-table-thead>tr>th:before{display:none}.storyboard-card .ant-table-tbody>tr>td{vertical-align:top;color:#e0e0e0;background:0 0;border-bottom:1px solid #303030;border-right:1px solid #2a2a2a;padding:10px 8px}.storyboard-card .ant-table-tbody>tr>td:last-child{border-right:none}.storyboard-card .ant-table-tbody>tr{background:#1f1f1f;transition:all .3s}.storyboard-card .ant-table-tbody>tr:nth-child(2n){background:#262626}.storyboard-card .ant-table-tbody>tr:hover{transform:translate(2px);box-shadow:0 2px 8px #667eea4d;background:linear-gradient(90deg,#667eea33 0%,#764ba233 100%)!important}.storyboard-card .ant-table-tbody>tr:hover>td{color:#fff;cursor:pointer}.storyboard-card .ant-empty-description{color:#8c8c8c}.ai-chat-section{border-top:1px solid #303030;flex-shrink:0;align-items:flex-end;gap:12px;padding-top:16px;display:flex}.ai-chat-section .ant-input{color:#e0e0e0;background:#262626;border:1px solid #434343;flex:1}.ai-chat-section .ant-input:hover{border-color:#667eea}.ai-chat-section .ant-input:focus{background:#2a2a2a;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.ai-chat-section .ant-input::placeholder{color:#595959}.send-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;min-width:80px;height:40px;font-weight:600}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#7c8ff0 0%,#8a5bb5 100%);box-shadow:0 4px 12px #667eea66}.send-button:disabled{color:#8c8c8c;background:#434343}.storyboard-card .ant-table-tbody .ant-input,.storyboard-card .ant-table-tbody .ant-input-textarea{color:#e0e0e0;background:0 0;border:1px solid #0000;transition:all .2s}.storyboard-card .ant-table-tbody .ant-input:hover,.storyboard-card .ant-table-tbody .ant-input-textarea:hover{background:#262626;border-color:#434343}.storyboard-card .ant-table-tbody .ant-input:focus,.storyboard-card .ant-table-tbody .ant-input-textarea:focus{background:#2a2a2a;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.storyboard-card .ant-table-tbody .ant-input-textarea{resize:none}.character-generation-table .ant-table-body{max-height:calc(100vh - 300px);overflow-y:auto!important}.image-container-with-hover:hover .image-hover-buttons{opacity:1!important}.character-generation-table .ant-table-body::-webkit-scrollbar{width:8px;height:8px}.character-generation-table .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.character-generation-table .ant-table-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px;transition:background .3s}.character-generation-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:#555}.character-generation-table .ant-table-body{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.character-generation-page{height:100vh;padding:24px;overflow:hidden}.character-generation-card{flex-direction:column;height:calc(100vh - 48px);display:flex}.character-generation-card .ant-card-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.character-generation-table{flex:1;overflow:hidden}.character-generation-table .ant-table{height:100%}.character-generation-table .ant-table-container{flex-direction:column;height:100%;display:flex}.character-generation-table .ant-table-header{flex-shrink:0}.character-generation-table .ant-table-body{flex:1;overflow-y:auto!important}.character-assignment-page{height:100vh;padding:24px;overflow:hidden}.character-assignment-card{flex-direction:column;height:calc(100vh - 48px);display:flex}.character-assignment-card .ant-card-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.character-assignment-table{flex:1;overflow:hidden}.character-assignment-table .ant-table{height:100%}.character-assignment-table .ant-table-container{flex-direction:column;height:100%;display:flex}.character-assignment-table .ant-table-header{flex-shrink:0}.character-assignment-table .ant-table-body{flex:1;overflow-y:auto!important}.character-assignment-table .ant-table-body::-webkit-scrollbar{width:8px;height:8px}.character-assignment-table .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.character-assignment-table .ant-table-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px;transition:background .3s}.character-assignment-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:#555}.character-assignment-table .ant-table-body{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.media-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;padding:24px}.media-card{background:#ffffff0d;border:1px solid #8a2be24d;border-radius:12px;box-shadow:0 8px 32px #8a2be21a}.media-card .ant-card-head{color:#fff;background:linear-gradient(135deg,#8a2be233 0%,#4b008233 100%);border-bottom:1px solid #8a2be24d}.media-card .ant-card-head-title{color:#fff;font-size:18px;font-weight:600}.media-card .ant-table{background:0 0}.media-card .ant-table-thead>tr>th{color:#fff;background:#8a2be226;border-bottom:2px solid #8a2be266;font-weight:600}.media-card .ant-table-tbody>tr{background:#ffffff08;transition:all .3s}.media-card .ant-table-tbody>tr:hover{background:#8a2be21a;box-shadow:0 4px 12px #8a2be233}.media-card .ant-table-tbody>tr>td{color:#ffffffd9;vertical-align:middle;border-bottom:1px solid #8a2be233;padding:0}.media-card .ant-table-body::-webkit-scrollbar{width:10px;height:10px}.media-card .ant-table-body::-webkit-scrollbar-track{background:#0003;border-radius:5px}.media-card .ant-table-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8a2be2 0%,indigo 100%);border-radius:5px;transition:all .3s}.media-card .ant-table-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9d4edd 0%,#5a189a 100%);box-shadow:0 0 10px #8a2be280}.image-cell{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:16px;display:flex}.image-list{justify-content:center;align-items:center;gap:12px;width:100%;flex-flow:wrap!important;display:flex!important}.image-item{background:#0000004d;border:none;border-radius:8px;flex-shrink:0;width:150px;transition:all .3s;display:inline-block;position:relative;overflow:visible}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8a2be24d}.image-item:hover .image-actions{opacity:1;transform:translateY(0)}.image-preview{cursor:pointer;z-index:1;background:#00000080;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;overflow:hidden}.image-preview img{object-fit:contain;max-width:100%;max-height:100%}.image-info{background:#0006;justify-content:center;padding:8px;display:flex}.image-actions{opacity:0;z-index:100;pointer-events:none;background:linear-gradient(#000000b3,#000000e6);justify-content:center;gap:4px;padding:4px 8px;transition:all .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.image-actions .ant-btn{pointer-events:auto;color:#ffffffb3}.image-actions .ant-btn:hover{color:#fff;background:#8a2be24d}.media-card .ant-table-tbody>tr>td:last-child{vertical-align:middle;min-width:600px}.media-card .ant-table-tbody>tr>td:last-child>div{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;display:flex}.media-card .ant-table-tbody>tr>td:nth-child(2){white-space:normal;word-wrap:break-word;word-break:break-word}.clips-page{background:#141414;height:calc(100vh - 64px);padding:24px;overflow-y:auto}.clips-card{background:#1f1f1f;border:1px solid #303030;border-radius:8px}.clips-card .ant-card-head{color:#fff;background:#262626;border-bottom:1px solid #303030}.clips-card .ant-card-head-title{color:#fff;font-size:18px;font-weight:600}.clips-card .ant-card-body{padding:24px}.clips-page .ant-table{color:#fff;background:0 0}.clips-page .ant-table-thead>tr>th{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #303030;padding:12px 16px;font-weight:600}.clips-page .ant-table-tbody>tr{background:#1f1f1f;transition:all .3s}.clips-page .ant-table-tbody>tr:nth-child(2n){background:#262626}.clips-page .ant-table-tbody>tr:hover{background:#8b5cf61a!important}.clips-page .ant-table-tbody>tr>td{color:#fff;border-bottom:1px solid #303030;padding:16px}.clips-page .ant-table-bordered .ant-table-thead>tr>th,.clips-page .ant-table-bordered .ant-table-tbody>tr>td{border-right:1px solid #303030}.clips-page .ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;transition:all .3s}.clips-page .ant-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.clips-page .ant-btn-primary:disabled{color:#666;background:#444}.clips-page .ant-btn-dangerous{color:#fff;background:#ff4d4f;border:none;transition:all .3s}.clips-page .ant-btn-dangerous:hover:not(:disabled){background:#ff7875;transform:translateY(-2px);box-shadow:0 4px 12px #ff4d4f66}.clips-page .ant-btn-dangerous:disabled{color:#666;background:#444}.clips-page .ant-tag{border-radius:4px;padding:2px 8px;font-size:12px}.clips-page .ant-empty,.clips-page .ant-empty-description{color:#666}.composition-page{max-height:calc(100vh - 64px);padding:24px;overflow-y:auto}.final-videos-section{background:#1a1a1a;border:1px solid #434343;border-radius:4px;margin-bottom:24px;padding:16px}.section-title{color:#fff;margin-bottom:16px;font-size:16px;font-weight:500}.final-videos-container{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.final-video-card{background:#000;border:1px solid #434343;border-radius:4px;padding:12px}.final-video-label{color:#1890ff;margin-bottom:8px;font-size:14px;font-weight:500}.final-video-actions{gap:8px;margin-top:8px;display:flex}.composition-stats{gap:8px;margin-bottom:16px;display:flex}.composition-progress{background:#000;border:1px solid #434343;border-radius:4px;margin-bottom:16px;padding:16px}.composition-result{background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;margin-bottom:16px;padding:16px}.dual-column-layout{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.column{flex-direction:column;gap:12px;display:flex}.column-header{background:#1a1a1a;border:1px solid #434343;border-radius:4px;justify-content:space-between;align-items:center;padding:12px;display:flex}.column-title{color:#fff;font-size:16px;font-weight:500}.clips-container{flex-direction:column;gap:8px;display:flex}.sortable-clip{cursor:move}.clip-card{background:#1a1a1a;border:1px solid #434343;border-radius:4px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.clip-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff33}.clip-drag-handle{cursor:grab;color:#999;font-size:16px}.clip-drag-handle:active{cursor:grabbing}.clip-thumbnail{cursor:pointer;border-radius:4px;position:relative;overflow:hidden}.clip-play-icon{opacity:0;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-thumbnail:hover .clip-play-icon{opacity:1}.clip-info{color:#fff;flex:1}.clip-number{margin-bottom:4px;font-weight:500}.clip-duration{color:#999;margin-bottom:4px;font-size:12px}.clip-dialogue{color:#bbb;font-size:12px;font-style:italic}.music-track-card{background:#1a1a1a;border:1px solid #434343;border-radius:4px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.music-track-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff33}.music-track-info{color:#fff;flex:none}.music-track-title{margin-bottom:4px;font-weight:500}.music-track-duration{color:#999;font-size:12px}.music-track-card audio{filter:invert()hue-rotate(180deg);background:0 0}.music-track-card audio::-webkit-media-controls-panel{background:0 0}.music-prompt-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;padding:24px}.music-prompt-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #8b5cf64d;border-radius:12px;max-width:1400px;margin:0 auto}.music-prompt-card .ant-card-body{padding:32px}.page-header{border-bottom:1px solid #8b5cf633;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.header-icon{color:#8b5cf6;font-size:28px}.range-selector{color:#fff;align-items:center;font-size:14px;display:flex}.prompt-display{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.prompt-box{background:#0000004d;border:1px solid #8b5cf633;border-radius:8px;padding:16px}.prompt-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.prompt-title{color:#8b5cf6;font-size:16px;font-weight:600}.prompt-textarea{resize:none;font-size:14px;line-height:1.6;color:#fff!important;background:#0006!important;border:1px solid #8b5cf64d!important}.prompt-textarea::placeholder{color:#ffffff4d}.user-input-section{margin-bottom:24px}.input-label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:500}.user-input-textarea{resize:none;font-size:14px;color:#fff!important;background:#0000004d!important;border:1px solid #8b5cf64d!important}.user-input-textarea::placeholder{color:#ffffff4d}.action-buttons{justify-content:center;padding-top:16px;display:flex}.action-buttons .ant-btn-primary{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;height:48px;padding:0 48px;font-size:16px;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #8b5cf666}.action-buttons .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf699}.action-buttons .ant-btn-primary:disabled{box-shadow:none;background:#8b5cf64d}@media (width<=1200px){.prompt-display{grid-template-columns:1fr}}.music-tag-selector{max-height:600px;overflow-y:auto}.tag-section{margin-bottom:24px}.tag-section-title{color:#333;margin-bottom:12px;font-size:16px;font-weight:600}.tag-list{flex-wrap:wrap;gap:8px;padding:12px 0;display:flex}.music-tag{cursor:pointer;color:#333;background:#f0f0f0;border:1px solid #d9d9d9;padding:6px 12px;font-size:14px;transition:all .3s}.music-tag:hover{color:#8b5cf6;background:#f3e8ff;border-color:#8b5cf6;transform:translateY(-2px)}.music-tag.selected{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-color:#8b5cf6}.selected-tags-preview{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px}.selected-tags-preview h4{color:#666;margin-bottom:12px;font-size:14px;font-weight:600}.selected-tags-list{flex-wrap:wrap;gap:8px;display:flex}.music-player{flex-direction:column;align-items:center;height:100%;padding:20px;display:flex;overflow-y:auto}.player-status-tags{flex-shrink:0;align-self:flex-start;gap:6px;margin-top:-20px;margin-bottom:12px;margin-left:-10px;display:flex}.status-tag{border:1px solid;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .3s}.status-tag.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.status-tag.inactive{color:#666;background:#2a2a2a;border-color:#3a3a3a}.player-media-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:400px;margin:16px 0 20px;display:flex}.player-cover-wrap{cursor:pointer;border-radius:12px;flex:none;width:160px;height:160px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000080,0 0 40px #c084fc1a}.player-cover-wrap:active{transform:scale(.95)}.cover-action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;right:8px}.cover-regenerate-btn{top:8px}.cover-jimeng-btn{top:48px}.cover-action-btn:hover{background:#c084fccc;border-color:#c084fc80;transform:scale(1.05);box-shadow:0 2px 12px #c084fc66}.cover-jimeng-btn:hover{background:#3b82f6d9;border-color:#3b82f68c;box-shadow:0 2px 12px #3b82f659}.cover-action-btn:active{transform:scale(.95)}.player-cover-art{object-fit:cover;width:100%;height:100%;display:block}.player-cover-wrap .ant-image{width:100%;height:100%;display:block}.player-cover-wrap .ant-image-img{object-fit:cover;width:100%;height:100%;display:block}.player-cover-wrap .cover-action-btn{z-index:11}.player-cover-placeholder{color:#666;background:#1a1a2e;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.player-vinyl-wrap{flex:none;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.player-vinyl{background:radial-gradient(circle,#1a1a2e 34%,#111 34.5%,#222 36%,#111 37%,#222 39%,#111 40%,#222 42%,#111 43%,#222 45%,#111 46%,#222 48%,#111 49%,#222 51%,#111 52%,#222 54%,#111 55%,#222 57%,#111 58%,#222 60%,#111 61%,#222 63%,#111 64%,#222 66%,#111 67%,#222 69%);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative;box-shadow:0 0 30px #c084fc1f,0 4px 16px #00000080}.player-vinyl.playing{animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-cover{object-fit:cover;z-index:2;border:2px solid #ffffff1f;border-radius:50%;width:75px;height:75px;box-shadow:0 0 10px #00000080}.vinyl-cover-placeholder{color:#666;z-index:2;background:#1a1a2e;border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;font-size:24px;display:flex}.vinyl-center{z-index:3;background:#c084fc;border-radius:50%;width:8px;height:8px;position:absolute}.player-info{text-align:center;flex-shrink:0;width:100%;max-width:400px;margin-bottom:12px}.player-title{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a855f726 0%,#ec489926 100%);border:1px solid #a855f74d;border-radius:8px;margin-bottom:4px;padding:8px 16px;font-size:16px;font-weight:600;display:inline-block;box-shadow:0 2px 8px #a855f733}.player-controls{flex-shrink:0;width:100%;max-width:400px;margin-bottom:12px}.player-controls audio{background:#f5f5f5;border-radius:8px;width:100%;margin-bottom:12px}.player-controls audio::-webkit-media-controls-panel{background-color:#f5f5f5}.player-controls audio::-webkit-media-controls-play-button{filter:none}.player-controls audio::-webkit-media-controls-mute-button{filter:none}.player-no-audio{text-align:center;color:#999;background:#2a2a2a;border-radius:8px;width:100%;padding:20px}.player-waveform{cursor:pointer;background:#1a1a1a;border-radius:8px;align-items:flex-end;gap:1px;width:100%;height:60px;padding:4px;display:flex;overflow:hidden}.waveform-bar{border-radius:2px;flex:1;min-width:1px;transition:background .2s}.waveform-bar.played{background:linear-gradient(#c084fc 0%,#a855f7 100%)}.waveform-bar.unplayed{background:#3a3a3a}.waveform-bar:hover{opacity:.8}.player-progress-bar{cursor:pointer;background:#2a2a2a;border-radius:3px;width:100%;height:6px;overflow:hidden}.player-progress-fill{background:linear-gradient(90deg,#c084fc 0%,#a855f7 100%);height:100%;transition:width .1s linear}.player-lyrics{-webkit-overflow-scrolling:touch;color:#666;white-space:pre-wrap;text-align:center;flex:none;width:100%;max-width:400px;max-height:244px;padding-top:10px;padding-bottom:20px;font-size:14px;line-height:2;position:relative;overflow-y:auto}.player-lyrics.timed{padding-top:120px;padding-bottom:120px}.lyrics-line{padding:4px 0;transition:color .3s;display:block}.lyrics-line.active{color:#c084fc;font-size:16px;font-weight:600;transition:all .3s;transform:scale(1.05)}.lyrics-placeholder{color:#999;padding:40px 20px}.player-lyrics::-webkit-scrollbar{width:8px}.player-lyrics::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.player-lyrics::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.player-lyrics::-webkit-scrollbar-thumb:hover{background:#666}.mtv-music-page{background:#000;gap:0;height:100%;display:flex}.music-chat-area{background:#0a0a0a;border-right:1px solid #333;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-header{background:#0a0a0a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.section-number{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:30px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.generate-song-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);border:none;border-radius:6px;align-items:center;gap:6px;height:24px;padding:4px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #a855f74d}.generate-song-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 4px 12px #a855f766}.generate-song-btn:active:not(:disabled){transform:translateY(0)}.generate-song-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.music-info-area{background:#0a0a0a;border-right:1px solid #333;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.info-header{background:#0a0a0a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.info-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.info-content{flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow-y:auto}.info-footer{background:#1a1a1a;border-top:1px solid #333;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;min-height:114px;padding:20px 24px 24px;display:flex}.info-section{flex-direction:column;gap:8px;display:flex}.lyrics-section{flex:1;min-height:0;margin-top:20px}.info-label{color:#999;font-size:14px;font-weight:500}.info-value{color:#e0e0e0;background:#1a1a1a;border:1px solid #333;border-radius:8px;min-height:44px;padding:12px 16px;font-size:15px;line-height:1.6}.info-input{width:100%;font-family:inherit;transition:border-color .2s}.info-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b9811a}.info-input::placeholder{color:#666}.info-textarea{resize:none;width:100%;font-family:inherit;transition:border-color .2s}.info-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b9811a}.info-textarea::placeholder{color:#666}.lyrics-content{white-space:pre-wrap;flex:1;min-height:200px;overflow-y:auto}.lyrics-content::-webkit-scrollbar{width:8px}.info-textarea::-webkit-scrollbar{width:8px}.lyrics-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.info-textarea::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.lyrics-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.info-textarea::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.lyrics-content::-webkit-scrollbar-thumb:hover{background:#666}.info-textarea::-webkit-scrollbar-thumb:hover{background:#666}.music-result-area{background:#0a0a0a;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.result-header{background:#0a0a0a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.result-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.result-content{flex:1;min-height:0;padding:24px;overflow-y:auto}.result-footer{background:#1a1a1a;border-top:1px solid #333;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:stretch;gap:12px;padding:20px 24px 24px;display:flex}.result-empty{color:#666;text-align:center;padding:48px 24px;line-height:1.6}.track-list{flex-direction:column;gap:12px;display:flex}.track-item{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;transition:all .2s}.track-item:hover{background:#222;border-color:#555}.track-info{color:#e0e0e0;flex-direction:column;gap:8px;font-size:14px;display:flex}.track-title{color:#fff;font-size:15px;font-weight:600}.track-status{font-size:13px}.status-generating{color:#3b82f6}.status-completed{color:#10b981}.status-failed{color:#ef4444}.storyboard-table-page{color:#e0e0e0;background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex}.current-step{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:20px;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;animation:2s ease-in-out infinite pulse;display:inline-flex}.unsaved-indicator{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:20px;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #10b98166}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.storyboard-table{border-collapse:collapse;background:#1a1a1a;width:100%;min-width:1200px}.storyboard-table thead th{color:#fff;text-align:left;white-space:nowrap;z-index:10;background:#2a2a2a;border:1px solid #333;padding:16px 12px;font-weight:600;position:sticky;top:0}.storyboard-table tbody td{vertical-align:top;background:#1a1a1a;border:1px solid #333;padding:12px}.storyboard-table tbody tr:hover td{background:#222}.scene-id{text-align:center;color:#10b981;width:50px;max-width:50px;font-weight:600}.scene-type{width:50px;max-width:50px}.time-cell{white-space:nowrap;width:65px;max-width:65px;font-size:13px}.duration-cell{text-align:center;width:50px;max-width:50px;font-size:13px}.video-duration-cell{text-align:center;width:60px;max-width:60px;font-size:13px}.type-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.type-badge.intro{color:#fff;background:#3b82f6}.type-badge.lyrics{color:#fff;background:#10b981}.type-badge.outro{color:#fff;background:#8b5cf6}.lyrics-cell{min-width:200px;max-width:300px}.lyrics-input{color:#e0e0e0;resize:vertical;white-space:pre-wrap;background:#0a0a0a;border:1px solid #333;border-radius:6px;width:100%;min-height:60px;padding:8px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .2s}.lyrics-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b9811a}.lyrics-input::placeholder{color:#666}.lyrics-text{white-space:pre-wrap;color:#e0e0e0;font-size:14px;line-height:1.6}.prompt-cell{min-width:300px;position:relative}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#666}.characters-cell{min-width:150px;max-width:200px}.characters-container{align-items:flex-start;gap:8px;display:flex;position:relative}.characters-list{flex-wrap:wrap;flex:1;gap:6px;display:flex}.character-tag{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.remove-char-btn{color:#fff;cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;padding:0;font-size:12px;line-height:1;transition:all .2s;display:inline-flex}.remove-char-btn:hover{background:#ffffff80;transform:scale(1.1)}.add-character-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;font-weight:700;transition:all .2s;display:flex}.add-character-btn:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:scale(1.05);box-shadow:0 2px 8px #10b98166}.add-character-btn:active{transform:scale(.95)}.no-character{color:#666;font-size:14px}.characters-table-page{color:#e0e0e0;background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex}.add-btn:active{transform:translateY(0)}.characters-table{border-collapse:collapse;background:#1a1a1a;width:100%}.characters-table thead th{color:#fff;text-align:left;white-space:nowrap;z-index:10;background:#2a2a2a;border:1px solid #333;padding:16px 12px;font-weight:600;position:sticky;top:0}.characters-table tbody td{vertical-align:top;background:#1a1a1a;border:1px solid #333;padding:12px}.characters-table tbody tr:hover td{background:#222}.character-name{width:200px;font-weight:500}.name-tag{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#f97316 0%,#fb923c 100%);border-radius:16px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.character-image{text-align:center;width:150px}.character-thumbnail{object-fit:cover;border:2px solid #333;border-radius:8px;width:120px;height:120px;transition:all .3s;display:block}.character-description{color:#e0e0e0;line-height:1.6}.description-text{white-space:pre-wrap;color:#ccc;font-size:14px}.delete-character-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #ef44444d}.delete-character-btn:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ef444480}.delete-character-btn:active{transform:translateY(0)}:global(.ant-modal-confirm .ant-modal-content){background:#1a1a1a}:global(.ant-modal-confirm .ant-modal-confirm-title){color:#fff}:global(.ant-modal-confirm .ant-modal-confirm-content){color:#ccc}.image-preview-modal .ant-modal-content{background:#1a1a1a;border:1px solid #ffffff1a;padding:20px}.image-preview-modal .ant-modal-close{color:#fff9}.image-preview-modal .ant-modal-close:hover{color:#fff}.character-detail-page{background:#f5f5f5;flex-direction:column;height:100%;display:flex}.character-detail-loading,.character-detail-empty{justify-content:center;align-items:center;height:100%;display:flex}.character-detail-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 24px}.character-detail-content{flex:1;padding:24px;overflow-y:auto}.character-name-section{text-align:center;margin-bottom:24px}.character-name-tag{border-radius:20px;padding:8px 24px;font-size:18px;font-weight:500}.character-actions{justify-content:center;gap:16px;margin-bottom:32px;display:flex}.character-actions .ant-btn{min-width:120px;height:48px;font-size:16px}.character-images-section{background:#fff;border-radius:8px;max-width:1200px;min-height:400px;margin:0 auto;padding:24px}.character-images-empty{justify-content:center;align-items:center;height:400px;display:flex}.character-images-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.character-image-item{cursor:pointer;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:8px;justify-content:center;align-items:center;width:205px;height:205px;transition:all .3s;display:flex;position:relative;overflow:hidden}.character-image-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.character-image-wrapper{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.character-image-actions{opacity:0;z-index:10;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.character-image-item:hover .character-image-actions{opacity:1}.image-action-btn{justify-content:center;align-items:center;width:32px;height:32px;display:flex;color:#fff!important;background:#0009!important;border:none!important}.image-action-btn:hover{color:#fff!important;background:#000c!important}.character-image-item .ant-image{width:auto!important;max-width:200px!important;height:auto!important;max-height:200px!important}.character-image-item .ant-image-img,.character-image-item img{object-fit:contain!important;width:auto!important;max-width:200px!important;height:auto!important;max-height:200px!important}.video-clips-page{color:#e0e0e0;background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex}.header-left{align-items:center;gap:24px;display:flex}.aspect-ratio-selector{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569;border-radius:10px;align-items:center;gap:12px;padding:8px 16px;display:flex}.aspect-ratio-selector label{color:#94a3b8;white-space:nowrap;font-size:14px;font-weight:500}.aspect-ratio-select{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #475569;border-radius:8px;outline:none;min-width:80px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .3s}.aspect-ratio-select:hover{background:#1e293b;border-color:#ec4899}.aspect-ratio-select:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec489933}.aspect-ratio-select option{color:#fff;background:#1e293b;padding:8px}.header-actions{align-items:center;gap:12px;display:flex}.save-btn,.sync-btn,.delete-all-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.delete-all-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 15px #ef444466}.delete-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.save-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b98166}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.sync-btn{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);box-shadow:0 4px 15px #ec489966}.sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#f472b6 0%,#a78bfa 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.save-btn:active:not(:disabled),.sync-btn:active:not(:disabled),.delete-all-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled,.sync-btn:disabled,.delete-all-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #ec489966}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#f472b6 0%,#a78bfa 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-state,.empty-state{text-align:center;color:#999;padding:60px 20px}.empty-state p{margin:8px 0}.empty-hint{color:#666;font-size:14px}.video-clips-table{border-collapse:collapse;background:#1a1a1a;width:100%}.video-clips-table thead th{color:#fff;text-align:left;white-space:nowrap;z-index:10;background:#2a2a2a;border:1px solid #333;padding:16px 12px;font-weight:600;position:sticky;top:0}.video-clips-table tbody td{vertical-align:middle;background:#1a1a1a;border:1px solid #333;padding:12px}.video-clips-table tbody tr:hover td{background:#222}.scene-id{color:#ec4899;width:100px;font-weight:500}.image-container{justify-content:center;align-items:center;margin:0 auto;padding:8px;display:inline-flex;position:relative}.character-cell:hover .image-actions{opacity:1}.image-actions{opacity:0;z-index:10;pointer-events:none;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.image-actions .action-btn{pointer-events:auto}.action-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.action-btn.generate-btn{background:#ec4899e6;box-shadow:0 2px 8px #ec489966}.action-btn.generate-btn:hover{background:#ec4899;transform:scale(1.1);box-shadow:0 4px 12px #ec489999}.action-btn.seedream-btn{color:#fff;background:#10b981e6;font-weight:700;box-shadow:0 2px 8px #10b98166}.action-btn.seedream-btn:hover{background:#10b981;transform:scale(1.1);box-shadow:0 4px 12px #10b98199}.action-btn.upload-btn{background:#3b82f6e6;box-shadow:0 2px 8px #3b82f666}.action-btn.upload-btn:hover{background:#3b82f6;transform:scale(1.1);box-shadow:0 4px 12px #3b82f699}.action-btn.delete-btn{background:#ef4444e6;box-shadow:0 2px 8px #ef444466}.action-btn.delete-btn:hover{background:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #ef444499}.character-cell{text-align:center;vertical-align:middle;white-space:nowrap;padding:0;position:relative}.character-cell .thumbnail{margin:4px;display:inline-block}.image-cell{text-align:center;vertical-align:middle;position:relative}.video-clips-table tbody td.image-cell{padding:8px}.image-cell .thumbnail{display:inline-block}.image-container{justify-content:center;align-items:center;margin:0 auto;display:inline-flex;position:relative}.thumbnail{object-fit:cover;border:2px solid #333;border-radius:8px;width:100px;height:100px;transition:all .3s;display:block}.thumbnail:hover{border-color:#ec4899;transform:scale(1.05);box-shadow:0 4px 12px #ec489966}.video-preview{background:#000;border:2px solid #333;border-radius:8px;width:180px;height:100px}.no-image,.no-video{color:#666;background:#2a2a2a;border:2px dashed #444;border-radius:8px;justify-content:center;align-items:center;width:100px;height:100px;font-size:14px;display:flex}.prompt-cell{min-width:200px;max-width:300px}.prompt-input{color:#e0e0e0;resize:vertical;background:#0a0a0a;border:1px solid #333;border-radius:6px;width:100%;min-height:80px;padding:8px;font-family:inherit;font-size:14px;transition:border-color .2s}.prompt-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b9811a}.prompt-input::placeholder{color:#666}.prompt-input::-webkit-scrollbar{width:6px}.prompt-input::-webkit-scrollbar-track{background:#0a0a0a;border-radius:3px}.prompt-input::-webkit-scrollbar-thumb{background:#444;border-radius:3px;transition:background .2s}.prompt-input::-webkit-scrollbar-thumb:hover{background:#666}.prompt-text{color:#ccc;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.empty-row{text-align:center;padding:40px 20px!important}.empty-row .empty-state{padding:20px}.video-cell{text-align:center;width:200px}.video-container{display:inline-block;position:relative}.video-preview{object-fit:cover;background:#1a1a1a;border-radius:8px;width:150px;height:100px}.no-video{color:#666;border-radius:8px;justify-content:center;align-items:center;width:150px;height:100px;font-size:24px;display:flex}.video-actions{opacity:0;z-index:10;pointer-events:none;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.video-actions .action-btn{pointer-events:auto}.video-container:hover .video-actions{opacity:1}.batch-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .3s}.batch-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.batch-generate-btn:disabled{opacity:.6;cursor:not-allowed}.image-preview-modal{z-index:10000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-content{cursor:default;background:#000;border-radius:8px;justify-content:center;align-items:center;width:1280px;height:720px;display:flex;position:relative;box-shadow:0 8px 32px #00000080}.preview-content img{object-fit:contain;border-radius:8px;max-width:1280px;max-height:720px;display:block}.preview-content .close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:-40px;right:0}.preview-content .close-btn:hover{background:#fff3;transform:scale(1.1)}.video-preview-modal{z-index:10000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-preview-content{cursor:default;background:#000;border-radius:8px;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative;box-shadow:0 8px 32px #00000080}.video-preview-content video{border-radius:8px;display:block}.video-preview-content .close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:-40px;right:0}.video-preview-content .close-btn:hover{background:#fff3;transform:scale(1.1)}.batch-status-panel{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;border-radius:12px;margin-bottom:20px;padding:16px 20px;box-shadow:0 4px 20px #0000004d}.batch-status-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.batch-status-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.stop-batch-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #ef44444d}.stop-batch-btn:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ef444480}.batch-status-content{flex-wrap:wrap;gap:24px;display:flex}.status-item{background:#0000004d;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:all .3s;display:flex}.status-item.generating{background:#3b82f61a;border-color:#3b82f6}.status-item.completed{background:#10b9811a;border-color:#10b981}.status-item.failed{background:#ef44441a;border-color:#ef4444}.status-label{color:#94a3b8;font-size:14px;font-weight:500}.status-count{text-align:center;min-width:24px;font-size:18px;font-weight:700}.status-item.generating .status-count{color:#3b82f6}.status-item.completed .status-count{color:#10b981}.status-item.failed .status-count{color:#ef4444}.status-scenes{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin-left:8px;font-size:12px;overflow:hidden}.seedream-batch-confirm-modal .ant-modal-confirm-content{color:#000!important}.video-composition-page{color:#e0e0e0;background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.header-left{flex-direction:column;gap:8px;display:flex}.header-right{align-items:center;gap:12px;display:flex}.page-content{flex:1;overflow-y:auto}.video-clips-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.video-clips-card{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #2d3748;border-radius:12px}.video-clips-card .ant-card-head{color:#fff;background:#ffffff0d;border-bottom:1px solid #2d3748}.video-clips-card .ant-card-body{padding:20px}.video-clip-card{cursor:pointer;background:#ffffff0d;border:1px solid #2d3748;border-radius:8px;transition:all .3s;overflow:hidden}.video-clip-card:hover{border-color:#ec4899;transform:translateY(-2px);box-shadow:0 4px 12px #ec489933}.video-preview-container{background:#000;justify-content:center;align-items:center;width:100%;min-height:150px;display:flex;position:relative;overflow:hidden}.video-preview-container .video-preview{object-fit:contain;pointer-events:none;width:auto;max-width:100%;height:auto;max-height:300px}.video-preview-container .play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-preview-container:hover .play-overlay{opacity:1}.video-preview-container .play-icon{color:#ec4899;font-size:48px}.video-info{flex-direction:column;gap:4px;padding:12px;display:flex}.final-video-card{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #2d3748;border-radius:12px;margin-top:24px}.final-video-card .ant-card-head{color:#fff;background:#ffffff0d;border-bottom:1px solid #2d3748}.final-video{width:100%;max-width:800px}.error-card{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-top:24px}.video-composition-page .ant-card{background:0 0}.video-composition-page .ant-card-head-title{color:#fff;font-weight:600}.video-composition-page .ant-empty-description{color:#666}.video-composition-page .ant-btn-primary{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:none;box-shadow:0 4px 12px #ec48994d}.video-composition-page .ant-btn-primary:hover{background:linear-gradient(135deg,#f472b6 0%,#a78bfa 100%);box-shadow:0 6px 16px #ec489966}.video-composition-page .ant-btn-primary:disabled{box-shadow:none;background:#374151}.video-composition-page .ant-spin{color:#ec4899}.standard-story-page{background:#000;width:100%;height:100%;display:flex;overflow:hidden}.standard-story-chat-area{border-right:1px solid #333;flex-direction:column;width:50%;min-height:0;display:flex;overflow:hidden}.standard-story-preview{background:#0a0a0a;flex-direction:column;width:50%;min-width:0;display:flex;overflow:hidden}.standard-preview-content{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:stretch;min-width:0;max-width:100%;min-height:0;padding:24px;display:flex;overflow:hidden auto}.standard-preview-footer{background:#1a1a1a;border-top:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:112px;padding:20px 24px 24px;display:flex}.preview-title{color:#fff;font-size:16px;font-weight:600}.standard-preview-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.standard-preview-empty{color:#666;text-align:left;padding:48px 24px;font-size:28px;line-height:1.6}.final-story{white-space:pre-wrap;color:#e0e0e0;font-size:15px;line-height:1.8}.standard-final-story-editor{color:#e0e0e0;resize:none;box-sizing:border-box;text-align:left;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;flex:1;width:100%;min-width:0;max-width:100%;padding:16px;font-family:inherit;font-size:15px;line-height:1.8;overflow:hidden auto}.standard-final-story-editor::-webkit-scrollbar{width:8px}.standard-final-story-editor::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.standard-final-story-editor::-webkit-scrollbar-thumb{background:#333;border-radius:4px;transition:background .2s}.standard-final-story-editor::-webkit-scrollbar-thumb:hover{background:#555}.standard-final-story-editor:focus{border-color:#eab308;box-shadow:0 0 0 2px #eab3081a}.standard-final-story-editor::placeholder{color:#666;text-align:center;display:block}.story-action-btn{color:#e0e0e0;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #333;border-radius:6px;align-items:center;gap:6px;min-height:36px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.story-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#555}.story-action-btn:active:not(:disabled){transform:scale(.98)}.story-action-btn:disabled{opacity:.4;cursor:not-allowed}.story-action-btn-primary{color:#fff;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border-color:#eab308}.story-action-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ca8a04 0%,#a16207 100%);border-color:#ca8a04;box-shadow:0 0 12px #eab3084d}.button-divider{background:#333;flex:0 0 1px;width:1px;height:24px;margin:0 4px}.action-arrow{color:#888;-webkit-user-select:none;user-select:none;margin:0 8px;font-size:20px;line-height:1}@media (width<=1280px){.standard-preview-footer{flex-direction:column;align-items:flex-start}.standard-preview-actions{justify-content:flex-start}.button-divider{display:none}}.dark-modal .ant-modal-content{color:#e0e0e0;background:#1a1a1a}.dark-modal .ant-modal-header{background:#1a1a1a;border-bottom:1px solid #333}.dark-modal .ant-modal-title,.dark-modal .ant-modal-body{color:#e0e0e0}.dark-modal .ant-modal-footer{background:#1a1a1a;border-top:1px solid #333}.dark-modal .ant-btn-default{color:#e0e0e0;background:#2a2a2a;border-color:#444}.dark-modal .ant-btn-default:hover{color:#fff;background:#333;border-color:#555}.dark-modal .ant-btn-primary{background:#1890ff;border-color:#1890ff}.dark-modal .ant-btn-dangerous{background:#ff4d4f;border-color:#ff4d4f}.storyboard-generation-modal .ant-input,.storyboard-generation-modal .ant-input-number,.storyboard-generation-modal textarea.ant-input{color:#e0e0e0;background:#0a0a0a;border-color:#333}.storyboard-generation-modal .ant-input:disabled,.storyboard-generation-modal textarea.ant-input:disabled{color:#777;background:#111}.storyboard-generation-form{flex-direction:column;gap:10px;padding-top:8px;display:flex}.storyboard-generation-label{color:#fff;font-size:14px;font-weight:500}.storyboard-generation-hint{color:#999;margin-bottom:4px;font-size:12px;line-height:1.6}.storyboard-generation-warning{color:#ff7875;margin-top:2px;font-size:12px;line-height:1.6}.storyboard-generation-alert{margin-top:8px}.storyboard-generation-alert.ant-alert,.storyboard-generation-alert.ant-alert-info{background:#111827;border-color:#274060}.storyboard-generation-alert.ant-alert-warning{background:#1f1a0a;border-color:#7a5c12}.storyboard-generation-alert.ant-alert-success{background:#0d1f14;border-color:#276749}.storyboard-generation-alert.ant-alert-error{background:#261010;border-color:#7f1d1d}.storyboard-generation-alert.ant-alert .ant-alert-message,.storyboard-generation-alert.ant-alert .ant-alert-title{color:#f5f5f5}.storyboard-generation-alert.ant-alert .ant-alert-description{color:#d6d6d6}.storyboard-generation-alert.ant-alert-warning .ant-alert-message,.storyboard-generation-alert.ant-alert-warning .ant-alert-title,.storyboard-generation-alert.ant-alert-warning .ant-alert-icon{color:#f7d774}.storyboard-generation-alert.ant-alert-success .ant-alert-message,.storyboard-generation-alert.ant-alert-success .ant-alert-title,.storyboard-generation-alert.ant-alert-success .ant-alert-icon{color:#9be7b0}.storyboard-generation-alert.ant-alert-error .ant-alert-message,.storyboard-generation-alert.ant-alert-error .ant-alert-title,.storyboard-generation-alert.ant-alert-error .ant-alert-icon{color:#fecaca}.scenes-table-page{background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.scenes-table{border-collapse:collapse;width:100%}.scenes-table thead{z-index:1;background:#0a0a0a;position:sticky;top:0}.scenes-table th{text-align:left;color:#999;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;padding:16px;font-size:13px;font-weight:500}.scenes-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background .2s}.scenes-table tbody tr:hover{background:#222}.scenes-table td{color:#e0e0e0;vertical-align:top;padding:16px;font-size:14px}.scene-number{width:120px}.scene-characters{width:180px}.characters-list{flex-wrap:wrap;gap:6px;display:flex}.no-characters{color:#666}.scene-image{width:120px}.image-container{background:#0a0a0a;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;width:100px;height:60px;display:flex;position:relative;overflow:hidden}.image-container:hover .image-actions,.image-container:hover .hover-actions{opacity:1}.scene-thumbnail{object-fit:cover;cursor:pointer;width:100%;height:100%}.no-image{color:#666;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.plus-icon{opacity:.5}.hover-actions{opacity:0;z-index:2;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.hover-btn{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.hover-btn:hover{background:#000000e6;transform:scale(1.1)}.upload-btn{border:1px solid #3b82f680}.upload-btn:hover{box-shadow:0 0 8px #3b82f699}.delete-btn-icon{border:1px solid #ef444480}.delete-btn-icon:hover{box-shadow:0 0 8px #ef444499}.image-actions{opacity:0;background:linear-gradient(#0000,#000000e6);gap:4px;padding:4px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.action-btn:hover{background:#3b82f680}.generate-btn{color:#a855f7;background:#a855f74d;border-color:#a855f780}.generate-btn:hover{background:#a855f780}.delete-image-btn{color:#ef4444;background:#ef44444d;border-color:#ef444480}.delete-image-btn:hover{background:#ef444480}.scene-name{width:150px;font-weight:500}.scene-location{color:#999;width:150px}.scene-time{color:#999;width:100px}.scene-description{min-width:300px}.description-text{color:#ccc;line-height:1.6}.scene-image-prompt{min-width:300px}.scene-image-prompt .prompt-cell-wrapper{min-height:60px;position:relative}.scene-image-prompt .prompt-cell-wrapper:hover .translate-btn{opacity:1}.scene-image-prompt .prompt-text{color:#a78bfa;word-break:break-word;padding-right:30px;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.scene-image-prompt .translate-btn{color:#fff;cursor:pointer;opacity:0;background:#3b82f6e6;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:0;right:0}.scene-image-prompt .translate-btn:hover{background:#3b82f6;transform:scale(1.1);box-shadow:0 4px 12px #3b82f699}.scene-image-prompt .translate-btn:active{transform:scale(.95)}.translate-btn:hover{background:#10b9814d;border-color:#10b981b3}.scene-actions{text-align:right;width:150px}.characters-table-page{background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex}.header-actions{gap:12px;display:flex}.add-btn,.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative}.save-btn{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.save-btn:disabled{cursor:not-allowed;opacity:.5;background:linear-gradient(135deg,#4b5563 0%,#374151 100%)}.save-btn .badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-8px;right:-8px}.add-btn:hover,.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.btn-icon{font-size:16px}.characters-table{border-collapse:collapse;width:100%}.characters-table thead{z-index:1;background:#0a0a0a;position:sticky;top:0}.characters-table th{text-align:left;color:#999;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;padding:16px;font-size:13px;font-weight:500}.characters-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background .2s}.characters-table tbody tr:hover{background:#222}.characters-table td{color:#e0e0e0;vertical-align:top;padding:16px;font-size:14px}.character-number{width:100px}.character-name{width:200px}.name-tag{color:#ec4899;background:#ec489933;border:1px solid #ec489980;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500;display:inline-block}.character-image{width:150px}.image-container{width:120px;height:120px;display:inline-block;position:relative}.image-container:hover .image-actions{opacity:1;transform:translateY(0)}.character-thumbnail{object-fit:cover;cursor:pointer;border:2px solid #333;border-radius:8px;width:120px;height:120px;transition:all .3s;display:block}.character-thumbnail:hover{border-color:#ec4899;box-shadow:0 4px 12px #ec489966}.no-image{color:#666;cursor:pointer;background:#2a2a2a;border:2px dashed #444;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;font-size:12px;transition:all .3s;display:flex}.no-image:hover{background:#333;border-color:#ec4899}.plus-icon{color:#666;font-size:48px;font-weight:300;line-height:1;transition:all .3s}.no-image:hover .plus-icon{color:#ec4899;transform:scale(1.1)}.image-actions{opacity:0;background:linear-gradient(#000000b3,#000000e6);border-radius:0 0 8px 8px;gap:4px;padding:6px;transition:all .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ec4899cc;border:none;border-radius:3px;flex:1;padding:2px;font-size:8px;font-weight:500;transition:all .2s}.action-btn:hover{background:#ec4899;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.delete-btn{background:#ef4444cc!important}.character-image-prompt{min-width:400px}.prompt-cell-wrapper{flex-direction:column;display:flex;position:relative}.prompt-cell-wrapper:hover .translate-btn{opacity:1}.prompt-input{color:#a78bfa;resize:vertical;background:#0a0a0a;border:1px solid #333;border-radius:6px;width:100%;min-height:80px;padding:8px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;transition:border-color .2s}.prompt-input:focus{border-color:#10b981;outline:none}.prompt-text{color:#a78bfa;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.translate-btn{color:#fff;cursor:pointer;opacity:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f6e6;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 8px #3b82f666}.translate-btn:hover{background:#3b82f6;transform:scale(1.1);box-shadow:0 4px 12px #3b82f699}.translate-btn:active{transform:scale(.95)}.character-actions{text-align:right;width:100px}.delete-btn{cursor:pointer;color:#ef4444;background:#ef444433;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.storyboard-page{background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex}.total-duration{color:#eab308;background:#eab30833;border:1px solid #eab30880;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:500}.table-container{background:#1a1a1a;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:auto}.loading-state,.empty-state{color:#666;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.empty-hint{color:#888;margin-top:8px;font-size:14px}.storyboard-table{border-collapse:collapse;table-layout:fixed;width:100%}.storyboard-table thead{z-index:1;background:#0a0a0a;position:sticky;top:0}.storyboard-table th{text-align:left;color:#999;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;padding:16px;font-size:13px;font-weight:500}.table-header-with-action{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.table-header-with-action span{white-space:nowrap}.header-batch-optimize-btn{color:#ddd6fe;cursor:pointer;background:#a855f733;border:1px solid #a855f77a;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:12px;line-height:1.2;transition:all .2s}.header-batch-optimize-btn:hover:not(:disabled){background:#a855f757;border-color:#a855f7b8}.header-batch-optimize-btn:disabled{cursor:not-allowed;opacity:.55}.storyboard-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background .2s}.storyboard-table tbody tr:hover{background:#222}.storyboard-table td{color:#e0e0e0;vertical-align:top;padding:16px;font-size:14px}.shot-number{width:120px}.number-tag{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f680;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.duration{width:80px}.storyboard-duration-badge{background:#10b98133;border:1px solid #10b98180;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block;color:#10b981!important}.scene-numbers{width:150px}.character-names{width:180px}.tags-list{flex-wrap:wrap;gap:6px;display:flex}.editable-tags-list{align-items:center}.scene-tag{color:#eab308;background:#eab30833;border:1px solid #eab30880;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.character-tag{color:#a855f7;background:#a855f733;border:1px solid #a855f780;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.editable-tag{align-items:center;gap:5px;padding-right:6px;display:inline-flex}.tag-remove-btn{width:16px;height:16px;color:inherit;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:16px;transition:all .2s;display:inline-flex}.tag-remove-btn:hover:not(:disabled){color:#fff;background:#ef4444cc}.tag-remove-btn:disabled{cursor:not-allowed;opacity:.5}.tag-edit-btn{color:#cbd5e1;cursor:pointer;background:#94a3b81f;border:1px solid #94a3b859;border-radius:6px;padding:3px 8px;font-size:12px;transition:all .2s}.tag-edit-btn:hover{color:#bfdbfe;background:#3b82f633;border-color:#3b82f6a6}.no-data{color:#666}.content,.content-en{width:250px}.content-text{color:#ccc;max-height:120px;line-height:1.6;overflow-y:auto}.english-content-text{color:#bfdbfe}.first-frame-prompt,.video-prompt{width:300px}.prompt-cell-wrapper{min-height:60px;position:relative}.prompt-cell-wrapper:hover .prompt-actions{opacity:1}.prompt-text{color:#a78bfa;word-break:break-word;max-height:120px;padding-right:66px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.prompt-actions{opacity:0;gap:4px;transition:all .2s;display:flex;position:absolute;top:0;right:0}.prompt-action-btn{color:#fff;cursor:pointer;background:#3b82f6e6;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.prompt-action-btn:hover:not(:disabled){background:#3b82f6;transform:scale(1.1);box-shadow:0 4px 12px #3b82f699}.prompt-action-btn:active:not(:disabled){transform:scale(.95)}.prompt-action-btn:disabled{cursor:not-allowed;opacity:.7}.optimize-action-btn{background:#a855f7e6}.optimize-action-btn:hover:not(:disabled){background:#a855f7;box-shadow:0 4px 12px #a855f78c}.actions{text-align:right;width:150px}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:6px;margin-left:8px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.edit-btn:hover{background:#3b82f64d}.delete-btn:hover{background:#ef44444d}.storyboard-edit-form{color:#e0e0e0;flex-direction:column;gap:16px;padding:8px 0;display:flex}.storyboard-edit-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.storyboard-edit-form label{color:#f5f5f5;flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.storyboard-edit-form input,.storyboard-edit-form select,.storyboard-edit-form textarea{color:#e0e0e0;background:#0a0a0a;border:1px solid #333;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.storyboard-edit-form textarea{resize:vertical}.storyboard-edit-form input:focus,.storyboard-edit-form select:focus,.storyboard-edit-form textarea:focus{border-color:#3b82f6d9;box-shadow:0 0 0 2px #3b82f62e}.storyboard-edit-form .ant-select{width:100%}.storyboard-edit-form .ant-select-selector{min-height:40px;color:#e0e0e0!important;background:#0a0a0a!important;border-color:#333!important}.storyboard-edit-form .ant-select-selection-placeholder,.storyboard-edit-form .ant-select-selection-item,.storyboard-edit-form .ant-select-selection-search-input{color:#e0e0e0!important}.storyboard-edit-form .ant-select-selection-item{background:#3b82f62e!important;border-color:#3b82f659!important}.field-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-optimize-btn{color:#c4b5fd;cursor:pointer;background:#a855f738;border:1px solid #a855f77a;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .2s}.field-optimize-btn:hover:not(:disabled){color:#ddd6fe;background:#a855f752}.field-optimize-btn:disabled{cursor:not-allowed;opacity:.55}.standard-grok-first-frame-dialog .ant-modal-content,.standard-grok-first-frame-dialog .ant-modal-header,.standard-grok-first-frame-dialog .ant-modal-body{background:#000}.standard-grok-first-frame-content{height:640px}.standard-grok-model-label{color:#d8b4fe;background:#160d1f;border:1px solid #3b244c;border-radius:4px;padding:4px 8px;font-size:12px}.standard-grok-image-display{aspect-ratio:16/9}.standard-grok-generating-text{color:#999;margin:16px 0 0}.standard-grok-error-message{color:#fecaca;word-break:break-word;background:#3f1515;border-top:1px solid #7f1d1d;border-bottom:1px solid #7f1d1d;padding:10px 16px;font-size:13px;line-height:1.5}.standard-grok-input-hint{color:#999;margin-bottom:10px;font-size:12px}.standard-video-clips-page{color:#e0e0e0;background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex}.standard-page-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.standard-header-left{align-items:center;gap:24px;display:flex}.standard-page-header h2{color:#fff;margin:0;font-size:24px;font-weight:600}.standard-aspect-ratio-selector{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569;border-radius:10px;align-items:center;gap:12px;padding:8px 16px;display:flex}.standard-aspect-ratio-selector label{color:#94a3b8;white-space:nowrap;font-size:14px;font-weight:500}.standard-aspect-ratio-select{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #475569;border-radius:8px;outline:none;min-width:80px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .3s}.standard-aspect-ratio-select:hover{background:#1e293b;border-color:#ec4899}.standard-aspect-ratio-select:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec489933}.standard-aspect-ratio-select option{color:#fff;background:#1e293b;padding:8px}.standard-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.standard-export-btn,.standard-import-frame-btn,.standard-import-video-btn,.standard-save-btn,.standard-sync-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.standard-export-btn{background:linear-gradient(135deg,#2563eb 0%,#0891b2 100%);box-shadow:0 4px 15px #2563eb59}.standard-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.standard-import-frame-btn{background:linear-gradient(135deg,#0d9488 0%,#2563eb 100%);box-shadow:0 4px 15px #0d948859}.standard-import-frame-btn:hover:not(:disabled){background:linear-gradient(135deg,#14b8a6 0%,#3b82f6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0d948880}.standard-import-video-btn{background:linear-gradient(135deg,#7c3aed 0%,#db2777 100%);box-shadow:0 4px 15px #7c3aed59}.standard-import-video-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.standard-save-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b98166}.standard-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.standard-sync-btn{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);box-shadow:0 4px 15px #ec489966}.standard-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#f472b6 0%,#a78bfa 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.standard-export-btn:active:not(:disabled),.standard-import-frame-btn:active:not(:disabled),.standard-import-video-btn:active:not(:disabled),.standard-save-btn:active:not(:disabled),.standard-sync-btn:active:not(:disabled){transform:translateY(0)}.standard-export-btn:disabled,.standard-import-frame-btn:disabled,.standard-import-video-btn:disabled,.standard-save-btn:disabled,.standard-sync-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.standard-btn-icon{font-size:20px;line-height:1}.standard-btn-text{line-height:1}.standard-table-container{background:#1a1a1a;border-radius:12px;flex:1;min-height:0;padding:20px;overflow:auto}.standard-loading-state,.standard-empty-state{text-align:center;color:#999;padding:60px 20px}.standard-empty-state p{margin:8px 0}.standard-empty-hint{color:#666;font-size:14px}.standard-video-clips-table{border-collapse:collapse;background:#1a1a1a;width:100%}.standard-video-clips-table thead th{color:#fff;text-align:left;white-space:nowrap;z-index:10;background:#2a2a2a;border:1px solid #333;padding:16px 12px;font-weight:600;position:sticky;top:0}.standard-video-clips-table tbody td{vertical-align:middle;background:#1a1a1a;border:1px solid #333;padding:12px}.standard-video-clips-table tbody tr:hover td{background:#222}.standard-table-header-actions{align-items:center;gap:8px;display:flex}.standard-prompt-cell-wrapper{min-height:60px;position:relative}.standard-prompt-cell-wrapper:hover .standard-prompt-actions{opacity:1}.standard-prompt-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:0;right:0}.standard-prompt-action-btn{color:#fff;cursor:pointer;background:#3b82f6e6;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.standard-prompt-action-btn:hover:not(:disabled){background:#3b82f6}.standard-prompt-action-btn:disabled{cursor:not-allowed;opacity:.7}.standard-optimize-prompt-btn{background:#a855f7e6}.standard-optimize-prompt-btn:hover:not(:disabled){background:#a855f7}.standard-scene-id{color:#ec4899;width:100px;font-weight:500}.standard-character-cell{text-align:center;vertical-align:middle;white-space:nowrap;padding:0;position:relative}.standard-character-cell .standard-thumbnail{margin:4px;display:inline-block}.standard-character-cell:hover .standard-image-actions{opacity:1}.standard-image-actions{opacity:0;z-index:10;pointer-events:none;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.standard-image-actions .standard-action-btn{pointer-events:auto}.standard-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.standard-action-btn.standard-generate-btn-small{background:#ec4899e6;box-shadow:0 2px 8px #ec489966}.standard-action-btn.standard-generate-btn-small:hover{background:#ec4899;transform:scale(1.1);box-shadow:0 4px 12px #ec489999}.standard-action-btn.standard-grok-generate-btn{color:#fff;background:#a855f7eb;font-size:11px;font-weight:700;box-shadow:0 2px 8px #a855f766}.standard-action-btn.standard-grok-generate-btn:hover{background:#a855f7;transform:scale(1.1);box-shadow:0 4px 12px #a855f799}.standard-action-btn.standard-google-generate-btn{color:#fff;background:#22c55ee6;font-size:11px;font-weight:700;box-shadow:0 2px 8px #22c55e66}.standard-action-btn.standard-google-generate-btn:hover{background:#22c55e;transform:scale(1.1);box-shadow:0 4px 12px #22c55e99}.standard-action-btn.standard-upload-btn{background:#3b82f6e6;box-shadow:0 2px 8px #3b82f666}.standard-action-btn.standard-upload-btn:hover{background:#3b82f6;transform:scale(1.1);box-shadow:0 4px 12px #3b82f699}.standard-action-btn.standard-download-btn{color:#fff;background:#0ea5e9e6;box-shadow:0 2px 8px #0ea5e966}.standard-action-btn.standard-download-btn:hover{background:#0ea5e9;transform:scale(1.1);box-shadow:0 4px 12px #0ea5e999}.standard-action-btn.standard-delete-btn{background:#ef4444e6;box-shadow:0 2px 8px #ef444466}.standard-action-btn.standard-delete-btn:hover{background:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #ef444499}.standard-action-btn:active{transform:scale(.95)}.standard-action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.standard-action-btn:disabled:hover{box-shadow:none;transform:none}.standard-thumbnail{object-fit:cover;border:2px solid #333;border-radius:8px;width:100px;height:100px;transition:all .3s;display:block}.standard-thumbnail:hover{border-color:#ec4899;transform:scale(1.05);box-shadow:0 4px 12px #ec489966}.standard-video-cell{text-align:center;width:200px}.standard-video-container{display:inline-block;position:relative}.standard-video-preview{object-fit:cover;background:#1a1a1a;border-radius:8px;width:150px;height:100px}.standard-video-progress,.standard-video-error{color:#e0e0e0;background:#1f1f1f;border:1px solid #333;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;width:150px;height:100px;padding:10px;display:flex}.standard-video-progress-title{color:#ec4899;font-size:13px;font-weight:600}.standard-video-progress-percent{color:#999;font-size:12px}.standard-video-error{border-color:#ef44448c}.standard-video-error-title{color:#ef4444;font-size:13px;font-weight:600}.standard-video-error-message{color:#aaa;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.standard-no-image,.standard-no-video{color:#666;background:#2a2a2a;border:2px dashed #444;border-radius:8px;justify-content:center;align-items:center;width:100px;height:100px;font-size:14px;display:flex}.standard-no-image.standard-clickable{cursor:pointer;font-size:32px;transition:all .2s}.standard-no-image.standard-clickable:hover{color:#999;background:#333;border-color:#666}.standard-first-frame-status{color:#e5e7eb;text-align:center;background:#1f2937;border:2px solid #333;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100px;height:100px;padding:8px;display:inline-flex;overflow:hidden}.standard-first-frame-status-running{background:linear-gradient(135deg,#4285f42e,#34a85329);border-color:#4285f4b3}.standard-google-progress-percent{color:#93c5fd;font-size:24px;font-weight:700;line-height:1}.standard-google-progress-label{color:#cbd5e1;font-size:12px;line-height:1.2}.standard-first-frame-status-failed{background:#7f1d1d47;border-color:#ef4444bf}.standard-google-failed-title{color:#fca5a5;font-size:16px;font-weight:700;line-height:1}.standard-google-failed-message{color:#fecaca;text-overflow:ellipsis;-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;width:100%;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.standard-image-wrapper{margin:4px;display:inline-block;position:relative}.standard-scene-images{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-width:112px;max-width:340px;display:inline-flex}.standard-scene-image-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#10b981e6;border-radius:4px;max-width:calc(100% - 12px);padding:2px 6px;font-size:12px;font-weight:600;line-height:1.4;position:absolute;bottom:6px;left:6px;overflow:hidden}.standard-image-wrapper:hover .standard-hover-actions{opacity:1}.standard-hover-actions{opacity:0;z-index:10;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.standard-hover-btn{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.standard-hover-btn:hover{background:#000000e6;transform:scale(1.15)}.standard-hover-btn.standard-upload-btn{border:1px solid #3b82f699}.standard-hover-btn.standard-upload-btn:hover{box-shadow:0 0 12px #3b82f6cc}.standard-hover-btn.standard-delete-btn-icon{border:1px solid #ef444499}.standard-hover-btn.standard-delete-btn-icon:hover{box-shadow:0 0 12px #ef4444cc}.standard-no-video{width:150px;height:100px;font-size:24px}.standard-no-video.standard-clickable{cursor:pointer;font-size:48px;transition:all .2s}.standard-no-video.standard-clickable:hover{color:#999;background:#333;border-color:#666}.standard-prompt-cell{min-width:200px;max-width:300px}.standard-prompt-text{color:#ccc;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.standard-empty-row{text-align:center;padding:40px 20px!important}.standard-empty-row .standard-empty-state{padding:20px}.standard-video-actions{opacity:0;z-index:10;pointer-events:none;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.standard-video-actions .standard-action-btn{pointer-events:auto}.standard-video-container:hover .standard-video-actions{opacity:1}.standard-batch-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .3s}.standard-batch-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.standard-batch-generate-btn:disabled{opacity:.6;cursor:not-allowed}.standard-batch-optimize-btn{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);box-shadow:0 2px 8px #8b5cf659}.standard-google-batch-generate-btn{background:linear-gradient(135deg,#4285f4 0%,#34a853 100%)}.standard-batch-status-panel{background:#111827;border:1px solid #374151;border-radius:8px;flex-shrink:0;margin-bottom:16px;padding:14px 16px}.standard-batch-status-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.standard-batch-status-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.standard-stop-batch-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.standard-stop-batch-btn:hover{background:#ef4444;transform:translateY(-1px)}.standard-clear-status-btn{background:#334155}.standard-clear-status-btn:hover{background:#475569}.standard-batch-status-content{flex-wrap:wrap;gap:16px;display:flex}.standard-status-item{background:#00000047;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.standard-status-item.generating{background:#3b82f61a;border-color:#3b82f6}.standard-status-item.completed{background:#10b9811a;border-color:#10b981}.standard-status-item.skipped{background:#f59e0b1a;border-color:#f59e0b}.standard-status-item.failed{background:#ef44441a;border-color:#ef4444}.standard-status-label{color:#94a3b8;font-size:14px;font-weight:500}.standard-status-count{text-align:center;min-width:24px;font-size:18px;font-weight:700}.standard-status-item.generating .standard-status-count{color:#3b82f6}.standard-status-item.completed .standard-status-count{color:#10b981}.standard-status-item.skipped .standard-status-count{color:#f59e0b}.standard-status-item.failed .standard-status-count{color:#ef4444}.standard-status-scenes{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:300px;font-size:12px;overflow:hidden}.standard-import-status-panel{border-color:#0d9488}.standard-import-running,.standard-import-dir{color:#cbd5e1;margin-bottom:12px;font-size:13px;line-height:1.5}.standard-import-running{margin-bottom:0}.standard-seedream-batch-confirm-modal .ant-modal-confirm-content{color:#000!important}.standard-video-batch-confirm{color:#1f2937;flex-direction:column;gap:16px;display:flex}.standard-video-batch-confirm p{margin:0;line-height:1.6}.standard-video-batch-field{flex-direction:column;gap:8px;display:flex}.standard-video-batch-label{color:#111827;font-weight:600}.standard-image-preview-modal{z-index:10000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.standard-preview-content{cursor:default;background:#000;border-radius:8px;justify-content:center;align-items:center;width:1280px;height:720px;display:flex;position:relative;box-shadow:0 8px 32px #00000080}.standard-preview-content img{object-fit:contain;border-radius:8px;max-width:1280px;max-height:720px;display:block}.standard-preview-content .standard-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:-40px;right:0}.standard-preview-content .standard-close-btn:hover{background:#fff3;transform:scale(1.1)}.standard-video-preview-modal{z-index:10000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.standard-video-preview-content{cursor:default;background:#000;border-radius:8px;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative;box-shadow:0 8px 32px #00000080}.standard-video-preview-content video{border-radius:8px;display:block}.standard-video-preview-content .standard-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:-40px;right:0}.standard-video-preview-content .standard-close-btn:hover{background:#fff3;transform:scale(1.1)}.standard-series-composition-page{color:#fff;background:#1a1a1a;max-width:100%;height:100%;min-height:100vh;margin:0 auto;padding:24px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header>div:first-child{align-items:center;gap:12px;display:flex}.page-header h2{color:#fff;margin:0}.composition-video-summary{color:#d1d5db;white-space:nowrap;background:#222;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:6px;min-height:28px;padding:4px 10px;font-size:13px;line-height:1;display:inline-flex}.composition-video-summary strong{color:#fff;font-size:15px}.composition-video-summary-label{color:#9ca3af}.composition-video-summary.all-ready{background:#16653447;border-color:#22c55e80}.composition-video-summary.has-missing{background:#78350f59;border-color:#f59e0b8c}.composition-video-summary-missing{color:#fbbf24;font-weight:600}.progress-card{background:#2a2a2a;border-color:#3a3a3a;margin-bottom:24px}.progress-card .ant-card-body{flex-direction:column;gap:12px;display:flex}.composition-progress-row{grid-template-columns:170px minmax(180px,1fr) auto;align-items:center;gap:12px;display:grid}.clips-card{--composition-columns:20px 120px 150px minmax(180px, 2fr) minmax(180px, 2fr) minmax(150px, 1fr) minmax(230px, 1.4fr);--composition-column-gap:12px;background:#2a2a2a;border-color:#3a3a3a;margin-bottom:24px}.clips-card .ant-card-head{color:#fff;border-bottom-color:#3a3a3a}.clips-card .ant-card-head-title{color:#fff}.clips-card-title{flex-wrap:wrap;align-items:center;display:flex}.processed-video-summary{align-items:center;gap:8px;margin-left:8px;display:inline-flex}.processed-video-summary-item{color:#cbd5e1;white-space:nowrap;background:#222;border:1px solid #3f3f46;border-radius:5px;align-items:center;gap:4px;height:24px;padding:3px 8px;font-size:12px;line-height:1;display:inline-flex}.processed-video-summary-item strong{color:#fff;font-size:14px}.processed-video-summary-item.zh{background:#0c4a6e52;border-color:#0ea5e973}.processed-video-summary-item.en{background:#581c8747;border-color:#a855f773}.clips-list{flex-direction:column;gap:12px;max-height:600px;padding-right:0;display:flex;overflow-y:auto}.clips-list::-webkit-scrollbar{width:8px}.clips-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.clips-list::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.clips-list::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.clip-item{grid-template-columns:var(--composition-columns);column-gap:var(--composition-column-gap);background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;align-items:flex-start;padding:12px;transition:all .3s;display:grid}.clip-item.enabled{background:#2a2a2a;border-color:#1890ff}.clip-item.disabled{opacity:.6;background:#1a1a1a}.clip-item:hover{box-shadow:0 2px 8px #1890ff33}.clip-thumbnail{cursor:pointer;background:#000;border-radius:4px;width:120px;height:68px;position:relative;overflow:hidden}.clip-thumbnail video{object-fit:cover;width:100%;height:100%}.clip-play-overlay{opacity:0;pointer-events:none;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.clip-thumbnail:hover .clip-play-overlay{opacity:1}.clip-play-icon{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-placeholder{color:#666;background:#333;justify-content:center;align-items:center;width:120px;height:68px;font-size:12px;display:flex}.clip-info{flex-direction:column;flex:1;gap:4px;display:flex}.clip-number{color:#fff;font-size:14px;font-weight:600}.clip-duration{color:#999;font-size:12px}.clip-dialogue{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.clips-header{grid-template-columns:var(--composition-columns);align-items:center;column-gap:var(--composition-column-gap);color:#888;letter-spacing:.5px;background:#222;border:1px solid #3a3a3a;border-radius:4px;margin-bottom:6px;padding:6px 12px;font-size:11px;font-weight:600;display:grid}.clips-header>.col-cb{flex-shrink:0;width:20px}.clips-header>.col-preview{text-align:center;flex-shrink:0;width:120px}.clips-header>.col-info{min-width:0}.clips-header>.col-narration{color:#bbb;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.clips-header>.col-narration .ant-btn{height:22px;padding:0 6px;font-size:11px;line-height:20px}.clips-header>.col-subtitles{color:#bbb;min-width:0}.clips-header>.col-audio,.clips-header>.col-processed{text-align:center;color:#bbb;min-width:0}.clip-item{align-items:flex-start}.clip-item>.col-cb{flex-shrink:0;align-items:center;width:20px;padding-top:2px;display:flex}.clip-info{min-width:0;padding-top:2px}.clip-narration,.col-subtitles{color:#ccc;border-left:1px solid #3a3a3a;min-width:0;max-height:72px;margin-left:0;padding:2px 6px;font-size:12px;line-height:1.45;overflow-y:auto}.subtitles-text{word-break:break-word}.bilingual-text{flex-direction:column;gap:4px;min-width:0;display:flex}.bilingual-line{grid-template-columns:34px minmax(0,1fr);gap:6px;min-width:0;display:grid}.bilingual-label{color:#8ab4ff;white-space:nowrap;font-size:11px}.bilingual-content{color:#ddd;white-space:pre-wrap;word-break:break-word}.bilingual-empty{color:#555;font-style:italic}.col-audio{border-left:1px solid #3a3a3a;justify-content:center;align-items:center;min-width:0;margin-left:0;padding:2px 6px;display:flex}.audio-language-list{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.audio-language-item{grid-template-columns:34px minmax(42px,1fr) 26px;align-items:center;gap:5px;min-width:0;font-size:12px;display:grid}.audio-language-item.empty{grid-template-columns:34px minmax(42px,1fr)}.audio-language-label{color:#8ab4ff;white-space:nowrap;font-size:11px}.audio-language-duration{color:#ddd;white-space:nowrap}.audio-language-missing{color:#777;white-space:nowrap}.col-processed{border-left:1px solid #3a3a3a;justify-content:center;align-items:stretch;min-width:0;margin-left:0;padding:2px 6px;display:flex}.processed-language-list{grid-template-columns:repeat(2,minmax(104px,1fr));gap:8px;width:100%;display:grid}.processed-language-item{background:#242424;border:1px solid #3a3a3a;border-radius:6px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:6px;display:flex}.processed-language-header{justify-content:space-between;align-items:center;gap:6px;width:100%;font-size:11px;display:flex}.processed-language-label{color:#8ab4ff;white-space:nowrap}.processed-language-ready{color:#52c41a;white-space:nowrap}.processed-language-missing{color:#777;white-space:nowrap}.processed-thumbnail{aspect-ratio:16/9;width:100%;max-width:108px;height:auto}.processed-actions{justify-content:center}.processed-actions .ant-btn{padding:0 5px;font-size:11px}.clip-narration::-webkit-scrollbar{width:4px}.clip-narration::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.narration-text{white-space:pre-wrap;word-break:break-word;color:#ddd;font-size:12px}.no-narration{color:#555;font-style:italic}.clip-item:hover .clip-narration{border-left-color:#1890ff}.final-video-card{background:#2a2a2a;border-color:#3a3a3a;margin-bottom:24px}.final-video-card .ant-card-head{color:#fff;border-bottom-color:#3a3a3a}.final-video-card .ant-card-head-title{color:#fff}.final-video-versions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.final-video-version{background:#242424;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.final-video-version.empty{min-height:220px}.final-video-version-header{color:#fff;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.final-video-empty{color:#666;background:#1f1f1f;border:1px dashed #3a3a3a;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:180px;display:flex}.final-video-container{background:#000;border-radius:8px;justify-content:center;width:100%;display:flex;overflow:hidden}.final-video{width:100%;max-height:600px}@media (width<=900px){.final-video-versions,.composition-progress-row{grid-template-columns:1fr}}.error-card{background:#2a2a2a;border-color:#3a3a3a;margin-bottom:24px}.error-card .ant-card-head{color:#fff;border-bottom-color:#3a3a3a}.error-card .ant-card-head-title{color:#fff}.error-card .ant-card-body{background:#3a1a1a}.page-header-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-selector{border-left:1px solid #3a3a3a;align-items:center;gap:6px;margin-left:16px;padding-left:12px;display:flex}.voice-label{color:#aaa;white-space:nowrap;font-size:13px}.voice-selector .ant-select{font-size:13px}.voice-selector .ant-select-selector{color:#fff!important;background:#2a2a2a!important;border-color:#3a3a3a!important}.voice-selector .ant-select-selection-placeholder{color:#777!important}.standard-series-confirm-modal .ant-modal-confirm-title,.standard-series-confirm-modal .ant-modal-confirm-content{color:#111!important}.users-page{color:#e0e0e0;background:#0a0a0a;flex-direction:column;height:100%;padding:24px;display:flex}.page-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2{color:#fff;margin:0;font-size:24px;font-weight:600}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #10b98166}.add-btn:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.btn-icon{font-size:20px;line-height:1}.btn-text{line-height:1}.table-container{background:#1a1a1a;border-radius:12px;flex:1;min-height:0;padding:20px;overflow:auto}.loading-state{text-align:center;color:#999;padding:60px 20px}.users-table{border-collapse:collapse;background:#1a1a1a;width:100%}.users-table thead th{color:#fff;text-align:left;white-space:nowrap;z-index:10;background:#2a2a2a;border:1px solid #333;padding:16px 12px;font-weight:600;position:sticky;top:0}.users-table tbody td{vertical-align:middle;background:#1a1a1a;border:1px solid #333;padding:12px}.users-table tbody tr:hover td{background:#222}.role-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.role-badge.admin{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%)}.role-badge.user{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.status-badge.inactive{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.action-buttons{gap:8px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.edit-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.delete-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-layout{min-height:100vh}.chat-page.ant-layout{height:100%;min-height:0}