@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe8b9d92-module__LINzvG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe8b9d92-module__LINzvG__variable{--font-inter:"Inter","Inter Fallback"}
:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#161616;--bg-hover:#1f1f1f;--accent-green:#00d26a;--accent-green-hover:#00e676;--accent-green-glow:#00d26a4d;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--border-color:#27272a;--border-hover:#3f3f46;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:100;background:#0a0a0acc;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo-icon{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header-right{align-items:center;gap:16px;display:flex}.credits-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:flex}.credits-badge .value{color:var(--accent-green);font-weight:600}.user-menu{position:relative}.user-avatar{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));cursor:pointer;width:36px;height:36px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.user-avatar:hover{box-shadow:0 0 20px var(--accent-purple);transform:scale(1.05)}.user-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);opacity:0;visibility:hidden;width:200px;transition:var(--transition);padding:8px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-10px)}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#ef44441a}.auth-btn{background:var(--accent-green);color:#000;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:10px 20px;font-size:14px;font-weight:600}.auth-btn:hover{background:var(--accent-green-hover);box-shadow:0 0 20px var(--accent-green-glow)}.main-container{min-height:100vh;padding-top:64px;display:flex}.control-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;gap:24px;width:400px;min-width:400px;height:calc(100vh - 64px);padding:24px;display:flex;overflow-y:auto}.panel-section{flex-direction:column;gap:12px;display:flex}.section-title{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.mode-tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:8px;padding:4px;display:flex}.mode-tab{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;flex:1;padding:10px 16px;font-size:14px;font-weight:500}.mode-tab.active{background:var(--accent-green);color:#000}.mode-tab:not(.active):hover{color:var(--text-primary);background:var(--bg-hover)}.prompt-container{flex-direction:column;gap:12px;display:flex}.prompt-header{justify-content:space-between;align-items:center;display:flex}.prompt-label{color:var(--text-secondary);font-size:14px;font-weight:600}.prompt-actions{gap:8px;display:flex}.prompt-action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent-purple);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.prompt-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-purple)}.prompt-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:140px;color:var(--text-primary);resize:vertical;transition:var(--transition);padding:16px;font-family:inherit;font-size:14px}.prompt-textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-glow);outline:none}.prompt-textarea::placeholder{color:var(--text-muted)}.char-count{text-align:right;color:var(--text-muted);font-size:12px}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);padding:32px}.upload-zone:hover{border-color:var(--accent-green);background:#00d26a0d}.upload-zone.dragover{border-color:var(--accent-green);background:#00d26a1a}.upload-icon{opacity:.5;width:48px;height:48px;margin:0 auto 12px}.upload-text{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.upload-hint{color:var(--text-muted);font-size:12px}.uploaded-images{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.uploaded-image{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-tertiary);position:relative;overflow:hidden}.uploaded-image img{object-fit:cover;width:100%;height:100%}.remove-image{color:#fff;cursor:pointer;opacity:0;width:20px;height:20px;transition:var(--transition);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:4px;right:4px}.uploaded-image:hover .remove-image{opacity:1}.generate-btn{background:linear-gradient(135deg,var(--accent-green),#00b35a);border-radius:var(--radius-md);color:#000;cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.generate-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.generate-btn:hover:before{left:100%}.generate-btn:hover{box-shadow:0 0 30px var(--accent-green-glow);transform:translateY(-2px)}.generate-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.generate-btn:disabled:before{display:none}.credit-cost{opacity:.8;font-size:13px}.preview-panel{flex-direction:column;flex:1;height:calc(100vh - 64px);display:flex;overflow:hidden}.preview-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.preview-title{color:var(--text-primary);font-size:16px;font-weight:600}.view-toggle{background:var(--bg-tertiary);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.view-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:6px 12px;font-size:13px}.view-btn.active{background:var(--bg-card);color:var(--text-primary)}.preview-content{flex:1;padding:24px;overflow-y:auto}.empty-state{text-align:center;height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{opacity:.3;width:80px;height:80px;margin-bottom:20px}.empty-text{margin-bottom:8px;font-size:16px}.empty-hint{color:var(--text-muted);font-size:14px}.generating-state{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.loading-spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--accent-green);border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generating-text{color:var(--text-secondary);margin-bottom:8px;font-size:16px}.generating-hint{color:var(--text-muted);font-size:14px}.generating-progress{align-items:center;gap:12px;width:100%;max-width:300px;margin:16px 0;display:flex}.progress-bar{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));border-radius:4px;height:100%;transition:width .5s;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:var(--accent-green);text-align:right;min-width:42px;font-size:14px;font-weight:600}.result-container{flex-direction:column;gap:20px;display:flex}.result-image-wrapper{border-radius:var(--radius-lg);background:var(--bg-tertiary);width:100%;max-width:800px;margin:0 auto;position:relative;overflow:hidden}.result-image{width:100%;display:block}.result-actions{gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:var(--transition);background:#000000b3;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:10px 16px;font-size:13px;display:flex}.action-btn:hover{background:#00d26acc}.result-prompt{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);padding:16px;font-size:14px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.gallery-item{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.gallery-item:hover{transform:scale(1.02);box-shadow:0 10px 30px #0006}.gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-item-overlay{opacity:0;transition:var(--transition);background:linear-gradient(#0000 50%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:12px;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-prompt{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:40px;animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;font-size:20px;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-title{text-align:center;margin-bottom:8px;font-size:24px;font-weight:700}.modal-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px}.social-login{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.social-btn{border-radius:var(--radius-md);color:#000;cursor:pointer;width:100%;transition:var(--transition);background:#fff;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:500;display:flex}.social-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.social-btn.google{color:#333;background:#fff}.social-btn.github{color:#fff;background:#24292e}.divider{color:var(--text-muted);align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border-color);flex:1;height:1px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);padding:14px 16px;font-size:15px}.form-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-glow);outline:none}.form-input::placeholder{color:var(--text-muted)}.submit-btn{background:var(--accent-green);border-radius:var(--radius-md);color:#000;cursor:pointer;width:100%;transition:var(--transition);border:none;margin-top:8px;padding:14px 20px;font-size:15px;font-weight:600}.submit-btn:hover{background:var(--accent-green-hover);box-shadow:0 0 20px var(--accent-green-glow)}.submit-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.modal-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px}.modal-footer a{color:var(--accent-green);font-weight:500;text-decoration:none}.modal-footer a:hover{text-decoration:underline}.auth-divider{color:var(--text-muted);align-items:center;gap:16px;margin:24px 0;font-size:14px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.google-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#333;cursor:pointer;width:100%;transition:var(--transition);background:#fff;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:500;display:flex}.google-btn:hover{background:#f5f5f5;border-color:#ccc;box-shadow:0 2px 8px #0000001a}.google-btn:disabled{color:#999;cursor:not-allowed;background:#e0e0e0}.google-btn svg{flex-shrink:0}.error-message{color:#ef4444;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.success-message{color:var(--accent-green);border-radius:var(--radius-md);background:#00d26a1a;border:1px solid #00d26a4d;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}@media (max-width:1024px){.main-container{flex-direction:column}.control-panel{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-color);height:auto}.preview-panel{height:auto;min-height:500px}}@media (max-width:640px){.header{padding:0 16px}.control-panel,.preview-content{padding:16px}.modal{margin:16px;padding:24px}.uploaded-images{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.toast-container{z-index:300;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:24px}.toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:14px 20px;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{border-color:var(--accent-green)}.toast.error{border-color:#ef4444}.toast-message{color:var(--text-primary);font-size:14px}.status-bar{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.status-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px}.status-dot.offline{background:#ef4444}.model-selector{flex-direction:column;gap:10px;display:flex}.model-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding:12px 40px 12px 16px;font-family:inherit;font-size:14px}.model-select:hover{border-color:var(--border-hover)}.model-select:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-glow);outline:none}.model-select option{background:var(--bg-card);color:var(--text-primary);padding:12px}.model-description{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--accent-purple);padding:8px 12px;font-size:12px}.model-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.model-tag{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);padding:4px 8px;font-size:11px}.model-tag.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}