.credits-row[data-v-40b46eb1]{align-items:center;display:flex;justify-content:space-between;width:100%}.credits-row__left[data-v-40b46eb1]{align-items:center;display:flex;gap:4px}.credits-row__icon[data-v-40b46eb1]{height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.credits-row__label[data-v-40b46eb1]{color:#ffffffbf;font-size:16px;font-weight:500;line-height:normal;text-transform:capitalize;white-space:nowrap}.credits-row__right[data-v-40b46eb1]{align-items:flex-end;display:flex;gap:4px}.credits-row__price[data-v-40b46eb1]{color:#ffffffbf;font-size:16px;font-weight:500;line-height:normal}.credits-row__coin[data-v-40b46eb1]{height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.create-btn[data-v-40b46eb1]{align-items:center;background:linear-gradient(86.5deg,#ff601e .3%,#ffb114 95.2%);border:none;border-radius:100px;cursor:pointer;display:inline-flex;gap:3px;height:48px;justify-content:center;outline:none;padding:12px 14px;transition:opacity .2s ease;width:100%}.create-btn[data-v-40b46eb1]:hover:not(.is-disabled):not(:disabled){opacity:.9}.create-btn[data-v-40b46eb1]{color:#fff}.create-btn.is-disabled[data-v-40b46eb1],.create-btn[data-v-40b46eb1]:disabled{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;color:#ffffff40;cursor:not-allowed}.create-btn__icon[data-v-40b46eb1]{height:24px;width:24px}.create-btn__text[data-v-40b46eb1]{color:inherit;font-size:20px;font-weight:500;line-height:normal;text-transform:capitalize;white-space:nowrap}.create-btn__loading[data-v-40b46eb1]{align-items:center;color:#fff;display:inline-flex;font-size:24px;justify-content:center}.upgrade-text[data-v-40b46eb1]{background:linear-gradient(85deg,#ff601e .3%,#ffb114 95.2%);background-clip:text;-webkit-background-clip:text;color:transparent;cursor:pointer;font-size:16px;font-weight:400;line-height:normal;text-transform:capitalize;transition:opacity .2s ease;white-space:nowrap}.upgrade-text[data-v-40b46eb1]:hover{opacity:.85}.related-templates[data-v-9070c631]{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}.card-list-wrapper[data-v-9070c631]{min-width:0;position:relative;width:100%}.card-scroll[data-v-9070c631]{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden}.card-scroll[data-v-9070c631]::-webkit-scrollbar{display:none}.card-scroll[data-v-9070c631]{scrollbar-width:none}.card-item[data-v-9070c631]{border:1px solid transparent;border-radius:8px;cursor:pointer;flex-shrink:0;height:120px;overflow:hidden;position:relative;transition:border-color .2s;width:80px}.card-item img[data-v-9070c631]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .2s;width:100%}.card-item.active[data-v-9070c631]{border-color:var(--el-color-primary)}.card-item[data-v-9070c631]:hover:not(.active){border-color:#ffffff4d}.video-container[data-v-9070c631]{inset:0;position:absolute}.video-container video[data-v-9070c631]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.arrow-btn[data-v-9070c631]{border-radius:12px;color:#ffffffb3;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.arrow-btn[data-v-9070c631]:hover{color:#fff}.arrow-btn.arrow-left[data-v-9070c631]{left:0}.arrow-btn.arrow-right[data-v-9070c631]{right:0}.create-right[data-v-ea1d635c] .preview-content{align-items:flex-start;background:var(--primary-bg-color);display:flex;flex:1;justify-content:center;min-height:0;overflow:hidden;position:relative;width:100%}.create-right[data-v-ea1d635c] .preview-content .el-loading-mask{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:#ffffff0d!important;border-radius:23px}.create-right[data-v-ea1d635c] .preview-content .fail-status{align-items:center;background:#ffffff0d;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-ea1d635c] .preview-content .fail-status>img{max-width:196px;width:34%}.create-right[data-v-ea1d635c] .action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;width:100%}.create-right[data-v-ea1d635c] .action-buttons .btn-regenerate{border:1px solid hsla(0,0%,100%,.5);border-radius:34px;color:#fff}.create-right[data-v-ea1d635c] .action-buttons .common-home-btn{box-shadow:none}.create-right[data-v-ea1d635c] .more .el-image{overflow:visible}.create-right-history[data-v-5d0b28ce]{background:var(--primary-bg-color);border-radius:24px;display:flex;flex-direction:column;height:100%;padding:16px 0;width:196px}.create-right-history[data-v-5d0b28ce]>h2{color:#ffffff80;font-size:16px;margin-bottom:16px;padding-left:16px}.create-right-history[data-v-5d0b28ce] .history-container{flex:1;min-height:0}.create-right-history[data-v-5d0b28ce] .history-container>.el-loading-mask{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:#00000080!important}.create-right-history[data-v-5d0b28ce] .history-container>.el-loading-mask .el-loading-spinner .circular{height:50px;width:50px}.create-right-history[data-v-5d0b28ce] .common-scrollbar{height:100%;overflow-y:auto;padding:0 16px}.create-right-history[data-v-5d0b28ce] .empty-history{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:56px 22px}.create-right-history[data-v-5d0b28ce] .empty-history>img{height:120px;-o-object-fit:contain;object-fit:contain;width:120px}.create-right-history[data-v-5d0b28ce] .empty-history>p{color:#ffffff80;font-size:14px;margin-top:10px}.create-right-history[data-v-5d0b28ce] .load-trigger-wrap{align-items:center;display:flex;flex-direction:column;padding:12px 0}.create-right-history[data-v-5d0b28ce] .load-more-loading{margin-bottom:8px}.create-right-history[data-v-5d0b28ce] .load-trigger{height:1px;pointer-events:none;width:100%}.create-right-history[data-v-5d0b28ce] .history-list{display:flex;flex-direction:column;gap:16px}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item{--background:hsla(0,0%,100%,.05);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-5d0b28ce] .history-list .tmp-item:hover{--background:#181818}.create-right-history[data-v-5d0b28ce] .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-5d0b28ce] .history-list .tmp-item .el-loading-mask{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:#181818!important;border-radius:12px}.create-right-history[data-v-5d0b28ce] .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-5d0b28ce] .history-list .tmp-item .el-loading-mask .el-loading-spinner .circular{height:20%;width:20%}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item .el-loading-mask .el-loading-spinner .circular .path{stroke-width:3px}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item .el-image{height:100%;width:100%}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item .el-image .el-image__inner{border-radius:12px;-o-object-fit:contain;object-fit:contain}.create-right-history[data-v-5d0b28ce] .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-5d0b28ce] .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-5d0b28ce] .history-list .tmp-item img,.create-right-history[data-v-5d0b28ce] .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-5d0b28ce] .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-5d0b28ce] .history-list .tmp-item .status-mask>img{height:18%;margin-bottom:9px;width:18%}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item .status-mask{color:#ffffffbf;font-size:14px}@media only screen and (max-width:768px){.create-right-history[data-v-5d0b28ce]{border-radius:0;padding:24px 0 0;width:100%}.create-right-history[data-v-5d0b28ce] h2{margin-bottom:14px}.create-right-history[data-v-5d0b28ce] .history-container{flex:1;min-height:0}.create-right-history[data-v-5d0b28ce] .history-container>.el-loading-mask{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:#00000080!important}.create-right-history[data-v-5d0b28ce] .history-container>.el-loading-mask .el-loading-spinner .circular{height:50px;width:50px}.create-right-history[data-v-5d0b28ce] .common-scrollbar{height:100%;overflow-y:auto;padding:0 16px}.create-right-history[data-v-5d0b28ce] .empty-history{padding:0}.create-right-history[data-v-5d0b28ce] .empty-history>img{height:90px;width:90px}.create-right-history[data-v-5d0b28ce] .history-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;min-height:100px}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item{cursor:pointer;width:calc(33.33333% - 5.33333px)}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item .el-image{height:100%;width:100%}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item .el-image .el-image__inner{border-radius:12px;-o-object-fit:contain;object-fit:contain}.create-right-history[data-v-5d0b28ce] .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-5d0b28ce] .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-5d0b28ce] .history-list .tmp-item img,.create-right-history[data-v-5d0b28ce] .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-5d0b28ce] .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-5d0b28ce] .history-list .tmp-item .status-mask>img{height:18%;margin-bottom:9px;width:18%}.create-right-history[data-v-5d0b28ce] .history-list .tmp-item .status-mask{color:#ffffffbf;font-size:14px}}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary);--el-rate-outline-color:var(--el-color-primary-light-5);align-items:center;display:inline-flex;height:32px}.el-rate:active,.el-rate:focus{outline:none}.el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible{outline:2px solid var(--el-rate-outline-color);transition:outline-offset 0s,outline 0s}.el-rate__item{color:var(--el-rate-void-color);cursor:pointer;display:inline-block;font-size:0;line-height:normal;position:relative;vertical-align:middle}.el-rate .el-rate__icon{display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);position:relative;transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{left:0;position:absolute;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{color:var(--el-rate-fill-color);display:inline-block;overflow:hidden}.el-rate__decimal,.el-rate__decimal--box{left:0;position:absolute;top:0}.el-rate__text{color:var(--el-rate-text-color);font-size:var(--el-rate-font-size);vertical-align:middle}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{color:var(--el-rate-disabled-void-color);cursor:not-allowed}.wn-seo-config[data-v-365b1b75] .el-rate .el-rate__icon{font-size:23px}.wn-seo-config[data-v-365b1b75] img.wn-banner-mask{bottom:0;height:185px;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:1}@media only screen and (max-width:768px){.wn-seo-config[data-v-365b1b75] img.wn-banner-mask{height:93px}}