:root{--bg-dark:#0f0f0f;--bg-surface:#1a1a1a;--bg-elevated:#242424;--text:#e5e5e5;--text-muted:#888;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf64d;--success:#22c55e;--warning:#eab308;--error:#ef4444;--border:#ffffff1a;--radius:12px}.app{flex-direction:column}.app,.login-screen{display:flex;min-height:100vh}.login-screen{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1025);background:linear-gradient(135deg,var(--bg-dark) 0,#1a1025 100%);justify-content:center}.login-box{background:#1a1a1a;background:var(--bg-surface);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);max-width:400px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{font-size:1.5rem;margin:.5rem 0}.login-header p{color:#888;color:var(--text-muted);font-size:.9rem}.logo-icon{font-size:2.5rem}.header{background:#1a1a1a;background:var(--bg-surface);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem 2rem}.header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.header-left h1{font-size:1.25rem;font-weight:600}.header-left .logo-icon{font-size:1.5rem}.header-right{gap:1rem}.header-right,.status-badge{align-items:center;display:flex}.status-badge{background:#242424;background:var(--bg-elevated);border-radius:999px;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.status-dot{background:#888;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.status-badge.online .status-dot{background:#22c55e;background:var(--success)}.status-badge.scaling .status-dot{animation:pulse 1.5s infinite;background:#eab308;background:var(--warning)}.status-badge.error .status-dot,.status-badge.offline .status-dot{background:#ef4444;background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-bar{background:#242424;background:var(--bg-elevated);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);padding:.75rem 2rem}.status-info{color:#888;color:var(--text-muted);display:flex;font-size:.85rem;gap:2rem}.status-info strong{color:#e5e5e5;color:var(--text)}.main{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:400px 1fr}@media (max-width:1024px){.main{grid-template-columns:1fr}}.panel{padding:1.5rem}.controls-panel{background:#1a1a1a;background:var(--bg-surface);border-right:1px solid #ffffff1a;border-right:1px solid var(--border);max-height:calc(100vh - 140px);overflow-y:auto}.controls-panel h2{color:#8b5cf6;color:var(--accent);font-size:1.1rem;margin-bottom:1.5rem}.gallery-panel{background:#0f0f0f;background:var(--bg-dark);max-height:calc(100vh - 140px);overflow-y:auto}.gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.gallery-header h2{color:#888;color:var(--text-muted);font-size:1rem}.section{margin-bottom:1.5rem}.section label{color:#e5e5e5;color:var(--text);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.hint{color:#888;color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.input,.textarea{background:#242424;background:var(--bg-elevated);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#e5e5e5;color:var(--text);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.input:focus,.textarea:focus{border-color:#8b5cf6;border-color:var(--accent);outline:none}.textarea{min-height:80px;resize:vertical}.mode-tabs{display:flex;gap:.5rem}.mode-tab{background:#242424;background:var(--bg-elevated);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#888;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.75rem;transition:all .2s}.mode-tab:hover{border-color:#8b5cf6;border-color:var(--accent);color:#e5e5e5;color:var(--text)}.mode-tab.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--accent) 0,#6366f1 100%);border-color:#0000;color:#fff}.dropzone{border:2px dashed #ffffff1a;border:2px dashed var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;padding:2rem;text-align:center;transition:all .2s}.dropzone.active,.dropzone:hover{background:#8b5cf64d;background:var(--accent-glow);border-color:#8b5cf6;border-color:var(--accent)}.dropzone-icon{display:block;font-size:2rem;margin-bottom:.5rem}.image-preview{border-radius:12px;border-radius:var(--radius);overflow:hidden;position:relative}.image-preview img{background:#242424;background:var(--bg-elevated);max-height:200px;object-fit:contain;width:100%}.clear-btn{align-items:center;background:#ef4444;background:var(--error);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:28px}.btn,.clear-btn{border:none;cursor:pointer}.btn{border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-sm{font-size:.85rem;padding:.5rem 1rem}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--accent) 0,#6366f1 100%);color:#fff;width:100%}.btn-primary:hover{box-shadow:0 4px 20px #8b5cf64d;box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-generate{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--accent) 0,#6366f1 100%);color:#fff;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;padding:1rem;width:100%}.btn-generate:hover:not(:disabled){box-shadow:0 8px 30px #8b5cf64d;box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-generate.generating{background:#242424;background:var(--bg-elevated)}.generating-hint{color:#888;color:var(--text-muted);font-size:.85rem;margin-top:.75rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-gallery{color:#888;color:var(--text-muted);padding:4rem 2rem;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.gallery-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-item{aspect-ratio:1;background:#1a1a1a;background:var(--bg-surface);border-radius:12px;border-radius:var(--radius);overflow:hidden;position:relative}.gallery-item img{height:100%;object-fit:cover;width:100%}.gallery-overlay{background:linear-gradient(0deg,#000000e6 0,#0000 50%);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:1rem;position:absolute;transition:opacity .2s}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e5e5e5;color:var(--text);display:-webkit-box;font-size:.8rem;margin-bottom:.5rem;overflow:hidden}.gallery-meta{display:flex;gap:.5rem;margin-bottom:.5rem}.badge{background:#ffffff1a;border-radius:4px;color:#888;color:var(--text-muted);font-size:.7rem;padding:.25rem .5rem}.gallery-actions{display:flex;gap:.5rem}.gallery-actions button{background:#ffffff1a;border:none;border-radius:6px;color:#e5e5e5;color:var(--text);cursor:pointer;font-size:1rem;padding:.5rem;transition:background .2s}.gallery-actions button:hover{background:#8b5cf6;background:var(--accent)}.footer{background:#1a1a1a;background:var(--bg-surface);border-top:1px solid #ffffff1a;border-top:1px solid var(--border);color:#888;color:var(--text-muted);font-size:.85rem;padding:1rem 2rem;text-align:center}.footer strong{color:#8b5cf6;color:var(--accent)}.image-modal{align-items:center;animation:fadeIn .2s ease-out;background:#000000e6;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:scaleIn .2s ease-out;background:#1a1a1a;background:var(--bg-surface);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content img{max-height:calc(90vh - 100px);max-width:100%;object-fit:contain}.modal-close{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:background .2s;width:36px;z-index:1}.modal-close:hover{background:#ef4444;background:var(--error)}.modal-info{background:#242424;background:var(--bg-elevated);padding:1rem 1.5rem}.modal-prompt{color:#e5e5e5;color:var(--text);font-size:.9rem;margin-bottom:.75rem}.modal-meta{align-items:center;display:flex;gap:.75rem}.gallery-item{cursor:pointer}
/*# sourceMappingURL=main.eff9cdea.css.map*/