:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background:radial-gradient(circle at top center,#1e1b4b 0%,#020617 100%);overflow-x:hidden}#root{width:100%;margin:0 auto;padding:2rem}.container{max-width:1000px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:3rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.logo h1{margin:0;font-size:3.5rem;font-weight:800;letter-spacing:-.05em;background:linear-gradient(135deg,#818cf8 0%,#c084fc 50%,#fb7185 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(129,140,248,.3))}.icon-sparkle{color:#818cf8;width:40px;height:40px}header p{color:#94a3b8;font-size:1.2rem;max-width:600px;margin:0 auto}main{display:grid;grid-template-columns:1fr;gap:2rem}.input-section{background:rgba(30,41,59,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080}.input-group{display:flex;flex-direction:column;gap:1.5rem}textarea{width:100%;min-height:120px;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.25rem;color:#f8fafc;font-size:1.1rem;resize:vertical;box-sizing:border-box;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000000f}textarea:focus{outline:none;border-color:#6366f1;background:rgba(15,23,42,.8);box-shadow:0 0 0 4px #6366f133}.generate-btn{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);color:#fff;border:none;padding:1.25rem;border-radius:1rem;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 10px 15px -3px #6366f166}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #6366f180;filter:brightness(1.1)}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;background:#334155;box-shadow:none}.display-area{min-height:500px;background:rgba(15,23,42,.4);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;position:relative;border:2px dashed rgba(255,255,255,.05);overflow:hidden;transition:all .5s ease}.image-container{width:100%;display:flex;flex-direction:column;align-items:center;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-container img{max-width:100%;max-height:70vh;border-radius:1rem;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000000a;transition:transform .3s ease}.image-container img:hover{transform:scale(1.02)}.actions{margin-top:1.5rem;display:flex;gap:1rem}.download-link{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.05);padding:.75rem 1.5rem;border-radius:.75rem;color:#e2e8f0;text-decoration:none;font-weight:600;transition:all .2s;border:1px solid rgba(255,255,255,.1)}.download-link:hover{background:rgba(255,255,255,.1);border-color:#6366f1}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#6366f1}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin.large{width:64px;height:64px}.loading-text{font-size:1.1rem;font-weight:500;color:#94a3b8;letter-spacing:.02em}.error-message{background:rgba(239,68,68,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.3);color:#f87171;padding:1.25rem;border-radius:1rem;margin-top:1rem;display:flex;align-items:center;gap:.75rem;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.empty-state{text-align:center;color:#475569}.empty-state p{font-size:1.1rem;border:1px solid rgba(255,255,255,.03);padding:1rem 2rem;border-radius:2rem}footer{text-align:center;padding-bottom:2rem;color:#475569;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 640px){.logo h1{font-size:2.5rem}#root{padding:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}