.visual-wrapper{max-width:1280px;width:100%;border-radius:20px;border:2px solid #FFF;background:rgba(255,255,255,.8);box-shadow:0 6px 20px 6px rgba(48,44,95,.05);backdrop-filter:blur(5px);padding:27px;display:flex;justify-content:space-between;flex-wrap:wrap;color:var(--color-block-drak)}.visual-wrapper .left{width:46%;max-width:490px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative}.visual-wrapper .left .tab-box{margin-bottom:10px}.visual-wrapper .image-edit-box{margin-bottom:16px}.visual-wrapper .label{display:flex;justify-content:space-between;margin-bottom:8px}.visual-wrapper .label-text{display:flex;align-items:center}.visual-wrapper .label-text span{color:#FF4F17}.visual-wrapper .dropdown-box{font-size:14px;position:relative}.visual-wrapper .dropdown-text{display:flex;align-items:center;transition:all .2s;cursor:pointer;border-radius:40px;padding:4px 12px;font-size:12px;background:#F8F8F9}.visual-wrapper .dropdown-logo{width:20px}.visual-wrapper .dropdown-desc{font-size:14px;line-height:1;font-weight:500;padding:0 6px}.visual-wrapper .dropdown-box.active .dropdown-text{background:#D4D6DA}.visual-wrapper .dropdown-box .dropdown-icon{min-width:12px;transition:all .2s}.visual-wrapper .dropdown-box.active .dropdown-icon{transform:rotate(180deg);color:var(--color-primary)}.visual-wrapper .dropdown-list{position:absolute;top:120%;right:4px;min-width:180px;border-radius:8px;box-shadow:0 4px 8.4px 2px #00000026;background:var(--color-white-lighter);padding:4px;pointer-events:none;z-index:2;opacity:0;transition:all .3s;max-height:400px}.visual-wrapper .dropdown-box.active .dropdown-list{opacity:1;pointer-events:all}.visual-wrapper .dropdown-list li{padding:5px 8px;transition:all .3s;display:flex;align-items:center;border-radius:6px;height:32px;cursor:pointer;white-space:nowrap;font-size:14px}.visual-wrapper .dropdown-list li .model-name{font-size:14px}.visual-wrapper .dropdown-list li:hover{background:#ECEAFF}.visual-wrapper .dropdown-list li.active{color:var(--color-primary)}.visual-wrapper .dropdown-list li img{width:18px;margin-right:8px}.visual-wrapper .upload-box{background:#F8F8F9;border-radius:12px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;height:190px;transition:all .2s;border:2px dashed #D4D6DA}.visual-wrapper .upload-box:not(.is-loading,.is-uploaded):hover{background:#F6F4FF;border-color:var(--color-primary)}.visual-wrapper .upload-content{padding:12px;text-align:center}.visual-wrapper .upload-text{margin:20px auto 8px;color:rgba(42,48,72,.8)}.visual-wrapper .upload-tips{font-size:12px;color:rgba(42,48,72,.4)}.visual-wrapper .file-upload{opacity:0;height:100%;width:100%;cursor:pointer;position:absolute;top:0;left:0}.visual-wrapper .img-box{width:100%;display:none;height:100%}.visual-wrapper .img-operate{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);border-radius:12px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--color-white);opacity:0;transition:opacity .2s}.visual-wrapper .img-operate span{position:relative;z-index:1;transition:opacity .2s}.visual-wrapper .img-operate span:hover{opacity:.8}.visual-wrapper .upload-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.visual-wrapper .loading-box{animation:spin 1s linear infinite;color:var(--color-primary);display:none}.visual-wrapper .upload-box.is-loading .file-upload{pointer-events:none}.visual-wrapper .upload-box.is-loading .loading-box,.visual-wrapper .upload-box.is-uploaded .img-box{display:block}.visual-wrapper .upload-box.is-loading .upload-content,.visual-wrapper .upload-box.is-loading .img-box,.visual-wrapper .upload-box.is-uploaded .upload-content{display:none}.visual-wrapper .upload-box.is-uploaded:hover .img-operate{opacity:1}.visual-wrapper .editor-box{width:100%;display:flex;flex-direction:column}.visual-wrapper .editor-box .editor-textarea{width:100%;height:200px;border:none;font-size:16px;resize:none;color:var(--color-block-drak);padding-right:20px;white-space:pre-wrap;border:1px solid #D4D6DA;border-radius:12px;padding:16px}.visual-wrapper .t2i-content .editor-textarea{height:382px}.visual-wrapper .i2v-content .editor-textarea{padding-bottom:40px}.visual-wrapper .generate-btn{max-width:360px;width:100%;height:36px;border-radius:8px;background:#685BFF;display:flex;align-items:center;justify-content:center;color:var(--color-white);transition:all .2s;padding:8px 24px;font-size:14px;font-weight:400;margin:16px auto 0;cursor:pointer;transition:all .2s}.visual-wrapper .generate-btn.is-disabled{opacity:.5;cursor:not-allowed}.visual-wrapper .generate-btn:not(.is-disabled):hover{background:var(--color-primary-dark)}.visual-wrapper .button-box{position:absolute;bottom:4px;left:6px;width:calc(100% - 12px);background:#fff;display:flex;justify-content:flex-end;border-radius:0 0 14px 14px}.visual-wrapper .generate-btn.is-video{height:32px;font-size:14px;width:108px;max-width:100%;padding:8px 20px;margin:6px 10px 6px 0}.visual-wrapper .right{width:52%;max-width:678px;display:flex;flex-direction:column;max-width:670px}.visual-wrapper .tab-box{display:flex;align-items:center;gap:4px;padding:3px;background:#EBECEE;border-radius:12px;width:-moz-fit-content;width:fit-content;height:36px}.visual-wrapper .tab-item{padding:2px 30px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:130px;text-align:center;height:100%;display:flex;justify-content:center;align-items:center}.visual-wrapper .tab-item:hover,.visual-wrapper .tab-item.active{background:var(--color-white)}.visual-wrapper .tabs-content{height:100%;width:100%}.visual-wrapper .tab-pane,.visual-wrapper .second-tab{height:100%;display:none}.visual-wrapper .tab-pane.result-content{padding-top:20px}.visual-wrapper .tab-pane.inspiration-content{padding-top:14px;position:absolute;height:calc(100% - 64px);bottom:0}.visual-wrapper .tab-pane.active,.visual-wrapper .second-tab.active{display:block}.visual-wrapper .second-tab.active{display:flex}.visual-wrapper .generate-content{height:100%;display:flex;flex-direction:column}.visual-wrapper .second-tab{flex-direction:column}.visual-wrapper .init-content,.visual-wrapper .loading-content{width:100%;height:100%;border-radius:24px;background:#F7F7F7;display:flex;align-items:center;justify-content:center;padding:20px;flex-direction:column}.visual-wrapper .init-content p{font-size:16px;font-weight:600;margin-bottom:16px;text-align:center}.visual-wrapper .init-content img{max-width:403px;width:100%}.visual-wrapper .init-content video{border-radius:16px;max-width:520px;width:100%}.visual-wrapper .loading-content{display:none;height:100%;overflow:hidden}.visual-wrapper .loading-content video{border-radius:12px;max-width:220px;width:100%}.visual-wrapper .carousel-box{position:relative;width:100%;max-width:501px;flex:1;max-height:281px;border-radius:24px}.visual-wrapper .carousel-box picture{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.visual-wrapper .carousel-box picture:first-child{opacity:1}.visual-wrapper .carousel-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.visual-wrapper .progress-box{max-width:278px;width:90%;margin:40px auto 0}.visual-wrapper .progress-outer{background-color:#D4D6DA;border-radius:32px;height:6px;position:relative}.visual-wrapper .progress-inner{border-radius:inherit;background:linear-gradient(90deg,#FED655 0%,#FF4EFC 78.72%,#55ACFE 155.15%,#685BFF 237.29%);height:100%;left:0;line-height:1;position:absolute;top:0;left:0;transition:width .2s linear;white-space:nowrap;width:0;transform:translateZ(0)}.visual-wrapper .progress-num{font-size:12px;color:var(--color-white);border-radius:4px;background:var(--color-primary);text-align:center;padding:4px 6px;position:absolute;bottom:14px;right:-16px;min-width:37px}.visual-wrapper .progress-num::before{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);border-style:solid;border-width:4px 4px 0 4px;border-color:var(--color-primary) transparent transparent transparent}.visual-wrapper .progress-desc{font-size:14px;text-align:center;margin-top:12px}.visual-wrapper .success-content{display:none;flex-direction:column;width:100%;height:100%}.visual-wrapper .success-box{position:relative;width:100%;height:100%;max-height:400px;overflow:hidden;background:rgba(0,0,0,.4);border-radius:12px}.visual-wrapper .i2v-content .success-box{max-height:458px}.visual-wrapper .blur-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.8;filter:blur(16px);pointer-events:none;overflow:hidden}.visual-wrapper .blur-bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.2)}.visual-wrapper .generated-image,.visual-wrapper .generated-video{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:auto;height:100%;border-radius:inherit;pointer-events:none}.visual-wrapper .generated-image img{-o-object-fit:cover;object-fit:cover;width:auto;height:100%}.visual-wrapper .generated-video video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.visual-wrapper .operate-box{display:flex;justify-content:center;align-items:center;position:absolute;z-index:2;bottom:4%;left:50%;transform:translateX(-50%);border-radius:6px;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);padding:4px;transition:all .2s}.visual-wrapper .operate-box>div{position:relative;margin:0 8px;cursor:pointer;transition:all .2s}.visual-wrapper .operate-box>div:hover{opacity:.8}.visual-wrapper .operate-box>div:first-child{margin:0 8px 0 0}.visual-wrapper .operate-box>div:last-child{margin:0 0 0 8px}.visual-wrapper .operate-box>div:not(:first-child)::before{content:'';position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:1px;height:16px;background:rgba(255,255,255,.2)}.visual-wrapper .thumbnails-box{display:flex;justify-content:center;margin-top:14px}.visual-wrapper .thumbnails-item{margin:0 2px;border-radius:8px;width:46px;height:46px;cursor:pointer;transition:all .2s;border:2px solid transparent;display:flex;align-items:center;justify-content:center;background:#F7F7F7}.visual-wrapper .thumbnails-item.active,.visual-wrapper .thumbnails-item:hover{border-color:var(--color-primary)}.visual-wrapper .thumbnails-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.visual-wrapper .thumbnails-item .fail-icon{display:none}.visual-wrapper .thumbnails-item.is-fail img{display:none}.visual-wrapper .thumbnails-item.is-fail .fail-icon{display:block}.visual-wrapper .fail-content{display:none;flex-direction:column;width:100%;height:100%}.visual-wrapper .fail-box{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;border-radius:24px;background:#F7F7F7;padding:10px}.visual-wrapper .fail-title{margin:20px auto 14px;max-width:460px}.visual-wrapper .regenerate-btn{width:160px;margin:0!important}.visual-wrapper .second-tab.is-loading .init-content,.visual-wrapper .second-tab.is-loading .success-content,.visual-wrapper .second-tab.is-loading .fail-content{display:none}.visual-wrapper .second-tab.is-loading .loading-content{display:flex}.visual-wrapper .second-tab.is-success .init-content,.visual-wrapper .second-tab.is-success .loading-content,.visual-wrapper .second-tab.is-success .fail-content{display:none}.visual-wrapper .second-tab.is-success .success-content{display:flex}.visual-wrapper .second-tab.is-fail .init-content,.visual-wrapper .second-tab.is-fail .loading-content,.visual-wrapper .second-tab.is-fail .success-content{display:none}.visual-wrapper .second-tab.is-fail .fail-content{display:flex}.share-image-dialog{display:none}.share-image-dialog .mask{position:fixed;top:0;left:0;bottom:0;right:0;display:block;background:rgba(0,0,0,.4);width:100vw;height:100vh;z-index:99}.share-image-dialog .dialog{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;padding:14px;z-index:100;display:flex}.share-image-dialog .content{position:relative;background:var(--color-white-lighter);max-width:458px;min-width:350px;border-radius:12px;margin:auto;padding:18px;display:inline-block;height:auto;width:auto}.share-image-dialog .close-btn{position:absolute;right:0;top:0;cursor:pointer}.share-image-dialog .share-image,.share-image-dialog .share-video{-o-object-fit:cover;object-fit:cover;width:100%;border-radius:6px;display:none;max-height:420px}.share-image-dialog .copy-box{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;margin-top:16px;width:100%;background:#E8E8E8;border:1px solid #D4D6DA;border-radius:6px}.share-image-dialog .copy-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;opacity:.5;cursor:not-allowed;color:#2A3048}.share-image-dialog .copy-btn{min-width:90px;padding:6px 12px;border-radius:6px;font-weight:500;color:var(--color-white);background:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.share-image-dialog .copy-btn.is-disabled{opacity:.5;cursor:not-allowed}.share-image-dialog .copy-btn:not(.is-disabled):hover{background:var(--color-primary-dark)}.share-image-dialog.is-video .share-video,.share-image-dialog.is-art .share-image{display:block}.visual-wrapper .prompt-content{height:100%;padding-right:10px}.visual-wrapper .prompt-item:hover .prompt-content{opacity:1}.visual-wrapper .prompt-box{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px}.visual-wrapper .prompt-item{display:flex;justify-content:center;align-items:center;border-radius:12px;max-width:225px;break-inside:avoid;position:relative;transition:all .2s;cursor:pointer}.visual-wrapper .prompt-item img,.visual-wrapper .prompt-item video{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;margin-bottom:8px;border:2px solid transparent}.visual-wrapper .prompt-item:hover img,.visual-wrapper .prompt-item:hover video{border-color:var(--color-primary)}.visual-wrapper .prompt-text{position:absolute;bottom:0;left:0;padding:0 8px 18px;color:var(--color-white);width:100%;opacity:0;transition:all .2s}.visual-wrapper .prompt-item:hover .prompt-text{opacity:1}.visual-wrapper .prompt-desc{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.visual-wrapper .prompt-btn{display:flex;width:100%;height:28px;padding:3px 6px;justify-content:center;align-items:center;border-radius:8px;background:rgba(255,255,255,.2);backdrop-filter:blur(5px);font-size:14px;text-align:center;margin-top:8px;transition:all .2s;line-height:1.2}.visual-wrapper .prompt-btn:hover{background:rgba(235,236,238,.4)}.visual-wrapper .generate-title{display:none}@media(max-width:1100px){.visual-wrapper{padding:22px 14px}}@media(max-width:992px){.visual-wrapper .tab-item{padding:2px 20px}.visual-wrapper .label{margin-bottom:6px}.visual-wrapper .label-text{font-size:14px}.visual-wrapper .upload-box{height:168px}.visual-wrapper .upload-box:not(.is-loading,.is-uploaded):hover{background:#F8F8F9;border-color:#D4D6DA}.visual-wrapper .editor-box .editor-textarea{height:139px}.visual-wrapper .image-edit-box{margin-bottom:12px}.visual-wrapper .t2i-content .editor-textarea{height:294px}.visual-wrapper .init-content p{font-size:14px;max-width:300px}.visual-wrapper .success-box{max-height:300px}.visual-wrapper .i2v-content .success-box{max-height:360px}.visual-wrapper .init-content,.visual-wrapper .loading-content{border-radius:8px;padding:12px}.visual-wrapper .tab-pane.inspiration-content{height:calc(100% - 54px)}.visual-wrapper .carousel-box{max-height:190px}.visual-wrapper .fail-title{font-size:14px;max-width:320px}.visual-wrapper .init-content video{border-radius:12px}}@media(max-width:576px){.visual-wrapper{padding:14px;position:relative;background:#fff;backdrop-filter:none}.visual-wrapper .left{width:100%}.visual-wrapper .left .tabs-content{margin-top:113px;border-top:1px solid #D4D6DA;padding-top:16px}.visual-wrapper .left .tab-box{width:100%;max-width:286px;margin:0 auto 10px}.visual-wrapper .right{width:100%;margin-top:16px;border-top:1px solid #D4D6DA;padding-top:16px}.visual-wrapper .right .tab-box{display:none}.visual-wrapper .right .tab-pane{display:block!important}.visual-wrapper .upload-box{height:160px}.visual-wrapper .upload-content{padding:6px}.visual-wrapper .upload-text{margin:4px auto}.visual-wrapper .editor-box .editor-textarea{height:130px;padding:8px 12px}.visual-wrapper .generate-btn{max-width:100%}.visual-wrapper .button-box{position:static;width:100%;border-radius:0;display:inline-block}.visual-wrapper .generate-btn.is-video{height:36px;font-size:14px;width:100%;padding:8px 24px;margin:16px auto 0}.visual-wrapper .loading-content video{border-radius:6px;max-width:120px}.visual-wrapper .progress-box{margin:30px auto 0}.visual-wrapper .prompt-box{display:flex;align-items:flex-start;-webkit-column-count:initial;-moz-column-count:initial;column-count:initial;-webkit-column-gap:normal;-moz-column-gap:normal;column-gap:normal}.visual-wrapper .prompt-item{border-radius:8px;flex-shrink:0;width:68px;height:91px;margin:0 3px}.visual-wrapper .prompt-item picture{height:100%;width:100%}.visual-wrapper .prompt-item img,.visual-wrapper .prompt-item video{height:100%;border-radius:8px;margin-bottom:0;border:none}.visual-wrapper .prompt-text{padding:0 4px 6px;opacity:1}.visual-wrapper .prompt-desc{display:none}.visual-wrapper .prompt-btn{height:18px;font-size:8px;margin-top:0;border-radius:4px;padding:2px}.visual-wrapper .tab-pane.inspiration-content{height:auto;position:static}.visual-wrapper .generate-title{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.visual-wrapper .prompt-content{position:absolute;top:60px;width:calc(100% - 16px);left:8px;padding:0 0 14px;height:auto}.visual-wrapper .carousel-box{aspect-ratio:501 / 281;flex:auto;max-height:100%}.visual-wrapper .tab-pane.result-content{padding-top:0}.visual-wrapper .success-box{max-height:240px}.visual-wrapper .i2v-content .success-box{max-height:220px}.visual-wrapper .init-content p{font-size:12px}}