.App{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.container{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:1200px;padding:40px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5em;margin-bottom:40px;text-align:center}.error-message{animation:slideIn .3s ease-out;background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;margin-bottom:20px;padding:15px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}.input-section,.uploads-section{display:flex;flex-direction:column;gap:20px}.uploads-section h2{color:#333;font-size:1.3em;margin-bottom:10px}@media (max-width:1024px){.content{grid-template-columns:1fr}.container{padding:20px}.container h1{font-size:1.8em;margin-bottom:20px}}.image-uploader{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.image-uploader h3{color:#333;font-size:1.1em;margin-bottom:15px}.upload-area{margin-bottom:15px;position:relative}.file-input{display:none}.upload-label{align-items:center;background:#f5f7ff;border:2px dashed #667eea;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:30px;transition:all .3s ease}.upload-label:hover{background:#faf5ff;border-color:#764ba2}.upload-icon{font-size:2em;margin-bottom:10px}.upload-label span{color:#666;font-size:.95em}.preview-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:15px}.preview-container.single{justify-content:center}.preview-item{border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease}.preview-item:hover{transform:scale(1.05)}.preview-image{display:block;height:150px;object-fit:cover;width:150px}.preview-container.single .preview-image{height:200px;width:200px}.remove-btn{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:30px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;width:30px}.remove-btn:hover{background:red;transform:scale(1.1)}.prompt-input{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.prompt-input h2{color:#333;font-size:1.1em;margin-bottom:15px}.input-group{display:flex;flex-direction:column;gap:15px}.prompt-textarea{border:2px solid #e0e0e0;border-radius:8px;color:#333;font-family:inherit;font-size:1em;padding:15px;resize:vertical;transition:border-color .3s ease}.prompt-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.prompt-textarea:disabled{background-color:#f0f0f0;cursor:not-allowed}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.05em;font-weight:600;padding:15px 30px;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.generated-image{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.generated-image h2{color:#333;font-size:1.1em;margin-bottom:15px}.image-display{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:15px;overflow:hidden}.generated-img{display:block;height:auto;max-height:500px;object-fit:contain;width:100%}.image-info{background:#fff;border-top:1px solid #e0e0e0;padding:10px 15px}.image-info p{color:#999;font-size:.9em;margin:0;word-break:break-all}.button-group{display:flex;flex-wrap:wrap;gap:10px}.clear-btn,.download-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1em;font-weight:600;padding:12px 20px;transition:all .3s ease}.download-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.download-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.clear-btn{background:#e0e0e0;color:#333}.clear-btn:hover{background:#d0d0d0;transform:translateY(-2px)}
/*# sourceMappingURL=main.7196844e.css.map*/