.loading-screen,.login-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center}.login-card{background:#252525;padding:3rem;border-radius:12px;max-width:400px}.login-card h1{margin-bottom:1rem;color:#fff;font-size:2rem}.login-card p{margin-bottom:2rem;color:#b0b0b0}.login-btn{background:#5865f2;color:#fff;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600}.login-btn:hover{background:#4752c4}.spinner{width:40px;height:40px;border:4px solid #333;border-top-color:#4a9eff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.header{background:#252525;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.header h1{font-size:1.5rem;color:#fff}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{color:#b0b0b0}.logout-btn{background:#333;color:#e0e0e0;padding:.5rem 1rem;border-radius:8px;font-size:.9rem}.logout-btn:hover{background:#404040}.main-content{padding:2rem;max-width:1400px;margin:0 auto}.generator-container{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin-bottom:3rem}@media (max-width: 1024px){.generator-container{grid-template-columns:1fr}}.controls-panel{background:#252525;padding:2rem;border-radius:12px}.controls-panel h2{margin-bottom:1.5rem;color:#fff;font-size:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#b0b0b0;font-size:.9rem;font-weight:500}.form-group textarea,.form-group input,.form-group select{width:100%;background:#1a1a1a;color:#e0e0e0;padding:.75rem;border-radius:8px;border:1px solid #333}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a9eff}.enhance-btn{width:100%;background:#8b5cf6;color:#fff;padding:.625rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-top:.75rem}.enhance-btn:hover:not(:disabled){background:#7c3aed}.enhance-btn:disabled{background:#4a3a5c}.file-input{width:100%;background:#1a1a1a;color:#e0e0e0;padding:.75rem;border-radius:8px;border:1px solid #333;cursor:pointer}.file-input::-webkit-file-upload-button{background:#333;color:#e0e0e0;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-right:.75rem}.file-input::-webkit-file-upload-button:hover{background:#404040}.reference-images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-top:.75rem}.reference-image-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid #333}.reference-image-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:2px;right:2px;background:#000c;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0}.remove-image-btn:hover{background:#f44}.price-info{background:#2a2a2a;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.price-info p{margin:.25rem 0;color:#e0e0e0}.price-info strong{color:#4a9eff;font-size:1.25rem}.price-note{font-size:.85rem;color:#888}.generate-btn{width:100%;background:#4a9eff;color:#fff;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600}.generate-btn:hover:not(:disabled){background:#3a8eef}.error-message{margin-top:1rem;padding:.75rem;background:#3a1a1a;color:#ff6b6b;border-radius:8px;border-left:4px solid #ff6b6b;font-size:.9rem}.preview-panel{background:#252525;padding:2rem;border-radius:12px;min-height:600px;display:flex;flex-direction:column}.preview-panel h2{margin-bottom:1.5rem;color:#fff;font-size:1.25rem}.preview-area{flex:1;display:flex;justify-content:center;align-items:center;background:#1a1a1a;border-radius:8px;padding:2rem}.placeholder{text-align:center;color:#666}.generating{text-align:center}.generating p{color:#b0b0b0;margin-top:1rem}.generated-image{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.generated-image img{max-width:100%;max-height:500px;border-radius:8px;object-fit:contain}.download-btn{background:#4a9eff;color:#fff;padding:.75rem 2rem;border-radius:8px;font-weight:600}.download-btn:hover{background:#3a8eef}.gallery-section{margin-top:3rem}.gallery-section h2{margin-bottom:1.5rem;color:#fff;font-size:1.5rem}.loading-gallery{text-align:center;padding:3rem}.no-images{text-align:center;padding:3rem;color:#666}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.gallery-item{background:#252525;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:1;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:1.5rem 1rem 1rem;opacity:0;transition:opacity .2s ease}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-prompt{color:#e0e0e0;font-size:.85rem;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gallery-download-btn{background:#4a9eff;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;width:100%}.gallery-download-btn:hover{background:#3a8eef}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#1a1a1a;color:#e0e0e0;line-height:1.6}#root{min-height:100vh}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;outline:none;border:none}input:focus,select:focus,textarea:focus{outline:2px solid #4a9eff}