#root{max-width:1280px;margin:0 auto;padding:2rem}.ai-image-generator{display:flex;flex-direction:column;align-items:center;margin:2% auto 1%;gap:30px}.header{font-size:20px;font-weight:500;padding-bottom:30px;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1)}.header span{color:#00c9b7;font-weight:600}.img-loading{display:flex;flex-direction:column}.img-loading .image{width:25rem}.loader-bar{background-color:#00c9b7;height:10px;border-radius:10px;width:0}.loader-bar-full{background-color:#00c9b7;height:10px;border-radius:10px;width:100%;transition:15s}.displayNone{opacity:0}.active{opacity:1}.img-loading span{color:#fff}.search-box{display:flex;align-items:center;width:35rem;height:65px;background-color:#fff;border-radius:20px;box-shadow:0 0 25px #00f}.search-box:hover{box-shadow:0 0 15px #00f}.search-input{border-radius:20px;border:none;width:100%;padding:1rem;outline:none;font-size:14px}.generate-btn{display:flex;align-items:center;color:#fff;background-color:#00c9b7;height:100%;border-radius:20px;margin-left:auto;padding:0 4rem;transition:all .3s ease;cursor:pointer;font-weight:600;font-size:14px;letter-spacing:2px}.generate-btn:hover{opacity:.8}body{background:#051937;font-family:Roboto}img{width:100%;height:100%;object-fit:contain;border:2px solid #DE1b89}