.main-content[data-v-477889f1],.video-generator-container[data-v-477889f1]{height:100%;overflow:hidden}.main-content[data-v-477889f1]{display:grid;gap:20px;grid-template-columns:350px 1fr 243px}.center-panel[data-v-477889f1],.left-panel[data-v-477889f1],.right-panel[data-v-477889f1]{animation:slideIn-477889f1 .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(32,32,32,.95);box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;overflow:hidden}.center-panel[data-v-477889f1]{background-color:transparent!important}.left-panel[data-v-477889f1]{color:#fff;height:100%}[data-v-477889f1] .el-form-item__label{color:#fff!important;font-weight:600}[data-v-477889f1] .el-input__wrapper,[data-v-477889f1] .el-textarea__inner{background:hsla(0,0%,100%,.1);border-radius:8px;color:#fff;transition:all .3s ease}[data-v-477889f1] .el-input__inner,[data-v-477889f1] .el-textarea__inner{color:#fff}[data-v-477889f1] .el-input__wrapper:hover,[data-v-477889f1] .el-textarea__inner:hover{box-shadow:0 0 0 1px #667eea}[data-v-477889f1] .el-input__wrapper.is-focus,[data-v-477889f1] .el-textarea__inner:focus{box-shadow:0 0 0 1px #667eea}[data-v-477889f1] .el-input__inner::-moz-placeholder{color:#ffffff80}[data-v-477889f1] .el-input__inner::placeholder{color:#ffffff80}[data-v-477889f1] .el-textarea__inner::-moz-placeholder{color:#ffffff80}[data-v-477889f1] .el-textarea__inner::placeholder{color:#ffffff80}[data-v-477889f1] .el-select .el-input__wrapper{background:hsla(0,0%,100%,.1)}[data-v-477889f1] .el-select .el-input__inner{color:#fff}[data-v-477889f1] .el-select-dropdown__item{color:#333}[data-v-477889f1] .el-switch__label{color:#fff}[data-v-477889f1] .el-input-number{width:100%}[data-v-477889f1] .el-input-number .el-input__wrapper{background:hsla(0,0%,100%,.1)}[data-v-477889f1] .el-input-number .el-input__inner{color:#fff}@keyframes slideIn-477889f1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-body[data-v-477889f1]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:0}.form-scroll[data-v-477889f1]{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px 5px 10px 10px}.form-scroll[data-v-477889f1]::-webkit-scrollbar{width:0}.form-scroll[data-v-477889f1]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.form-scroll[data-v-477889f1]::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5);border-radius:3px}.form-scroll[data-v-477889f1]::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.8)}.panel-footer[data-v-477889f1]{background-color:#2e2e2e;border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0;padding:15px 10px;width:100%}.full-width[data-v-477889f1]{width:100%}.form-grid-row[data-v-477889f1]{display:grid;gap:0 12px;grid-template-columns:repeat(2,1fr)}.form-grid-col[data-v-477889f1]{width:100%}.aspect-ratio-option[data-v-477889f1]{align-items:center;display:flex;gap:5px;padding:4px 0}.aspect-ratio-container[data-v-477889f1]{flex-shrink:0;height:20px;width:20px}.aspect-ratio-box[data-v-477889f1],.aspect-ratio-container[data-v-477889f1]{align-items:center;display:flex;justify-content:center}.aspect-ratio-box[data-v-477889f1]{background:rgba(102,126,234,.2);border:2px solid #667eea;border-radius:4px;color:#667eea;font-size:10px;transition:all .3s ease}.generate-btn[data-v-477889f1]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;display:flex;font-size:16px;font-weight:600;gap:8px;height:50px;justify-content:center;transition:all .3s ease;width:100%}.generate-btn[data-v-477889f1]:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.generate-btn[data-v-477889f1]:active{transform:translateY(0)}.preview-container[data-v-477889f1]{align-items:center;box-shadow:inset 0 2px 8px #0000001a;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.empty-preview[data-v-477889f1]{color:#999;text-align:center}.empty-icon[data-v-477889f1]{font-size:64px;margin-bottom:16px;opacity:.5}.error-preview[data-v-477889f1]{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.error-container[data-v-477889f1]{color:#fff;padding:40px;text-align:center}.error-icon[data-v-477889f1]{animation:pulse-477889f1 2s infinite;color:#ef4444;font-size:80px;margin-bottom:20px}.error-container h3[data-v-477889f1]{color:#ef4444;font-size:24px;margin-bottom:10px}.error-container p[data-v-477889f1]{color:#999;font-size:16px;margin:0}@keyframes pulse-477889f1{0%,to{box-shadow:0 0 #667eea66;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 10px #667eea00;opacity:.8;transform:scale(1.1)}}.loading-preview[data-v-477889f1]{background:rgba(0,0,0,.8);overflow:hidden}.loading-animation-container[data-v-477889f1],.loading-preview[data-v-477889f1]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading-animation-container[data-v-477889f1]{flex-direction:column;padding:40px}.loading-dots[data-v-477889f1]{background:radial-gradient(circle at center,rgba(102,126,234,.1) 0,transparent 70%);border-radius:50%;height:200px;margin-bottom:30px;position:relative;width:200px}.loading-dots[data-v-477889f1]:before{animation:spin-477889f1 2s linear infinite;border-right:2px solid transparent;border-top:2px solid transparent;border-color:#667eea #667eea transparent transparent;border-radius:50%;border-style:solid;border-width:2px;height:160px;margin:-80px 0 0 -80px;width:160px}.loading-dots[data-v-477889f1]:after,.loading-dots[data-v-477889f1]:before{content:"";left:50%;position:absolute;top:50%}.loading-dots[data-v-477889f1]:after{animation:spin-477889f1 1.5s linear infinite reverse;border-bottom:2px solid transparent;border-left:2px solid transparent;border-color:transparent transparent #764ba2 #764ba2;border-radius:50%;border-style:solid;border-width:2px;height:140px;margin:-70px 0 0 -70px;width:140px}.loading-text[data-v-477889f1]{color:#fff;font-size:18px;text-align:center}.loading-text p[data-v-477889f1]{font-weight:600;margin:8px 0}.loading-text .est-time[data-v-477889f1]{color:#ffffffb3;font-size:14px;font-weight:400}.video-preview[data-v-477889f1]{display:flex;flex-direction:column;height:100%;width:100%}.video-player[data-v-477889f1]{background:#000;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.video-info[data-v-477889f1]{background:rgba(0,0,0,.8);color:#fff;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:auto;padding:16px}.info-item[data-v-477889f1]{align-items:center;display:flex;font-size:14px;gap:8px}.progress-section[data-v-477889f1]{animation:pulse-477889f1 2s infinite;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:24px}.progress-header[data-v-477889f1]{display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.progress-label[data-v-477889f1]{color:#667eea}.progress-percent[data-v-477889f1]{color:#764ba2}.progress-info[data-v-477889f1]{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:12px}.loading-icon[data-v-477889f1]{animation:spin-477889f1 1s linear infinite}@keyframes spin-477889f1{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.action-buttons[data-v-477889f1]{display:flex;flex-shrink:0;gap:12px;justify-content:center}.action-buttons .el-button[data-v-477889f1]{border-radius:8px;flex:1;font-weight:600;height:44px;transition:all .3s ease}.action-buttons .el-button[data-v-477889f1]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.empty-history[data-v-477889f1]{color:#999;padding:60px 20px;text-align:center}.history-list[data-v-477889f1]{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 10px 10px}.history-list[data-v-477889f1]::-webkit-scrollbar{width:6px}.history-list[data-v-477889f1]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.history-list[data-v-477889f1]::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5);border-radius:3px}.history-list[data-v-477889f1]::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.8)}.loading-more[data-v-477889f1]{color:#667eea;gap:8px}.loading-more[data-v-477889f1],.no-more[data-v-477889f1]{align-items:center;display:flex;font-size:14px;justify-content:center;padding:10px 0}.no-more[data-v-477889f1]{color:#999}.history-item[data-v-477889f1]{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:5px}.history-item[data-v-477889f1]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.history-item-selected[data-v-477889f1]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 16px #667eea80;color:#fff}.history-item-selected .history-title[data-v-477889f1]{color:#fff}.history-item-selected .history-meta[data-v-477889f1],.history-item-selected .meta-item[data-v-477889f1]{color:#fffc}.history-thumbnail[data-v-477889f1]{background:#333;border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.history-thumbnail img[data-v-477889f1]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.thumbnail-placeholder[data-v-477889f1]{align-items:center;color:#ccc;display:flex;height:100%;justify-content:center;width:100%}.thumbnail-placeholder img[data-v-477889f1]{height:100%;width:100%}.status-badge[data-v-477889f1]{border-radius:4px;bottom:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:4px}.status-badge.status-2[data-v-477889f1]{background:#409eff}.status-badge.status-1[data-v-477889f1]{background:#67c23a}.status-badge.status-0[data-v-477889f1]{background:#f56c6c}.history-info[data-v-477889f1]{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.history-title[data-v-477889f1]{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.history-prompt[data-v-477889f1],.history-title[data-v-477889f1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-prompt[data-v-477889f1]{color:#666;font-size:12px;margin:0 0 8px}.history-meta[data-v-477889f1]{color:#ccc;display:flex;font-size:11px;gap:12px}.meta-item[data-v-477889f1]{align-items:center;display:flex;gap:4px;white-space:nowrap}.preview-image[data-v-477889f1]{border-radius:8px;height:auto;width:100%}.history-filter[data-v-477889f1]{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;justify-content:center;padding-bottom:12px;text-align:center}.clear-btn[data-v-477889f1]{color:#666;font-size:12px}.clear-btn[data-v-477889f1]:hover{color:#667eea}.two-line-ellipsis[data-v-477889f1]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}[data-v-477889f1] .el-divider__text{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-weight:600;padding:4px 16px}[data-v-477889f1] .el-progress-bar__inner{background:linear-gradient(90deg,#667eea,#764ba2)}[data-v-477889f1] .el-scrollbar__wrap{overflow-x:hidden}[data-v-477889f1] .el-form-item__content{width:100%}[data-v-477889f1] .el-form-item,.form-grid-row[data-v-477889f1] .el-form-item{margin-bottom:12px}.model-select .el-select-dropdown__wrap{max-height:443px!important;max-width:443px!important}.el-select-dropdown__item{height:auto;text-align:left}.el-select-dropdown__list{padding:0}.el-select-dropdown__item.is-selected{background-color:#404040!important}.el-select-dropdown__item.is-hovering{background-color:#2e2e2e}