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}.App{min-height:100vh;text-align:center}.App,.App-header-small{display:flex;flex-direction:column}.App-header-small{align-items:center;background-color:#282c34;box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px}.App-header-small h1{font-size:24px;margin:0}.App-main{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:30px 20px;width:100%}.App-nav{display:flex;gap:10px;margin-top:15px}.nav-button{background-color:initial;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.nav-button:hover{background-color:#ffffff1a}.nav-button.active{background-color:#fff3;border-color:#fff9;font-weight:700}.photo-capture{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:500px;width:100%}.camera-container{background-color:#f0f0f0;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-bottom:20px;overflow:hidden}.camera-container,.camera-viewport{position:relative;width:100%}.camera-container video{background-color:#000;border-top-left-radius:12px;border-top-right-radius:12px;display:block;height:auto;min-height:300px;object-fit:cover;width:100%}.camera-instructions{background-color:#0009;bottom:0;color:#fff;font-size:14px;left:0;padding:8px 12px;position:absolute;right:0;text-align:center}.camera-controls{background-color:#333;border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:flex;gap:20px;justify-content:center;padding:15px}.camera-options{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 20px}.camera-options h3{color:#333;margin-bottom:10px}.capture-btn{background-color:#61dafb;border:none;border-radius:50px;color:#fff;gap:8px;padding:12px 25px}.capture-btn,.option-btn{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:700;transition:all .3s ease}.option-btn{background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;gap:10px;justify-content:center;margin:5px 0;max-width:250px;padding:15px 25px;width:80%}.camera-option{background-color:#61dafb;color:#fff}.upload-option{background-color:#f5f5f5;color:#333}.capture-btn:hover{background-color:#50b7e0;transform:scale(1.05)}.option-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.camera-icon,.upload-icon{font-size:20px}.cancel-btn{background-color:#f44336cc;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:background-color .3s ease}.cancel-btn:hover{background-color:#d32f2f}.error-message{border-radius:5px;color:#f44336;margin-top:15px;padding:10px;text-align:center;width:100%}@media (max-width:600px){.camera-container{border-radius:8px;max-width:100%}.camera-container video{border-radius:8px 8px 0 0}.camera-instructions{font-size:12px;padding:6px}.cancel-btn,.capture-btn{font-size:14px;padding:10px 15px}.option-btn{font-size:14px;padding:12px 20px}}.photo-review{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:500px;width:100%}.photo-container{border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;overflow:hidden;width:100%}.preview-image{display:block;height:auto;width:100%}.review-controls{display:flex;gap:20px;justify-content:center;margin-bottom:20px;width:100%}.approve-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.approve-btn:hover{background-color:#388e3c}.approve-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.retake-btn{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.retake-btn:hover{background-color:#d32f2f}.retake-btn:disabled{background-color:#ef9a9a;cursor:not-allowed}.superhero-transform{margin:0 auto;max-width:800px;padding:20px;position:relative}.superhero-transform h2{color:#333}.face-preview,.superhero-transform h2{margin-bottom:20px;text-align:center}.face-preview h3{color:#555;font-size:18px;margin-bottom:10px}.face-thumbnail{border:3px solid #61dafb;border-radius:50%;box-shadow:0 4px 12px #00000026;height:150px;object-fit:cover;width:150px}.no-face-warning{background-color:#fff3cd;border-radius:8px;color:#856404;font-weight:500;margin-bottom:20px;padding:15px;text-align:center}.transform-form{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.form-section{margin-bottom:25px}.form-section h3{color:#333;font-size:18px;margin-bottom:15px}.pose-options{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.pose-option{border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.pose-option img{height:150px;object-fit:cover;width:100%}.pose-option span{background-color:#f0f0f0;display:block;font-size:14px;padding:8px 0;text-align:center}.pose-option.selected{box-shadow:0 6px 12px #61dafb4d;transform:translateY(-3px)}.pose-option.selected:after{border:3px solid #61dafb;border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.custom-description-input,.custom-pose-input{margin-top:15px}.custom-description-input label,.custom-pose-input label{color:#555;display:block;font-size:14px;margin-bottom:8px}.custom-description-input textarea,.custom-pose-input input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px 15px;width:100%}.custom-description-input textarea{resize:vertical}.description-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.description-chip{background-color:#f0f0f0;border-radius:30px;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s ease}.description-chip:hover{background-color:#e0e0e0}.description-chip.selected{background-color:#61dafb;color:#fff}.error-message{margin:20px 0;padding:15px}.transform-button{background-color:#61dafb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.transform-button:hover:not(:disabled){background-color:#4fa8d1;transform:translateY(-2px)}.transform-button:disabled{background-color:#c0e6f5;cursor:not-allowed}.result-container{text-align:center}.result-image-container{border-radius:12px;box-shadow:0 8px 24px #0003;margin:20px 0;overflow:hidden}.superhero-result{max-height:600px;object-fit:contain;width:100%}.result-actions{display:flex;gap:20px;justify-content:center;margin-top:25px}.download-button,.new-transform-button{border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.download-button{background-color:#4caf50;color:#fff;text-decoration:none}.download-button:hover{background-color:#3e8e41;transform:translateY(-2px)}.new-transform-button{background-color:#f0f0f0;border:none;color:#333}.new-transform-button:hover{background-color:#e0e0e0;transform:translateY(-2px)}.loading-overlay{align-items:center;background-color:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #ffffff4d;border-top-color:#61dafb;height:50px;width:50px}.loading-subtext{font-size:14px;margin-top:10px;opacity:.7}@media (max-width:600px){.pose-options{justify-content:center}.result-actions{align-items:center;flex-direction:column}.download-button,.new-transform-button{width:100%}}.photo-section{margin:0 auto;max-width:600px;padding:30px 20px;text-align:center;width:100%}.photo-title{color:#333;font-size:28px;margin-bottom:10px}.photo-subtitle{color:#666;font-size:16px;margin-bottom:30px}.success-message{align-items:center;background-color:#e8f5e9;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#2e7d32;display:flex;flex-direction:column;font-weight:500;gap:15px;margin-top:20px;padding:20px}.success-icon{font-size:24px;margin-bottom:5px}.success-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:10px}.action-btn{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.transform-btn{background-color:#7e57c2;color:#fff}.transform-btn:hover{background-color:#673ab7;transform:translateY(-2px)}.error-message{align-items:center;background-color:#ffebee;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#c62828;display:flex;flex-direction:column;font-weight:500;gap:10px;margin-top:20px;padding:20px}.error-icon{font-size:24px;margin-bottom:5px}.new-photo-btn{background-color:#2e7d32;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 20px;transition:all .3s ease}.new-photo-btn:hover{background-color:#1b5e20;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.gallery-container{margin:0 auto;max-width:1200px;padding:20px;width:100%}.gallery-title{color:#333;font-size:2.2rem;margin-bottom:10px;text-align:center}.gallery-subtitle{color:#666;font-size:1.2rem;margin-bottom:30px;text-align:center}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.gallery-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.gallery-image-container{aspect-ratio:1/1;overflow:hidden;width:100%}.gallery-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-image-info{align-items:center;display:flex;justify-content:space-between;padding:12px}.image-date{color:#777;font-size:.9rem}.gallery-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gallery-error{background-color:#fff3f3;border-radius:8px;margin:40px auto;max-width:600px;padding:40px;text-align:center}.error-icon{display:block;font-size:2rem;margin-bottom:10px}.retry-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.retry-button:hover{background-color:#2980b9}.gallery-empty{background-color:#f8f9fa;border-radius:8px;color:#666;font-size:1.1rem;margin:40px auto;max-width:600px;padding:40px;text-align:center}@media (max-width:768px){.gallery-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-title{font-size:1.8rem}.gallery-subtitle{font-size:1rem}}
/*# sourceMappingURL=main.fff50210.css.map*/