body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.case-showcase-container{background:#f8f9fa;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;height:800px;overflow:hidden;position:relative;width:100%}.category-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 2px 8px #00000005;display:flex;gap:12px;justify-content:center;padding:16px 10px;z-index:20}.category-nav.sticky{position:sticky;top:0}.case-scroll-container{flex:1 1;overflow-y:auto;padding:20px;scroll-behavior:smooth}.category-section{margin-bottom:40px}.category-title-divider{align-items:center;background:#f8f9fa;border-left:4px solid #1890ff;color:#333;display:flex;font-size:24px;font-weight:700;margin-bottom:20px;padding-bottom:10px;padding-left:12px;padding-top:10px;position:sticky;top:0;z-index:10}.category-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.showcase-card-grid{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;height:400px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.showcase-card-grid:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}@media (max-width:992px){.category-grid{grid-template-columns:1fr}}.nav-item{background:#fff;border:1px solid #0000;border-radius:24px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:8px 20px;transition:all .3s ease}.nav-item:hover{background:#e6f7ff;color:#1890ff}.nav-item.active{background:#1890ff;box-shadow:0 4px 12px #1890ff4d;color:#fff;transform:translateY(-1px)}.main-result-area{background:#000;flex:2 1;height:100%;overflow:hidden;position:relative}.main-result-img{height:100%;object-fit:contain;transition:transform .5s ease;width:100%}.main-result-bg{height:100%;inset:0;object-fit:cover;opacity:.6;position:absolute;width:100%;z-index:0}.main-result-area:hover .main-result-img{transform:scale(1.05)}.side-inputs-area{background:#fff;border-left:1px solid #f0f0f0;display:flex;flex:1 1;flex-direction:column;height:100%}.input-box{align-items:center;background:#f9f9f9;border-bottom:1px solid #f0f0f0;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.input-box:last-child{border-bottom:none}.input-box img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.input-box:hover img{transform:scale(1.05)}.input-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;color:#fff;font-size:12px;left:10px;padding:4px 10px;position:absolute;top:10px;z-index:2}.case-info-overlay{background:linear-gradient(0deg,#000c 0,#0006 60%,#0000);bottom:0;color:#fff;left:0;padding:30px 20px 20px;position:absolute;transform:translateY(0);transition:transform .3s ease;width:100%;z-index:5}.case-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #00000080}.case-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffffff2;display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:8px;overflow:hidden;text-shadow:0 1px 2px #00000080}.app_type{margin-top:10px}.nav-btn{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:48px;z-index:20}.nav-btn:hover{background:#1890ff;color:#fff;transform:translateY(-50%) scale(1.1)}.nav-btn.prev{left:20px}.nav-btn.next{right:20px}.reuse-btn{bottom:20px;position:absolute;right:20px;z-index:10}@media (max-width:768px){.case-showcase-container{height:500px}.showcase-card.center,.showcase-card.left,.showcase-card.right{flex-direction:column;width:85%}.main-result-area{flex:2 1;height:60%}.side-inputs-area{border-left:none;border-top:1px solid #f0f0f0;flex:1 1;flex-direction:row;height:40%}.input-box{border-bottom:none;border-right:1px solid #f0f0f0}.input-box:last-child{border-right:none}.category-nav{justify-content:flex-start;overflow-x:auto;padding:10px}.nav-item{flex-shrink:0}}.image-gallery-icon{appearance:none;background-color:#0000;border:0;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5));outline:none;position:absolute;transition:all .3s ease-out;z-index:4}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-bottom-nav,.image-gallery-top-nav{left:50%;padding:10px;transform:translateX(-50%)}.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:120px;width:90px}@media(max-width:768px){.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:72px;width:48px}}@media(max-width:480px){.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-bottom-nav[disabled],.image-gallery-top-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;text-align:center;touch-action:none;white-space:nowrap}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{background:#337ab7;border:1px solid #337ab7;transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff;border:1px solid #fff;transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{bottom:auto;left:20px;right:auto;top:50%;transform:translateY(-50%);width:auto}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media(max-width:768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media(max-width:480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:#0000;border:4px solid #0000;display:inline-block;padding:0;transition:border .3s ease-out;width:100px}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid #0000;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{line-height:0;vertical-align:middle;width:100%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:4px solid #337ab7;outline:none}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;text-shadow:0 2px 2px #1a1a1a;top:50%;transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.history-sidebar{height:100vh;overflow:hidden;transition:all .3s ease}.history-sidebar.collapsed{width:60px!important}.history-sidebar.expanded{width:280px!important}.history-collapse-button-container{border-bottom:1px solid #e8e8e8;padding:12px;text-align:center}.history-collapse-button{align-items:center;border:1px solid #d9d9d9;border-radius:6px;display:flex;height:32px;justify-content:center;width:100%}.history-collapse-button:hover{border-color:#1890ff;color:#1890ff}.history-header{background:#fff;border-bottom:1px solid #e8e8e8;padding:16px 12px 12px}.history-content{background:#fafafa;flex:1 1;overflow-y:auto;padding:8px 0}.history-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.history-empty-icon{color:#d9d9d9;font-size:32px;margin-bottom:12px}.history-item{background:#fff;border-bottom:1px solid #f0f0f0;border-radius:6px;margin-bottom:4px;margin-left:8px;margin-right:8px;padding:8px 12px!important;transition:all .2s ease}.history-item:hover{background:#f8f9fa;box-shadow:0 2px 4px #0000001a}.history-item-content{display:flex;gap:8px;width:100%}.history-sidebar.expanded .history-item-content{flex-direction:column}.history-sidebar.collapsed .history-item-content{flex-direction:row}.history-images-row{align-items:center;display:flex;gap:8px}.history-image-container{background:#fff;border:1px solid #e8e8e8;border-radius:4px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.history-sidebar.expanded .history-image-container.main{height:72px;width:72px}.history-sidebar.expanded .history-image-container.is-thumb{height:56px;width:56px}.history-image-container.is-thumb.is-mask{border-color:#bfbfbf;border-style:dashed}.history-image{height:100%!important;object-fit:cover;width:100%!important}.history-sidebar.collapsed .history-images-row .history-image-container.is-thumb{display:none}.history-info{margin-top:6px}.history-image-overlay{bottom:4px;display:flex;gap:4px;position:absolute;right:4px}.history-sidebar.collapsed .history-image-overlay{display:none}.history-thumb{border:1px solid #e8e8e8;border-radius:3px;box-shadow:0 1px 2px #00000026;height:22px;width:22px}.history-thumb.mask{border-color:#bfbfbf;border-style:dashed}.history-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.history-prompt{margin-bottom:2px}.history-prompt-text{color:#262626;font-size:12px;font-weight:500;line-height:1.3}.history-meta{align-items:center;display:flex;gap:4px}.history-mode,.history-template{color:#8c8c8c;font-size:11px}.history-time{margin-top:2px}.history-timestamp{color:#bfbfbf;font-size:10px}.history-actions{margin-top:4px}.history-actions .ant-btn{align-items:center;display:flex;height:20px;justify-content:center;padding:0;width:20px}.history-actions .ant-btn .anticon{font-size:12px}@media (max-width:1200px){.history-sidebar.expanded{width:240px!important}.history-prompt-text{font-size:11px}}.history-content::-webkit-scrollbar{width:4px}.history-content::-webkit-scrollbar-track{background:#f0f0f0}.history-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.history-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}:root{--primary-color:#1890ff;--secondary-color:#667eea;--background-color:#f0f2f5;--card-background:#fff;--text-color:#333;--text-secondary:#666;--border-color:#e0e0e0;--border-radius:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 5px 15px #0000001a;--sidebar-width:300px;--sidebar-collapsed-width:120px;--header-height:64px}.generate-page-layout{background:#f0f2f5;background:var(--background-color);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-height))}.generate-sidebar{background:var(--card-background);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm)}.generate-sidebar.collapsed{padding:8px;padding:var(--spacing-sm)}.generate-sidebar.expanded{padding:16px;padding:var(--spacing-md)}.generate-content{overflow:auto;padding:24px;padding:var(--spacing-lg)}.two-col-layout{display:flex;gap:24px;gap:var(--spacing-lg);height:100%}.two-col-left,.two-col-right{display:flex;flex-direction:column}.image-section{background:#fff;background:var(--card-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:hidden}.image-section-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-color);font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.image-section-content{min-height:200px;padding:16px;padding:var(--spacing-md)}.result-section{background:#fff;background:var(--card-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);height:100%}.result-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.result-display{padding:16px;padding:var(--spacing-md)}.history-sidebar{background:#fff;background:var(--card-background);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm)}@media (max-width:1200px){.generate-content{padding:16px;padding:var(--spacing-md)}.two-col-layout{flex-direction:column}.two-col-left,.two-col-right{width:100%}.image-section-content{min-height:150px}.result-display{min-height:300px}}@media (max-width:768px){.generate-sidebar.expanded{position:relative;width:100%!important}.generate-content{padding:8px;padding:var(--spacing-sm)}}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 0;text-align:center}.page-header h1{font-size:2.5rem;margin:0}.navigation-tabs{box-shadow:0 2px 10px #0000001a;gap:20px;justify-content:center;padding:20px}.nav-tab,.navigation-tabs{background:#fff;display:flex}.nav-tab{align-items:center;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;font-size:1rem;gap:8px;padding:12px 24px;transition:all .3s}.nav-tab:hover{border-color:#667eea;transform:translateY(-2px)}.nav-tab.active{background:#667eea;border-color:#667eea;color:#fff}.tab-icon{font-size:1.2rem}.main-content{display:flex;gap:20px;margin:0 auto;max-width:1400px;padding:20px}.sidebar{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;height:fit-content;padding:20px;width:250px}.sidebar h3{border-bottom:2px solid #f0f0f0;color:#333;margin-top:0;padding-bottom:10px}.template-list{display:flex;flex-direction:column;gap:10px}.template-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:12px;padding:15px;transition:all .3s}.template-item:hover{background:#f8f9ff;border-color:#667eea}.template-item.selected{background:#667eea;border-color:#667eea;color:#fff}.template-icon{font-size:1.5rem}.template-name{font-weight:500}.content-area{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr}.input-section,.result-section{background:#fff;border-radius:15px;box-shadow:0 5px 12px #0000001a;padding:12px}.input-section h3,.result-section h3{border-bottom:2px solid #f0f0f0;color:#333;margin-top:0;padding-bottom:10px}.image-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.image-input-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.image-upload{align-items:center;border:2px dashed #d0d0d0;border-radius:10px;cursor:pointer;display:flex;justify-content:center;min-height:150px;padding:30px;text-align:center;transition:all .3s}.image-upload:hover{background:#f8f9ff;border-color:#667eea}.image-upload.dragging{background:#f0f4ff;border-color:#667eea}.upload-placeholder{text-align:center}.upload-icon{font-size:2rem;margin-bottom:10px}.upload-hint{color:#666;font-size:.9rem}.preview-image{border-radius:8px;max-height:150px;max-width:100%}.prompt-input{margin-bottom:20px}.prompt-input label{color:#333;display:block;font-weight:500;margin-bottom:8px}.prompt-input textarea{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:15px;resize:vertical;transition:border-color .3s;width:100%}.prompt-input textarea:focus{border-color:#667eea;outline:none}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.result-container{align-items:center;border:2px dashed #e0e0e0;border-radius:10px;display:flex;justify-content:center;max-height:768px;min-height:400px;padding:20px}.generated-image{border-radius:10px;box-shadow:0 5px 15px #0003;max-height:500px;max-width:100%}.empty-placeholder,.loading-placeholder{color:#666;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.main-content{flex-direction:column}.sidebar{width:100%}.template-list{flex-direction:row;flex-wrap:wrap}}@media (max-width:768px){.navigation-tabs{flex-wrap:wrap;gap:10px}.content-area,.image-inputs{grid-template-columns:1fr}}:root{--generate-primary-color:#1890ff;--generate-border-color:#d9d9d9;--generate-background-light:#fafafa;--generate-background-main:#f0f2f5;--generate-text-primary:#262626;--generate-text-secondary:#595959;--generate-text-disabled:#999;--generate-spacing-xs:4px;--generate-spacing-sm:8px;--generate-spacing-md:16px;--generate-spacing-lg:20px;--generate-spacing-xl:24px;--generate-sidebar-width:260px;--generate-sidebar-collapsed-width:120px;--generate-border-radius:8px;--generate-shadow-light:0 2px 8px #0000001a;--generate-shadow-medium:0 4px 12px #00000026}.generate-page{background:#f0f2f5;min-height:calc(100vh - 64px)}.generate-sidebar{background:#fff;transition:all .2s}.generate-sidebar.collapsed{padding:10px}.generate-sidebar.expanded{padding:20px}.collapse-button-container{margin-bottom:16px}.collapse-button-container.collapsed{text-align:center}.collapse-button-container.expanded{text-align:right}.collapse-button{border:none;box-shadow:none}.mode-selection{margin-bottom:20px}.mode-title{color:#595959;font-size:14px;font-weight:500;margin-bottom:12px}.mode-buttons-container{display:flex;gap:8px}.mode-buttons-container.collapsed{align-items:center;flex-direction:column}.mode-buttons-container.expanded{flex-wrap:wrap}.mode-button{transition:all .2s}.mode-button.collapsed{font-size:12px;height:40px;min-width:80px;padding:0 8px}.mode-button.expanded{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:13px;height:32px;padding:0 12px}.template-selection{margin-bottom:16px;margin-left:10px}.template-title{color:#595959;font-size:13px;font-weight:500;margin-bottom:8px}.template-grid{grid-gap:6px;display:grid;gap:6px}.template-grid.collapsed{grid-template-columns:1fr}.template-grid.expanded{grid-template-columns:repeat(2,1fr)}.template-button{transition:all .2s}.template-button.collapsed{font-size:11px;height:32px;min-width:70px;padding:0 6px}.template-button.expanded{font-size:12px;height:28px;padding:0 8px}.template-icon{align-items:center;display:inline-flex;justify-content:center;transition:all .2s}.template-icon.collapsed{font-size:11px}.template-icon.expanded{font-size:12px;margin-right:4px}.prompt-input-container{margin-bottom:20px}.prompt-input-wrapper{display:flex;flex-direction:column}.prompt-textarea{flex:1 1;margin-bottom:2px;max-height:80px;min-height:30px;resize:none}.generate-button{width:100%}.generate-content{padding:0}.content-row{height:calc(100vh - 180px);min-height:600px}.input-column{display:flex;flex-direction:column;gap:4px;height:100%}.image-upload-section{background:#fff;border:1px solid #d9d9d9;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.image-upload-header{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#262626;font-size:14px;font-weight:500}.image-upload-content{display:flex;flex:1 1;flex-direction:column;overflow:auto}.init-image-section{flex:1 1 25%;max-height:400px;min-height:260px}.init-image-upload{flex:1 1;min-height:150px}.reference-image-section{flex:1 1 30%;max-height:280px;min-height:200px}.reference-image-header{padding:2px}.reference-image-content{padding:4px}.reference-image-upload{flex:1 1;min-height:150px}.result-display{background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;min-height:400px;overflow:hidden}.draggable-image-container,.result-display{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;position:relative;width:100%}.draggable-image{cursor:grab;height:100%;object-fit:contain;width:100%}.drag-indicator{align-items:center;background:#1890ffe6;border-radius:4px;color:#fff;display:flex;font-size:12px;gap:4px;left:8px;padding:4px 8px;pointer-events:none;position:absolute;top:8px;z-index:10}.result-section{display:flex;flex-direction:column;height:calc(100vh - 200px)}.result-header{margin-bottom:15px}.result-placeholder{color:#999;font-size:16px;text-align:center}.result-placeholder-icon{display:block;font-size:48px;margin-bottom:16px}.result-placeholder-subtitle{font-size:14px}.preview-mask{align-items:center;display:flex;gap:8px}@media (max-width:768px){.generate-page{min-height:calc(100vh - 56px)}.generate-sidebar{height:calc(100vh - 56px);left:0;position:fixed;top:56px;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.generate-sidebar.mobile-open{transform:translateX(0)}.generate-content{margin-left:0;padding:10px}.content-row{height:auto;min-height:auto}.input-column{margin-bottom:20px}.init-image-section,.reference-image-section{max-height:300px;min-height:200px}.result-display{height:300px}.mode-buttons-container.expanded{flex-direction:column}.mode-button.expanded{flex:none;width:100%}.template-grid.expanded{grid-template-columns:repeat(1,1fr)}.template-button.expanded{width:100%}}@media (max-width:480px){.generate-content{padding:5px}.init-image-section,.reference-image-section{max-height:200px;min-height:150px}.result-display{height:250px}.result-placeholder{font-size:14px}.result-placeholder-icon{font-size:36px;margin-bottom:12px}}.mask-editor-modal .ant-modal{max-width:90vw;width:90vw}.mask-editor-modal .ant-modal-body{height:80vh;overflow:hidden;padding:0}.mask-editor-container{display:flex;flex-direction:column;height:100%}.result-header{align-items:center;background:#fafafa;border:0 solid #f0f0f0;border-radius:2px;display:flex;justify-content:space-between;margin-bottom:0;padding:1px}.result-info{color:#666;flex:1 1;font-size:14px;margin:0}.comparison-controls{flex-shrink:0;margin:0;overflow:auto}.comparison-label{font-size:14px;margin-right:8px}@media (max-width:768px){.result-header{align-items:flex-start;flex-direction:column;gap:12px}.result-info{font-size:13px}.comparison-controls{align-self:flex-end}}@media (max-width:480px){.result-header{padding:8px 12px}.result-info{font-size:12px}.comparison-label{font-size:13px}}.template-images-container{background:#fafafa;border:1px solid #f0f0f0;border-radius:4px;margin-top:12px;padding:8px}.template-images-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.template-image-item{border:2px solid #0000;border-radius:4px;cursor:pointer;flex:0 0 auto;height:80px;overflow:hidden;transition:all .2s;width:80px}.template-image-item:hover{border-color:#1890ff}.template-image-item.selected{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.template-image-item img{height:100%;object-fit:cover;width:100%}.desktop-top-mode-selector{border-bottom:0;margin-bottom:8px}.desktop-top-mode-selector .mode-scroll-container{gap:12px;padding:4px 8px}.desktop-top-mode-selector .mode-item{font-size:14px;min-width:120px;padding:10px 16px}.desktop-top-mode-selector .mode-label{font-size:14px}.two-col-layout{gap:12px}.image-section{display:flex;flex-direction:column}.image-section-content{flex:1 1;min-height:auto;padding:8px}.image-mask-editor-container{display:flex;flex-direction:column;height:80vh}.control-panel{background:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:16px}.control-item{align-items:center;display:flex;gap:8px}.control-select{width:100px}.control-slider{width:120px}.control-slider-small{width:100px}.editor-area{background:#f0f0f0;border:2px solid #d9d9d9;border-radius:8px;display:flex;flex:1 1;overflow:hidden;position:relative}.editor-layout{display:flex;height:100%;width:100%}.editor-main{background:#f0f0f0;flex:1 1;overflow:hidden;position:relative}.candidate-panel{background:#fafafa;border-left:1px solid #e8e8e8;overflow-y:auto;padding:8px;width:220px}.candidate-header{color:#666;font-size:12px;margin-bottom:8px}.candidate-list{display:flex;flex-direction:column;gap:8px}.candidate-item{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:4px}.candidate-item:hover{border-color:#1890ff}.candidate-image{display:block;height:auto;width:100%}.brush-preview{background-color:initial;border-radius:50%;box-shadow:0 0 0 1px #fff;display:none;outline:1px dashed #000;pointer-events:none;position:absolute;z-index:10}.brush-preview.erase-mode{box-shadow:0 0 0 1px #fff;outline:2px dashed red}.brush-preview.fixed{position:fixed;z-index:9999}.empty-state{color:#999;font-size:16px;height:100%;justify-content:center;text-align:center}.action-bar,.empty-state{align-items:center;display:flex}.action-bar{justify-content:space-between;margin-top:16px}.hint-text{color:#666;font-size:12px}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-crosshair{cursor:crosshair}.original-canvas{position:absolute;z-index:1}.mask-canvas{pointer-events:none;position:absolute;z-index:2}.mobile-generate-layout{height:100vh;overflow:hidden}.mobile-content{height:100%;padding:0}.page-container{display:flex;height:100%;width:200%}.input-page,.result-page{box-sizing:border-box;height:100%;overflow-y:auto;padding:16px;width:50%}.horizontal-mode-selector{border-bottom:1px solid #f0f0f0;margin-bottom:2px;padding:0}.mode-scroll-container{-ms-overflow-style:none;display:flex;gap:16px;overflow-x:auto;padding:2 4px;scrollbar-width:none}.mode-scroll-container::-webkit-scrollbar{display:none}.mode-item{align-items:center;background:#fafafa;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;min-width:80px;padding:12px 16px;transition:all .3s ease}.mode-item.active{background:#1890ff;color:#fff}.mode-item:hover{background:#e6f7ff}.mode-item.active:hover{background:#40a9ff}.mode-icon{font-size:0;margin-bottom:0}.mode-label{font-size:12px;text-align:center;white-space:nowrap}.init-image-section{background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;height:80vh;margin-bottom:0}.init-image-header{background:#f5f5f5;border-bottom:1px solid #e8e8e8;border-radius:6px 6px 0 0;font-weight:500;height:33px;height:var(--section-header-height)}.init-image-content,.init-image-header{align-items:center;display:flex;padding:0}.init-image-content{height:calc(100% - 33px);height:calc(100% - var(--section-header-height));justify-content:center}.reference-image-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:0}.reference-image-section.fifth-size,.reference-image-section.quarter-size{height:18vh}.reference-image-header{background:#f8f8f8;border-bottom:1px solid #e8e8e8;border-radius:7px 7px 0 0;font-size:0;font-weight:500;padding:5px}.reference-image-content{align-items:center;display:flex;height:calc(100% - 33px);justify-content:center;padding:12px}.horizontal-category-selector{margin-bottom:16px}.category-scroll-container{-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}.category-scroll-container::-webkit-scrollbar{display:none}.category-item{background:#48db5e;border:1px solid #d9d9d9;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:18px;padding:2px 6px;transition:all .3s ease;white-space:nowrap}.category-item.active{background:#1890ff;border-color:#1890ff;color:#fff}.category-item:hover{border-color:#40a9ff}.template-gallery{margin-bottom:20px}.template-scroll-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 4px;scrollbar-width:none}.template-scroll-container::-webkit-scrollbar{display:none}:root{--tile-height:180px;--init-height:50dvh}.top-row{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:0;margin-bottom:0}.top-left{flex:0 0 200px;flex:0 0 var(--tile-width)}.top-right{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}:root{--tile-width:200px;--tile-height:140px;--section-header-height:33px}.top-left .reference-image-section.tile-size{height:173px;height:calc(var(--tile-height) + var(--section-header-height));width:200px;width:var(--tile-width)}.top-left .reference-image-content{align-items:center;display:flex;height:140px;height:var(--tile-height);justify-content:center;padding:0}.template-item{cursor:pointer;flex:0 0 200px;flex:0 0 var(--tile-width);flex-shrink:0;transition:transform .2s ease;width:200px;width:var(--tile-width)}.template-item:hover{transform:scale(1.05)}.template-image{border:2px solid #0000;border-radius:8px;height:140px;height:var(--tile-height);object-fit:contain;transition:border-color .3s ease;width:100%}.template-item:hover .template-image{border-color:#1890ff}.template-name{color:#666;font-size:12px;margin-top:4px;text-align:center}@media (max-width:768px){.template-item{width:200px;width:var(--tile-width)}.template-image{height:140px;height:var(--tile-height)}}@media (max-width:480px){.template-item{width:200px;width:var(--tile-width)}.template-image{height:140px;height:var(--tile-height)}}@media (max-width:768px){.input-page,.result-page{padding:12px}.init-image-section{height:80vh}.reference-image-section.quarter-size{height:22vh}.reference-image-section.fifth-size{height:18vh}.mode-item{min-width:70px;padding:10px 12px}.template-item{width:100px}.template-image{height:100px}}@media (max-width:480px){.input-page,.result-page{padding:8px}.init-image-section{height:50dvh;height:var(--init-height)}.reference-image-section.quarter-size{height:20vh}.reference-image-section.fifth-size{height:16vh}.mode-item{min-width:60px;padding:8px 10px}.mode-label{font-size:11px}.template-item{width:90px}.template-image{height:90px}}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{max-width:400px;width:100%}.auth-form{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.auth-form h2{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:15px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.auth-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:15px;transition:all .3s;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-links{margin-top:20px;text-align:center}.auth-links p{color:#666;margin:10px 0}.auth-links a{color:#667eea;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.demo-hint{background:#f0f4ff;border:1px solid #e0e8ff;border-radius:8px;color:#667eea;font-size:.9rem;padding:10px}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px;text-align:center}@media (max-width:480px){.auth-form{padding:30px 20px}.auth-form h2{font-size:1.5rem}}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.55d31c7c.css.map*/