.ai-image-to-image-generator{max-width:1100px;margin:15px auto;padding:15px;width:100%}.page-header{text-align:center;margin-bottom:20px}.page-header h1{font-size:1.7rem;font-weight:700;color:#fff;margin-bottom:6px}.page-header .subtitle{font-size:.9rem;opacity:.8;color:#8c98ae}.content-flex{display:flex;gap:22px;width:100%;flex-wrap:nowrap}@media(max-width: 768px){.content-flex{flex-direction:column;gap:16px}}.box{flex:1;background:#131722;border:1px solid var(--color-border);border-radius:24px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.2);min-height:740px;max-height:740px;box-sizing:border-box;overflow:hidden;margin-top:20px}.upload-box .upload-container-wrapper{width:100%;display:flex;flex-direction:column;gap:18px;max-height:100%;box-sizing:border-box}.upload-box .upload-container-wrapper .box-title{font-size:16px;font-weight:600;margin-bottom:0;color:#fff}.upload-box .upload-container-wrapper .upload-container{display:flex;flex-direction:column;gap:18px;flex:1}.upload-box .upload-container-wrapper .upload-preview{display:flex;align-items:center;justify-content:center;background:#1e242f;border-radius:10px;min-height:210px;padding:20px;cursor:pointer}.upload-box .upload-container-wrapper .upload-preview[s-disabled]{pointer-events:none}.upload-box .upload-container-wrapper .preview-center-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%}.upload-box .upload-container-wrapper .preview-img{max-width:200px;max-height:160px;object-fit:contain;border-radius:8px;display:none}.upload-box .upload-container-wrapper .upload-placeholder-text.main{margin:0;width:236px;height:28px;font-family:PingFang SC,PingFang SC;font-weight:600;font-size:16px;color:#fff;text-align:left;font-style:normal;text-transform:none;text-align:center}.upload-box .upload-container-wrapper .upload-placeholder-text.sub{font-family:PingFang SC,PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.6);text-align:left;font-style:normal;text-transform:none;margin:0}.upload-box .upload-container-wrapper .description-box{border-radius:12px;flex:none;display:flex;flex-direction:column}.upload-box .upload-container-wrapper .desc-title{font-size:16px;font-weight:500;color:#fff;margin:0 0 10px 0}.upload-box .upload-container-wrapper .desc-content-wrapper{border-radius:8px;background:#1e242f;display:flex;flex-direction:column;gap:14px;height:270px;flex:none;overflow:hidden}.upload-box .upload-container-wrapper .desc-content{width:100%;min-height:200px;padding:10px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.6);background-color:var(--color-bg);resize:none;transition:border-color .3s,box-shadow .3s;box-sizing:border-box;outline:none;overflow-y:auto}.upload-box .upload-container-wrapper .unlock-btn{align-self:flex-start;width:auto;height:32px;background:hsla(0,0%,100%,.1);border-radius:31px;border:none;color:#fff;font-size:14px;cursor:pointer;padding:6px 12px;display:flex;align-items:center;gap:4px;margin-bottom:16px;margin-left:16px;transition:background .2s ease}.upload-box .upload-container-wrapper .unlock-btn:hover{background:hsla(0,0%,100%,.15)}.upload-box .upload-container-wrapper .unlock-btn:disabled{opacity:.6;cursor:not-allowed;background:hsla(0,0%,100%,.08)}.upload-box .upload-container-wrapper .generate-actions{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.upload-box .upload-container-wrapper .generate-actions .generate-btn{width:100%;height:44px;background:var(--site-theme-color);border-radius:9px;border:none;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease;margin-bottom:16px}.upload-box .upload-container-wrapper .generate-actions .generate-btn:hover{background:#6688d6}.upload-box .upload-container-wrapper .generate-actions .generate-btn:disabled{background:#3a4a75 !important;cursor:not-allowed !important;opacity:.8 !important}.upload-box .upload-container-wrapper .generate-actions .credit-cost{background:#1b2538;border:1px solid var(--color-border);border-radius:20px;color:var(--site-theme-color);display:flex;align-items:center;justify-content:center;color:#fff}.result-box .result-container{width:100%;height:700px;background:#131722;border-radius:20px;margin:0 auto}@media(max-width: 768px){.result-box .result-container{width:100%;height:700px !important}}.result-box .result-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;margin:0 0 16px 0;font:20px;color:#fff}.result-box .result-header .download-btn{color:#fff;display:flex;align-items:center;gap:6px;border-radius:8px;border:none;cursor:pointer;transition:background .2s}.result-box .result-header .download-btn:disabled{opacity:.6;cursor:not-allowed}.result-box .result-preview{width:100%;height:525px;background:#1e242f;border-radius:10px;margin:0 0 16px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-box .result-preview .placeholder-custom{display:flex;flex-direction:column;align-items:center;gap:8px}.result-box .result-preview .custom-placeholder-svg{width:24px;height:24px;opacity:.9}.result-box .result-preview .custom-placeholder-text{font-weight:400;font-size:14px;color:hsla(0,0%,100%,.6);margin:0}.result-box .result-preview img{object-fit:contain;max-height:100%;border-radius:10px;width:100%;max-width:100%;max-height:100%}.result-box .result-preview .placeholder p{font-size:.85rem}.result-box .recent-generations{width:100%;margin:0;height:120px;overflow-x:auto;overflow-y:hidden}.result-box .recent-generations .recent-title{font:16px;color:#fff;margin-bottom:6px;line-height:1.2}.result-box .recent-generations .list{display:flex;flex-direction:row;overflow-x:auto;height:calc(100% - 24px);padding:15px;gap:14px}.result-box .recent-generations .result-item{min-width:90px;height:65px;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease;position:relative;border:2px solid rgba(0,0,0,0)}.result-box .recent-generations .result-item[s-disable]{opacity:.6;pointer-events:none}.result-box .recent-generations .result-item:hover{transform:scale(1.05);border-color:var(--site-theme-color)}.result-box .recent-generations .result-item._activeN,.result-box .recent-generations .result-item[s-active=true]{border-color:var(--site-theme-color) !important;transform:scale(1.05);z-index:10}.result-box .recent-generations .result-item::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;backdrop-filter:blur(6px);border-radius:inherit}.result-box .recent-generations .result-item img{width:100%;height:100%;object-fit:contain;border-radius:6px;background:var(--color-bg);background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.1)}@media(max-width: 480px){.page-header h1{font-size:1.6rem}.box{padding:15px}.upload-box .upload-preview{height:180px !important}.preview-center-wrap{max-width:180px !important}.generate-btn{font-size:.9rem !important}.result-preview{min-height:200px !important}.result-box .recent-generations{height:110px}.result-item{min-width:75px !important;height:55px !important}.download-btn{padding:6px 10px !important;font-size:.85rem !important}.result-preview{height:500px}}