:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background-color:#0f1b21;color:#fff}.ai-image-generator{display:flex;flex-direction:column;align-items:center;margin:auto;gap:30px;width:100%;max-width:1400px;padding:20px;box-sizing:border-box}.header{font-size:clamp(40px,5vw,70px);font-weight:500;padding-bottom:30px;text-align:center;line-height:1.2}.header span{color:#de1b89;font-weight:600}.img-loading{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;transition:all .3s ease}.img-loading img{width:100%;max-width:100%;height:auto;min-height:400px;max-height:80vh;object-fit:contain;border-radius:16px;box-shadow:0 10px 30px #00000026;transition:transform .3s ease,box-shadow .3s ease;background-color:#1f35400d}.img-loading img:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.searchbox{display:flex;width:100%;max-width:1000px;min-height:75px;justify-content:space-between;align-items:center;border-radius:50px;background:#1f3540;padding:0 20px;box-sizing:border-box;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.search-input{flex:1;height:40px;background:transparent;border:none;outline:none;font-size:clamp(16px,2vw,18px);color:#fff;padding-left:25px;margin-right:20px}.search-input::placeholder{color:#fff9;transition:color .3s ease}.search-input:focus::placeholder{color:#ffffff4d}.generate-btn{display:flex;align-items:center;justify-content:center;min-width:150px;max-width:300px;width:auto;height:55px;font-size:clamp(16px,2vw,20px);border-radius:50px;background:#de1b89;color:#fff;cursor:pointer;padding:0 30px;transition:all .3s ease;white-space:nowrap;font-weight:500;box-shadow:0 4px 10px #de1b894d}.generate-btn:hover{background:#ff1e96;box-shadow:0 6px 15px #de1b8966;transform:translateY(-2px)}.generate-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #de1b8966}.download-btn{display:flex;align-items:center;justify-content:center;min-width:180px;max-width:300px;width:auto;height:50px;font-size:clamp(15px,1.8vw,18px);border-radius:50px;background:#2c83ef;color:#fff;cursor:pointer;padding:0 25px;transition:all .3s ease;white-space:nowrap;font-weight:500;box-shadow:0 4px 10px #2c83ef4d;margin-top:20px}.download-btn:hover{background:#3a90ff;box-shadow:0 6px 15px #2c83ef66;transform:translateY(-2px)}.download-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #2c83ef66}.loading-bar{width:0;height:8px;background:#de1b89;border-radius:12px;margin-top:15px}.loading-bar-full{width:100%;max-width:800px;height:8px;background:#de1b89;border-radius:12px;transition:all 25s cubic-bezier(.77,0,.175,1);margin-top:15px}.loading-text{font-size:16px;margin-top:10px;color:#333;text-align:center}.d-none{display:none}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.img-loading.is-loading{animation:pulse 2s infinite ease-in-out}@media screen and (min-width: 1400px){.ai-image-generator{gap:40px}.img-loading{max-width:900px}.img-loading img{min-height:500px}.loading-bar-full{max-width:900px}}@media screen and (min-width: 1200px) and (max-width: 1399px){.img-loading{max-width:800px}.img-loading img{min-height:450px}}@media screen and (min-width: 992px) and (max-width: 1199px){.ai-image-generator{gap:25px}.header{padding-bottom:20px}.img-loading{max-width:700px}.img-loading img{min-height:400px}.searchbox{max-width:800px}.loading-bar-full{max-width:700px}}@media screen and (min-width: 768px) and (max-width: 991px){.ai-image-generator{gap:20px}.header{padding-bottom:15px}.img-loading{max-width:600px}.img-loading img{min-height:350px}.searchbox{max-width:700px;height:65px}.generate-btn,.download-btn{height:50px;min-width:130px;padding:0 25px}.loading-bar-full{max-width:600px}.download-btn{margin-top:15px}}@media screen and (min-width: 576px) and (max-width: 767px){.ai-image-generator{gap:20px;padding:15px}.img-loading{max-width:500px}.img-loading img{min-height:300px;border-radius:12px}.searchbox{flex-direction:column;padding:15px 20px;gap:15px;height:auto;border-radius:25px;max-width:500px}.search-input{width:100%;margin-right:0;padding-left:10px}.generate-btn,.download-btn{width:100%;height:48px}.download-btn,.loading-bar,.loading-bar-full{max-width:500px}.download-btn{margin-top:15px}}@media screen and (max-width: 575px){.ai-image-generator{gap:15px;padding:10px}.header{padding-bottom:10px}.img-loading img{min-height:250px;border-radius:10px;max-height:60vh}.searchbox{flex-direction:column;padding:15px;gap:12px;height:auto;border-radius:20px}.search-input{width:100%;margin-right:0;padding-left:10px}.generate-btn,.download-btn{width:100%;height:45px;min-width:100%}.download-btn{font-size:14px;padding:0 15px}.loading-bar,.loading-bar-full{height:6px;margin-top:10px}.loading-text{font-size:14px;margin-top:8px}.download-btn{margin-top:12px}}@media screen and (max-width: 375px){.img-loading img{min-height:200px;max-height:50vh}.generate-btn,.download-btn{font-size:14px;height:40px}}