*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;justify-content:center;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#fff3}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease}.input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input::placeholder{color:#ffffff80}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.container{padding:0 16px}.btn{font-size:13px;padding:10px 20px}.card{padding:16px}}.landing{min-height:100vh;padding:40px 0}.container{max-width:1200px}.hero-section{margin-bottom:60px;text-align:center}.title{font-size:3rem;margin-bottom:20px}.description{color:#fffc;font-size:1.2rem;margin-bottom:30px}.btn{background:#667eea;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none}.images-section h2{color:#fff;font-size:2rem;margin-bottom:40px;text-align:center}.images-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.image-item{background:#ffffff0d;border-radius:12px;padding:20px;text-align:center}.image-item img{border-radius:8px;height:540px;margin-bottom:15px;object-fit:cover;width:100%}.image-prompt{color:#ffffffe6;font-size:14px}@media (max-width:768px){.images-grid{gap:20px;grid-template-columns:1fr}.title{font-size:2rem}}.toast{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 25px #0000004d;cursor:pointer;max-width:500px;min-width:300px}.toast-success{background:linear-gradient(135deg,#10b981e6,#059669e6);border:1px solid #10b9814d}.toast-error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:1px solid #ef44444d}.toast-warning{background:linear-gradient(135deg,#f59e0be6,#d97706e6);border:1px solid #f59e0b4d}.toast-info{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border:1px solid #3b82f64d}.toast-content{align-items:center;color:#fff;display:flex;gap:12px;padding:16px 20px}.toast-icon{flex-shrink:0;font-size:18px}.toast-message{flex:1 1;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#fff3;color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast.closing{animation:slideOutRight .3s ease-in forwards}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.toast-content{padding:12px 16px}.toast-icon{font-size:16px}.toast-message{font-size:14px}}.image-display{width:100%}.image-placeholder{align-items:center;aspect-ratio:1;background:#ffffff05;border:2px dashed #fff3;border-radius:12px;display:flex;justify-content:center;width:100%}.image-placeholder.loading{background:#667eea0d;border-color:#667eea4d}.loading-content,.placeholder-content{padding:40px 20px;text-align:center}.loading-spinner-large{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.placeholder-icon{font-size:3rem;margin-bottom:16px}.loading-content h3,.placeholder-content h3{font-size:1.2rem;font-weight:600;margin-bottom:8px}.loading-content p,.placeholder-content p{color:#fff9;font-size:.9rem}.image-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;position:relative}.generated-image{border-radius:12px;display:block;height:auto;width:100%}.image-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-container:hover .image-overlay{opacity:1}.image-actions{display:flex;gap:12px}.action-btn{align-items:center;border:1px solid #fff3;border-radius:50%;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.action-btn:hover{background:#fff3;transform:scale(1.1)}.image-info{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-top:16px;padding:16px}.image-prompt{line-height:1.4;margin-bottom:8px;word-break:break-word}.image-prompt strong{color:#ffffffe6}.image-style{color:#ffffffb3;font-size:.9rem;margin-bottom:8px}.image-style strong{color:#ffffffe6}.edit-badge{display:flex;justify-content:flex-start}.badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}@media (max-width:768px){.image-placeholder{aspect-ratio:4/3}.loading-content,.placeholder-content{padding:20px 16px}.placeholder-icon{font-size:2rem}.loading-content h3,.placeholder-content h3{font-size:1rem}.loading-content p,.placeholder-content p{font-size:.8rem}.image-actions{gap:8px}.action-btn{font-size:14px;height:40px;width:40px}.image-info{margin-top:12px;padding:12px}.image-prompt,.image-style{font-size:.85rem}}.generate{min-height:100vh;padding:20px 0}.container{margin:0 auto;max-width:1900px;padding:0 20px}.generate-content{align-items:start;display:flex;gap:40px}.controls{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex:0 0 500px;padding:30px}.title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.input-section{margin-bottom:25px}.label{color:#ffffffe6;display:block;font-size:16px;font-weight:500;margin-bottom:10px}.prompt-input{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;font-family:inherit;font-size:16px;min-height:120px;padding:16px;resize:vertical;width:100%}.prompt-input:focus{border-color:#667eea;outline:none}.prompt-input::placeholder{color:#ffffff80}.style-section{margin-bottom:25px}.styles{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.style-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;font-size:14px;padding:12px 16px}.style-btn:hover{background:#ffffff1a}.style-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.clothing-section{margin-bottom:25px}.clothing-select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px;width:100%}.clothing-select:focus{border-color:#667eea;outline:none}.clothing-select option{background:#1a1a1a;color:#fff}.aspect-section{margin-bottom:25px}.aspect-select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px;width:100%}.aspect-select:focus{border-color:#667eea;outline:none}.aspect-select option{background:#1a1a1a;color:#fff}.keywords-section{margin-bottom:30px}.keywords-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.keyword-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;font-size:12px;padding:8px 12px;text-align:center;transition:all .2s ease}.keyword-btn:hover{background:#ffffff1a}.keyword-btn.selected{background:#667eea4d;border-color:#667eea99;color:#fff}.generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;width:100%}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.image-section{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;flex:1 1;padding:30px}.history{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:30px}.history-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:16px}.history-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.history-item{aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden}.history-item:hover{border-color:#667eea80}.history-item img{height:100%;object-fit:cover;width:100%}@media (max-width:1024px){.generate-content{flex-direction:column;gap:30px}.controls{flex:none;max-width:none}.styles{grid-template-columns:repeat(4,1fr)}.keywords-input{flex-direction:column;gap:10px}}@media (max-width:768px){.container{padding:0 15px}.controls,.image-section{padding:20px}.title{font-size:1.5rem}.styles{grid-template-columns:1fr 1fr}.keywords-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.keyword-btn{font-size:11px;padding:6px 8px}.history-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;z-index:100}.header-content{justify-content:space-between;padding:16px 0}.header-content,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:18px;font-weight:600;gap:12px;text-decoration:none;transition:opacity .3s ease}.logo:hover{opacity:.8}.logo-icon{align-items:center;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.logo-icon,.logo-text{background:linear-gradient(135deg,#667eea,#764ba2)}.logo-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.nav{display:flex;gap:8px}.nav-link{border-radius:6px;color:#ffffffb3;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#667eea33;border:1px solid #667eea4d;color:#fff}@media (max-width:768px){.header-content{padding:12px 0}.logo-text{display:none}.nav{gap:4px}.nav-link{font-size:13px;padding:6px 12px}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.toast{animation:slideIn .3s ease-out;border-radius:8px;color:#fff;font-weight:500;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:1000}.toast.success{background:linear-gradient(135deg,#10b981,#059669)}.toast.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.d17c1d9e.css.map*/