.create-right[data-v-10819ccd] .preview-content{align-items:flex-start;background:#191b2a;display:flex;justify-content:center;max-height:calc(100% - 100px);overflow:hidden;position:relative;width:100%}.create-right[data-v-10819ccd] .preview-content .el-loading-mask{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:linear-gradient(90deg,#272a3a,#222535)!important;border-radius:23px}.create-right[data-v-10819ccd] .preview-content .fail-status{align-items:center;background:linear-gradient(90deg,#272a3a,#222535);border-radius:24px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:16px;text-align:center;width:100%;z-index:2}.create-right[data-v-10819ccd] .preview-content .fail-status>img{max-width:196px;width:34%}.create-right[data-v-10819ccd] .action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.create-right[data-v-10819ccd] .action-buttons .btn-regenerate{border:1px solid hsla(0,0%,100%,.5);border-radius:34px;color:#fff;font-size:16px;padding:16px 32px}.create-right-history[data-v-b406b432]{background:#191b2a;border-radius:24px;display:flex;flex-direction:column;height:100%;padding:16px 0;width:196px}.create-right-history[data-v-b406b432]>h2{color:#ffffff80;font-size:16px;margin-bottom:32px;padding-left:16px}.create-right-history[data-v-b406b432] .history-container{flex:1;min-height:0}.create-right-history[data-v-b406b432] .history-container>.el-loading-mask{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:#00000080!important}.create-right-history[data-v-b406b432] .history-container>.el-loading-mask .el-loading-spinner .circular{height:50px;width:50px}.create-right-history[data-v-b406b432] .common-scrollbar{height:100%;overflow-y:auto;padding:0 16px}.create-right-history[data-v-b406b432] .empty-history{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:56px 22px}.create-right-history[data-v-b406b432] .empty-history>p{color:#ffffff80;font-size:14px;margin-top:10px}.create-right-history[data-v-b406b432] .history-list{display:flex;flex-direction:column;gap:16px}.create-right-history[data-v-b406b432] .history-list .tmp-item{--background: #272a3a;aspect-ratio:1/1;background:var(--background);border-radius:9px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.create-right-history[data-v-b406b432] .history-list .tmp-item:hover{--background: #1e2042}.create-right-history[data-v-b406b432] .history-list .tmp-item.active:after{border:4px solid var(--el-color-primary);border-radius:12px;content:"";inset:0;position:absolute;z-index:21}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-loading-mask{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:linear-gradient(90deg,#272a3a,#222535)!important;border-radius:12px}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-loading-mask .el-loading-text{color:#ffffffbf;font-size:14px;font-weight:400;margin:16px 0 8px}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-loading-mask .el-loading-spinner .circular{height:20%;width:20%}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-loading-mask .el-loading-spinner .circular .path{stroke-width:3px}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-image{height:100%;width:100%}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-image .el-image__inner{border-radius:12px;-o-object-fit:contain;object-fit:contain}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-image .image-placeholder{align-items:center;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-image .image-placeholder>img{background:transparent;height:auto;-o-object-fit:contain;object-fit:contain;width:auto}.create-right-history[data-v-b406b432] .history-list .tmp-item img,.create-right-history[data-v-b406b432] .history-list .tmp-item video{background:transparent;border-radius:12px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.create-right-history[data-v-b406b432] .history-list .tmp-item .status-mask{transition:all .2s ease;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute}.create-right-history[data-v-b406b432] .history-list .tmp-item .status-mask>img{height:20%;margin-bottom:9px;width:20%}.create-right-history[data-v-b406b432] .history-list .tmp-item .status-mask{color:#ffffffbf;font-size:14px}@media only screen and (max-width:768px){.create-right-history[data-v-b406b432]{border-radius:0;padding:24px 0 0;width:100%}.create-right-history[data-v-b406b432] .history-container{flex:1;min-height:0}.create-right-history[data-v-b406b432] .history-container>.el-loading-mask{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:#00000080!important}.create-right-history[data-v-b406b432] .history-container>.el-loading-mask .el-loading-spinner .circular{height:50px;width:50px}.create-right-history[data-v-b406b432] .common-scrollbar{height:100%;overflow-y:auto;padding:0 16px}.create-right-history[data-v-b406b432] .empty-history{padding:0}.create-right-history[data-v-b406b432] .history-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.create-right-history[data-v-b406b432] .history-list .tmp-item{cursor:pointer;width:calc(33.33333% - 5.33333px)}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-image{height:100%;width:100%}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-image .el-image__inner{border-radius:12px;-o-object-fit:contain;object-fit:contain}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-image .image-placeholder{align-items:center;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.create-right-history[data-v-b406b432] .history-list .tmp-item .el-image .image-placeholder>img{background:transparent;height:auto;-o-object-fit:contain;object-fit:contain;width:auto}.create-right-history[data-v-b406b432] .history-list .tmp-item img,.create-right-history[data-v-b406b432] .history-list .tmp-item video{background:transparent;border-radius:12px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.create-right-history[data-v-b406b432] .history-list .tmp-item .status-mask{transition:all .2s ease;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute}.create-right-history[data-v-b406b432] .history-list .tmp-item .status-mask>img{height:20%;margin-bottom:9px;width:20%}.create-right-history[data-v-b406b432] .history-list .tmp-item .status-mask{color:#ffffffbf;font-size:14px}}