body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;position:relative;text-align:center}.App:before{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff1a 0,#0000 50%),linear-gradient(45deg,#0000 40%,#ffffff0d 50%,#0000 60%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.App>*{position:relative;z-index:2}.App-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#282c34f2;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 20px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:20px}.app-brand,.header-left{align-items:center;display:flex;gap:15px}.app-brand{border-radius:10px;margin:-8px -12px;padding:8px 12px;transition:all .3s ease}.app-brand.clickable{cursor:pointer}.app-brand.clickable:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 4px 15px #0000001a;transform:translateY(-1px)}.app-brand.clickable:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.header-right{align-items:center;display:flex;gap:20px}.app-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:40px;transition:all .3s ease;width:40px}.app-brand.clickable:hover .app-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:scale(1.1)}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin:0}.App-main{min-height:calc(100vh - 100px);padding:40px 20px}.result-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-left:auto;margin-right:auto;margin-top:30px;max-width:1000px;padding:30px}.result-container img{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:0 auto;max-width:100%}.result-container h3{color:#333;margin-top:0}.result-container p{color:#666;line-height:1.6;text-align:left}.credit-display{background-color:#4caf50;border-radius:20px;color:#fff;font-weight:700;padding:10px 20px}.credit-display.low{background-color:#ff9800}.credit-display.empty{background-color:#f44336}.map-container{aspect-ratio:1;border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:20px auto;max-width:700px;overflow:hidden;width:100%}.map-controls{display:flex;gap:10px;justify-content:center;margin:20px 0}.btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #0000001a;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#007bffe6;color:#fff}.btn-primary:hover{background:#0056b3f2;box-shadow:0 6px 20px #007bff4d;transform:translateY(-2px)}.btn-primary:disabled{background:#6c757d99;box-shadow:0 4px 16px #0000001a;cursor:not-allowed;transform:none}.btn-danger{background:#dc3545e6;color:#fff}.btn-danger:hover{background:#c82333f2;box-shadow:0 6px 20px #dc35454d;transform:translateY(-2px)}.payment-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.payment-modal-content{background-color:#fff;border-radius:15px;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;width:90%}.payment-modal h2{color:#333;margin-top:0}.close-button{background:none;border:none;color:#666;cursor:pointer;float:right;font-size:24px}.stripe-element{border:1px solid #ddd;border-radius:4px;margin:20px 0;padding:10px}.package-selection{display:flex;flex-direction:column;gap:15px;margin:25px 0}.package-option{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s ease}.package-option:hover{background:#f0f8ff;border-color:#007bff}.package-option.selected{background:#e6f3ff;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.package-option input[type=radio]{margin:0;transform:scale(1.2)}.package-details{flex:1 1}.package-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.package-main strong{color:#333;font-size:16px}.package-price{color:#007bff;font-size:18px;font-weight:700}.package-savings{color:#28a745;font-size:12px;font-weight:700;margin-bottom:2px}.package-rate{color:#666;font-size:11px}.package-option.popular{background:linear-gradient(135deg,#e8f5e8,#f0fff0);border-color:#28a745;position:relative}.package-option.popular:hover{background:linear-gradient(135deg,#d4edda,#e8f5e8);border-color:#28a745}.package-option.popular.selected{background:linear-gradient(135deg,#c3e6cb,#d4edda);border-color:#28a745;box-shadow:0 0 0 2px #28a74533}.popular-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:10px;box-shadow:0 2px 8px #28a7454d;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:15px;text-transform:uppercase;top:-8px}.auth-signin{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:20px auto;max-width:400px;padding:40px;text-align:center}.auth-icon-wrapper{margin-bottom:20px}.auth-main-icon{background:#667eea1a;border-radius:50%;color:#667eea;height:48px;padding:12px;width:48px}.auth-btn-compact{background:#ffffffe6!important;border:1px solid #ffffff4d!important;border-radius:8px!important;color:#333!important;font-size:14px!important;font-weight:500!important;padding:8px 16px!important;transition:all .3s ease!important}.auth-btn-compact:hover{background:#fff!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px)!important}.auth-signin h3{color:#333;margin-bottom:10px}.auth-buttons{display:flex;flex-direction:column;gap:15px;margin-top:25px}.auth-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s ease}.google-btn{background-color:#4285f4;color:#fff}.google-btn:hover{background-color:#3367d6}.facebook-btn{background-color:#1877f2;color:#fff}.facebook-btn:hover{background-color:#166fe5}.twitter-btn{background-color:#1da1f2;color:#fff}.twitter-btn:hover{background-color:#0d95e8}.auth-user-info{color:#fff;gap:12px}.auth-user-info,.user-avatar{align-items:center;display:flex}.avatar-image{object-fit:cover}.avatar-image,.avatar-placeholder{border-radius:50%;height:40px;width:40px}.avatar-placeholder{align-items:center;background-color:#007bff;color:#fff;display:flex;font-weight:700;justify-content:center}.user-details{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.user-name{font-size:14px;font-weight:500}.sign-out-btn{background-color:initial;border:1px solid #ffffff4d;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.sign-out-btn:hover{background-color:#ffffff1a}.auth-required{padding:40px 20px;text-align:center}.features-info{margin-left:auto;margin-right:auto;margin-top:40px;max-width:400px;text-align:left}.features-info h2{color:#333;margin-bottom:20px;text-align:center}.features-info p{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin:15px 0;padding:10px 15px}.purchase-credits{border-top:1px solid #eee;margin-top:30px;padding:20px;text-align:center}.auth-loading{color:#fff;font-size:14px}.image-history{margin:30px 0;text-align:center}.history-container{margin-top:20px;text-align:left}.history-container h3{color:#333;margin-bottom:25px;text-align:center}.images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px}.image-item{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s ease}.image-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.image-wrapper{height:200px;overflow:hidden;position:relative;width:100%}.history-image{height:100%}.image-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:15px;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.image-item:hover .image-overlay{transform:translateY(0)}.image-info p{font-size:12px;margin:4px 0}.image-prompt{font-size:13px!important;font-weight:700}.image-date{opacity:.8}.image-location{font-family:monospace;opacity:.9}.no-images{background-color:#f8f9fa;border-radius:8px;padding:40px 20px}.loading,.no-images{color:#666;text-align:center}.loading{padding:20px}.btn-secondary{background:#6c757de6;color:#fff}.btn-secondary:hover{background:#545b62f2;box-shadow:0 6px 20px #6c757d4d;transform:translateY(-2px)}.map-search{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.search-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 16px #0000001a;flex:1 1;font-size:16px;max-width:500px;min-width:300px;padding:12px 20px;transition:all .3s ease}.search-input:focus{border-color:#007bff80;box-shadow:0 4px 16px #007bff33;outline:none;transform:translateY(-1px)}.search-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.search-btn{min-width:80px;white-space:nowrap}@media (max-width:768px){.map-search{align-items:stretch;flex-direction:column}.search-input{min-width:auto;width:100%}}.placeholder-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:8px;display:flex;height:200px;justify-content:center;width:100%}.placeholder-content{color:#6c757d;text-align:center}.image-icon{display:block;font-size:2rem;margin-bottom:8px}.placeholder-text{font-size:14px;font-weight:500;margin:4px 0}.image-size{color:#888;font-size:12px;margin:2px 0 0}.image-actions-overlay{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s}.image-wrapper:hover .image-actions-overlay{opacity:1}.share-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media (max-width:768px){.action-buttons{flex-direction:column;gap:10px}.share-buttons{flex-direction:column;width:100%}.share-buttons button{margin-bottom:5px;width:100%}}.btn-sm{border-radius:4px;font-size:12px;padding:4px 8px}.btn-share{background:#4caf50e6!important;color:#fff!important;font-size:14px}.btn-share:hover{background:#388e3cf2!important;box-shadow:0 6px 20px #4caf5066!important;transform:translateY(-2px)}.share-platform-btn{font-size:12px!important;padding:8px 12px!important;transition:all .2s ease!important}.share-platform-btn:hover{opacity:.9!important;transform:translateY(-1px)!important}.history-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{margin-bottom:50px;text-align:center}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8b5ff,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 0 15px}.dashboard-header p{color:#ffffffe6;font-size:1.2rem;margin:0}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:40px}.feature-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0003;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.feature-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.feature-card:active{transform:translateY(-4px)}.feature-card.disabled{cursor:not-allowed;opacity:.6}.feature-card.disabled:hover{box-shadow:0 10px 30px #0003;transform:none}.feature-icon{margin-bottom:20px}.feature-content h3{font-size:1.8rem;font-weight:600;margin:0 0 15px}.feature-content p{font-size:1rem;line-height:1.6;margin:0;opacity:.9}.feature-arrow{align-self:flex-end;margin-top:20px;opacity:.7;transition:all .3s ease}.feature-card:hover .feature-arrow{opacity:1;transform:translateX(5px)}.feature-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-content{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:center;margin-right:120px}.header-content .feature-icon{color:#fff;margin-bottom:0}.header-content h1{-webkit-text-fill-color:#fff;background:none;color:#fff;font-size:2rem;margin:0}.header-content p{color:#fff;font-size:1rem;margin:5px 0 0;opacity:.9}.back-btn{margin-right:auto}.person-remover{margin:0 auto;max-width:1200px;padding:20px}.person-remover-content{margin-top:20px}.upload-section{display:flex;justify-content:center;margin-bottom:30px}.upload-area{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:3px dashed #fff6;border-radius:20px;color:#fff;cursor:pointer;max-width:600px;padding:60px 40px;text-align:center;transition:all .3s ease;width:100%}.upload-area:hover{background:#ffffff1a;border-color:#fff9;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.upload-area h3{font-size:1.5rem;margin:0 0 10px}.upload-area p{margin:5px 0;opacity:.8}.upload-hint{font-size:.9rem;opacity:.6}.processing-section{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.image-preview-container{text-align:center}.selected-image{border-radius:15px;box-shadow:0 10px 30px #0003;height:auto;margin-bottom:20px;max-height:400px;max-width:100%}.clear-btn{margin-top:15px}.prompt-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:30px}.prompt-section h3{color:#fff;font-size:1.3rem;margin:0 0 20px}.prompt-textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:10px;box-sizing:border-box;font-size:16px;min-height:120px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.prompt-textarea:focus{border-color:#667eeacc;box-shadow:0 4px 16px #667eea4d;outline:none}.action-buttons{margin-top:20px}.action-buttons,.process-btn{display:flex;justify-content:center}.process-btn{align-items:center;font-size:1.1rem;gap:8px;min-width:200px;padding:15px 30px}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.tips{background:#ffffff1a;border-left:4px solid #4caf50;border-radius:15px;margin-top:30px;padding:20px}.tips h4{color:#fff;font-size:1.1rem;margin:0 0 15px}.tips ul{color:#ffffffe6;list-style:none;margin:0;padding:0}.tips li{margin:8px 0;padding-left:20px;position:relative}.tips li:before{color:#4caf50;content:"•";font-weight:700;left:0;position:absolute}.result-image{border-radius:15px;box-shadow:0 10px 30px #0003;height:auto;margin-bottom:20px;max-width:100%}.result-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:10px;color:#ff6b6b;padding:15px}@media (max-width:768px){.dashboard-header h1{font-size:2.5rem}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{min-height:180px;padding:30px 20px}.feature-header{flex-direction:column;gap:15px;text-align:center}.header-content{margin-right:0}.processing-section{gap:30px;grid-template-columns:1fr}.upload-area{padding:40px 20px}.prompt-section{padding:20px}.result-actions{flex-direction:column}}.clothing-tryon{margin:0 auto;max-width:1200px;padding:20px}.clothing-tryon-content{margin-top:20px}.upload-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.upload-column{display:flex;flex-direction:column;gap:15px}.upload-column h3{color:#fff;font-size:18px;margin-bottom:10px;text-align:center}.image-preview-wrapper{align-items:center;display:flex;flex-direction:column;gap:15px;position:relative}.preview-image{background:#0000004d;border:2px solid #fff3;border-radius:12px;height:auto;max-height:400px;max-width:400px;object-fit:contain;width:100%}.change-btn{margin-top:10px}@media (max-width:768px){.upload-grid{gap:20px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.cd2c45dc.css.map*/