.image-ai-container{color:#1e293b;background:linear-gradient(135deg,#f0f9ff 0%,#e0f7fa 50%,#e3f2fd 100%);flex-direction:column;align-items:center;min-height:100vh;padding:2rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.image-content{text-align:center;width:100%;max-width:800px;margin:0 auto}.image-header{margin-bottom:3rem}.image-title{background:linear-gradient(135deg,#0d9488 0%,#0891b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.image-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.prompt-input{color:#1e293b;background:#fff;border:2px solid #06b6d433;border-radius:20px;width:100%;margin-bottom:1.5rem;padding:1.25rem 1.5rem;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #06b6d41a}.prompt-input:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 4px #22c55e1a}.prompt-input::placeholder{color:#94a3b8;font-style:italic}.generate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#0d9488 100%);border:none;border-radius:20px;min-width:200px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #22c55e4d}.generate-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.generate-button:hover:before{left:100%}.generate-button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a 0%,#0d9488 100%);transform:translateY(-3px);box-shadow:0 8px 30px #22c55e66}.generate-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);transform:none!important}.image-error{color:#ef4444;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5;border-radius:16px;margin:1.5rem 0;padding:1rem 1.5rem;font-weight:500;display:inline-block}.image-display{margin-top:3rem;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.generated-image{border:1px solid #06b6d433;border-radius:24px;max-width:100%;height:auto;transition:all .3s;box-shadow:0 20px 60px #06b6d433}.generated-image:hover{transform:scale(1.01);box-shadow:0 30px 80px #06b6d44d}.loading-container{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem;display:flex}.loading-spinner{border:5px solid #06b6d41a;border-top-color:#22c55e;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.loading-text{color:#64748b;font-size:1.1rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.image-info{color:#475569;background:linear-gradient(135deg,#22c55e0d,#06b6d40d);border:1px solid #06b6d426;border-radius:20px;margin-top:2rem;padding:1.5rem;font-size:.95rem;line-height:1.6}@media (max-width:768px){.image-ai-container{padding:1rem}.image-title{font-size:2rem}.image-subtitle{font-size:1rem}.prompt-input{padding:1rem 1.25rem;font-size:.95rem}.generate-button{padding:.875rem 2rem;font-size:1rem}.generated-image{border-radius:16px}}