:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;background-color:#0f1b21;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ai-image-generator{width:90%;max-width:1200px;min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;gap:20px}.header{font-size:clamp(2rem,6vw,4.5rem);font-weight:500;text-align:center}.header span{color:#de1b89;font-weight:700}.img-loading{width:100%;max-width:500px;height:300px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:20px}.img-loading img{width:100%;height:100%;object-fit:cover}.loading{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:10px}.loading-bar{width:0%;height:8px;border-radius:50px;background:#de1b89}.loading-bar-full{width:100%;height:8px;border-radius:50px;background:#de1b89;transition:.5s}.loading-text{font-size:1rem;font-weight:500}.display-none{display:none}.search-box{width:100%;max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border-radius:60px;background:#1f3540}.search-input{width:75%;height:60px;background:transparent;border:none;outline:none;font-size:1rem;color:#fff;padding-left:20px}.search-input::placeholder{color:#999}.generate-btn{width:25%;min-width:150px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50px;background:#de1b89;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s}.generate-btn:hover{transform:scale(1.03)}@media(max-width:768px){.ai-image-generator{width:95%;gap:25px}.header{font-size:2.5rem}.img-loading{height:220px}.search-box{flex-direction:column;border-radius:20px;padding:20px;width:90%}.search-input{width:100%;height:55px;padding-left:10px}.generate-btn{width:100%;height:55px}}
