*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{padding:20px}.header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;justify-content:space-between;margin-bottom:30px;padding:20px 40px}.header,.logo{align-items:center;display:flex}.logo{gap:10px}.logo-image{border-radius:8px;height:40px;object-fit:contain;width:auto}.logo-text h1{color:#1a202c;font-size:20px;margin-bottom:2px}.logo-text p{color:#718096;font-size:12px}.header-actions{display:flex;gap:15px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-outline{background:#0000;border:1px solid #e2e8f0;color:#4a5568}.btn-outline:hover{background:#f7fafc}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.container{margin:0 auto;max-width:1200px}.powered-by{margin-bottom:20px;text-align:center}.powered-badge{align-items:center;background:#667eea1a;border-radius:20px;color:#667eea;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.ai-icon{height:16px;width:16px}.title-section{margin-bottom:40px;text-align:center}.title-section h2{color:#1a202c;font-size:32px;margin-bottom:12px}.title-section p{color:#718096;font-size:16px;line-height:1.6}.top-navigation{margin-bottom:30px}.top-navigation .navigation-buttons{border-bottom:1px solid #e2e8f0;border-top:none;margin:0;padding:20px 0}.step-header-with-nav,.top-navigation .navigation-buttons{align-items:center;display:flex;justify-content:space-between}.step-header-with-nav{gap:20px;margin-bottom:20px}.step-header-with-nav h2{flex:1 1;margin:0;text-align:center}.step-header-with-nav .navigation-buttons{display:contents}.step-navigation{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.step{align-items:center;background:#fff;border:2px solid #0000;border-radius:30px;cursor:pointer;display:flex;gap:10px;padding:12px 24px;transition:all .3s ease}.step.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.step.completed{background:#fff;border-color:#48bb78}.step.disabled{cursor:not-allowed;opacity:.5}.step-number{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.step.active .step-number{background:#ffffff4d}.step.completed .step-number{background:#48bb78;color:#fff}.step-label{font-size:14px;font-weight:500}.upload-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px}.upload-area{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#667eea0d;border-color:#667eea}.upload-area.dragover{background:#667eea1a;border-color:#667eea;transform:scale(1.01)}.upload-icon{color:#667eea;font-size:48px;margin-bottom:20px}.upload-area h3{color:#1a202c;font-size:20px;margin-bottom:8px}.upload-area p{color:#718096;font-size:14px;margin-bottom:20px}.upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.sample-photos{margin-top:30px;text-align:center}.sample-photos p{color:#718096;font-size:14px;margin-bottom:15px}.sample-options{display:flex;gap:15px;justify-content:center}.sample-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.sample-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.photo-tips{background:#e6f7ff;border-left:4px solid #1890ff;border-radius:8px;margin-top:30px;padding:20px}.tips-header{align-items:center;color:#1890ff;display:flex;font-weight:500;gap:8px;margin-bottom:12px}.tips-list{list-style:none}.tips-list li{color:#4a5568;font-size:14px;padding:6px 0 6px 20px;position:relative}.tips-list li:before{color:#1890ff;content:"•";font-weight:700;left:0;position:absolute}.ai-notice{align-items:flex-start;background:#f3e8ff;border-radius:8px;display:flex;gap:12px;margin-top:20px;padding:16px}.ai-notice-icon{color:#9333ea;flex-shrink:0;font-size:20px}.ai-notice p{color:#6b21a8;font-size:13px;line-height:1.5}.preview-section{margin-top:30px}.preview-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.preview-item{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;position:relative}.preview-item img{height:100%;object-fit:cover;width:100%}.preview-remove{align-items:center;background:#fffffff2;border:1px solid #e2e8f0;border-radius:50%;color:#e53e3e;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;min-height:44px;min-width:44px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px;z-index:2}.preview-remove:hover{background:#e53e3e;transform:scale(1.1)}.designs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}.design-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.design-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.design-card.selected{background:#667eea0d;border-color:#667eea}.design-preview{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;display:flex;font-size:48px;height:150px;justify-content:center;margin-bottom:15px;width:100%}.design-card h3{color:#1a202c;font-size:16px;margin-bottom:8px}.design-card p{color:#718096;font-size:13px}.personalization-form{margin:0 auto;max-width:600px}.form-group{margin-bottom:24px}.form-group label{color:#1a202c}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.color-options{display:flex;flex-wrap:wrap;gap:12px}.color-option{border:2px solid #0000;border-radius:8px;cursor:pointer;height:50px;transition:all .3s ease;width:50px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1a202c;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a202c}.generate-section{text-align:center}.generate-preview{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;margin:0 auto 30px;max-width:600px;padding:30px}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 48px;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.loading{gap:20px;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.navigation-buttons{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:30px;padding-top:30px}.btn-back,.btn-next{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .3s ease}.btn-back{border:1px solid #e2e8f0;color:#4a5568}.btn-back:hover:not(:disabled){background:#f7fafc}.btn-next{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-next:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-back:disabled,.btn-next:disabled{cursor:not-allowed;opacity:.5}.features{grid-gap:30px;background:#2d3748;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:50px 0;padding:30px}.feature-card{align-items:flex-start;background:#0000;border-radius:0;box-shadow:none;display:flex;gap:15px;padding:0}.feature-icon{flex-shrink:0;font-size:40px}.feature-content{display:flex;flex-direction:column}.feature-card h3{color:#fff;font-size:18px;margin-bottom:10px}.feature-card p{color:#e2e8f0;font-size:14px;line-height:1.6}.footer{color:#718096;font-size:13px;margin-top:60px;padding:30px;text-align:center}@media (max-width:768px){.App{padding:10px}.container{max-width:100%;padding:0}.header{flex-direction:column;gap:15px;margin-bottom:15px;padding:15px 20px}.header-actions{justify-content:center;width:100%}.title-section{margin-bottom:20px;padding:15px;text-align:center}.title-section h2{font-size:20px;margin-bottom:10px}.title-section p{font-size:14px;line-height:1.5}.title-section br{display:none}.step-navigation{flex-direction:column;gap:10px;margin-bottom:20px}.step-navigation .step{flex-direction:row;justify-content:flex-start;min-height:44px;padding:12px 15px;text-align:left}.step-navigation .step-number{margin-bottom:0;margin-right:15px}.upload-section{border-radius:12px;margin:0 5px;padding:20px 15px}.upload-area{-webkit-tap-highlight-color:transparent;border-radius:8px;padding:40px 20px;-webkit-user-select:none;user-select:none}.upload-icon{font-size:36px;margin-bottom:15px}.upload-area h3{font-size:18px;margin-bottom:6px}.upload-area p{font-size:13px;margin-bottom:15px}.upload-btn{border-radius:8px;font-size:14px;min-height:44px;padding:12px 24px}.preview-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.preview-item{border-radius:8px;position:relative}.preview-remove{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;box-shadow:0 2px 8px #00000026;font-size:18px;height:36px;min-height:44px;min-width:44px;right:5px;top:5px;width:36px}.photo-tips{border-radius:8px;margin-top:20px;padding:15px}.tips-header{font-size:14px;margin-bottom:8px}.tips-list li{font-size:13px;line-height:1.4;padding:4px 0}.ai-notice{border-radius:8px;margin-top:15px;padding:12px}.ai-notice p{font-size:12px;line-height:1.4}.navigation-buttons{flex-direction:column;gap:12px;margin-top:25px}.btn-back,.btn-next{border-radius:8px;font-size:14px;font-weight:600;min-height:48px;padding:14px;width:100%}.sample-options{align-items:center;flex-direction:column;gap:10px}.sample-btn{justify-content:center;max-width:200px;min-height:44px;width:100%}.btn-next:active,.btn-primary:active{transform:scale(.98)}.upload-area:active{transform:scale(.995)}}@media (max-width:480px){.App{padding:5px}.header{padding:10px 15px}.logo-text h1{font-size:18px}.logo-text p{font-size:11px}.title-section{padding:10px}.title-section h2{font-size:18px}.title-section p{font-size:13px}.upload-section{margin:0;padding:15px 10px}.upload-area{padding:30px 15px}.upload-icon{font-size:32px}.upload-area h3{font-size:16px}.upload-area p{font-size:12px}.upload-btn{font-size:13px;min-height:44px;padding:10px 20px}.preview-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.photo-tips{padding:12px}.tips-header{font-size:13px}.tips-list li{font-size:12px}.ai-notice{padding:10px}.ai-notice p{font-size:11px}.btn-back,.btn-next{font-size:13px;min-height:48px;padding:12px}}@media screen and (max-height:500px) and (orientation:landscape){.upload-area{padding:20px 15px}.upload-icon{font-size:24px;margin-bottom:8px}.upload-area h3{font-size:14px;margin-bottom:4px}.upload-area p{font-size:11px;margin-bottom:8px}.photo-tips{margin-top:15px;padding:10px}.ai-notice{margin-top:10px;padding:8px}}@media (min-width:1200px){.container{max-width:1000px}.upload-section{padding:50px}.upload-area{padding:80px 50px}.modal-content{border-radius:12px;margin:10px;max-height:90vh;max-width:none;overflow-y:auto;padding:25px 20px;width:95%}.modal-close{align-items:center;display:flex;font-size:28px;justify-content:center;min-height:44px;min-width:44px;padding:8px;right:12px;top:12px}.auth-form h2{font-size:20px}.auth-form h2,.form-group{margin-bottom:15px}.form-group label{font-size:13px;margin-bottom:5px}.form-group input{border-radius:6px;font-size:14px;min-height:44px;padding:12px}.btn-google,.btn-primary{border-radius:8px;font-size:14px;min-height:48px;padding:12px}.modal-footer{margin-top:20px;padding-top:15px}.link-btn,.modal-footer p{font-size:13px}.link-btn{min-height:44px;padding:8px 12px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:#0000;border:none;color:#718096;cursor:pointer;font-size:24px;line-height:1;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s ease}.modal-close:hover{color:#1a202c}.auth-form h2{color:#1a202c;font-size:28px;margin-bottom:8px;text-align:center}.auth-form p{color:#718096;font-size:14px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px 16px}.success-message{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#276749;text-align:center}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:12px;transition:all .3s ease;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.divider{align-items:center;color:#a0aec0;display:flex;font-size:14px;margin:20px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.divider:before{margin-right:10px}.divider:after{margin-left:10px}.btn-google{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-bottom:20px;padding:12px;transition:all .2s ease;width:100%}.btn-google:hover{background:#f7fafc;border-color:#cbd5e0}.google-icon{height:18px;width:18px}.modal-footer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px;text-align:center}.modal-footer p{color:#718096;font-size:14px;line-height:1.5;margin:0}.link-button{align-items:center;background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;display:inline-flex;font-size:inherit;font-weight:600;gap:4px;padding:4px 8px;text-decoration:none;transition:all .2s ease}.link-button:hover:not(:disabled){background:#667eea1a;color:#5a67d8;transform:translateY(-1px)}.link-button:disabled{cursor:not-allowed;opacity:.5}.forgot-password-section{margin:16px 0;padding:12px 0;text-align:center}.forgot-password-link{align-items:center;background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.forgot-password-link:hover:not(:disabled){background:#667eea14;color:#5a67d8;transform:translateY(-1px)}.forgot-password-link:disabled{cursor:not-allowed;opacity:.5}.enhanced-modal-footer{background:#fafbfc;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid #f1f5f9;margin:20px -40px -40px;padding:16px 40px 24px;text-align:center}.enhanced-modal-footer p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.enhanced-link-button{align-items:center;background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;margin-left:4px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.enhanced-link-button:hover:not(:disabled){background:#3b82f61a;color:#2563eb;transform:translateY(-1px)}.enhanced-link-button:disabled{cursor:not-allowed;opacity:.5}.switch-auth{color:#718096;font-size:14px;text-align:center}.switch-auth button{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.switch-auth button:hover{color:#5a67d8}.user-btn,.user-menu,.user-menu-container{position:relative}.user-btn{align-items:center;display:flex;gap:8px}.user-name{font-size:14px;font-weight:500}.credits-badge{align-items:center;background:linear-gradient(135deg,#f6d365,#fda085);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-right:12px;padding:8px 16px}.user-avatar{border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;transition:all .2s ease;width:40px}.user-avatar:hover{border-color:#667eea;transform:scale(1.05)}.user-initial{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.user-initial:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.user-dropdown{animation:dropdownSlide .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.user-info{border-bottom:1px solid #e2e8f0;padding:16px}.user-email{color:#4a5568;font-size:14px;margin-bottom:4px}.user-credits{color:#718096;font-size:12px;font-weight:500}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid #e2e8f0;padding:16px}.dropdown-header .user-name{color:#1a202c;font-weight:600;margin-bottom:4px}.dropdown-header .user-email{color:#718096;font-size:12px}.dropdown-menu{padding:8px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f7fafc;color:#1a202c}.dropdown-item.logout{color:#e53e3e}.dropdown-item.logout:hover{background:#fff5f5}.dropdown-divider{background:#e2e8f0;height:1px;margin:8px 0}.backgrounds-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px}.background-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;min-height:180px;padding:20px;position:relative;transition:all .3s ease}.background-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.background-card.selected{background:#667eea0d;border-color:#667eea}.background-icon{display:block;font-size:32px;margin-bottom:12px}.background-card h4{color:#1a202c;font-size:18px;font-weight:600;margin-bottom:8px}.background-description{color:#718096;font-size:14px;margin-bottom:12px}.background-preview{color:#a0aec0;font-size:12px;font-style:italic;line-height:1.4}.selected-indicator{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.custom-background-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-top:30px;padding:20px}.custom-background-input h4{color:#1a202c;font-size:16px;font-weight:600;margin-bottom:12px}.custom-background-input textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.custom-background-input textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.my-videos-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem}.my-videos-header{margin-bottom:3rem;text-align:center}.my-videos-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.my-videos-header p{color:#6b7280;font-size:1.1rem}.videos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.video-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.video-card.clickable{cursor:pointer}.video-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.video-thumbnail{align-items:center;background:#f3f4f6;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;width:100%}.thumbnail-image{height:100%;object-fit:cover;width:100%}.video-preview{background:#000;height:100%;max-height:400px;object-fit:contain;width:100%}.video-card.portrait .video-thumbnail{height:400px}.video-card.landscape .video-thumbnail{height:200px}.video-card.square .video-thumbnail{height:300px}.video-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;height:100%;justify-content:center;width:100%}.video-icon{font-size:3rem;opacity:.5}.video-info{padding:1.5rem}.video-status{margin-bottom:1rem}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.video-details{margin-bottom:1rem}.video-date{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.video-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.no-videos{color:#6b7280;padding:4rem 2rem;text-align:center}.no-videos-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-videos h3{color:#374151;font-size:1.5rem;margin-bottom:.5rem}.no-videos p{font-size:1.1rem;margin-bottom:2rem}.my-videos-footer{border-top:1px solid #e5e7eb;padding:2rem 0;text-align:center}.loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.videos-grid{gap:1.5rem;grid-template-columns:1fr}.video-card.portrait .video-thumbnail{height:350px}.video-card.landscape .video-thumbnail{height:180px}.video-card.square .video-thumbnail{height:250px}.my-videos-container{padding:1rem}.my-videos-header h1{font-size:2rem}}@media (max-width:480px){.video-card.portrait .video-thumbnail{height:300px}.video-card.landscape .video-thumbnail{height:160px}.video-card.square .video-thumbnail{height:200px}}.error{align-items:center;color:#dc2626;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.error-message{text-align:center}.error-message p{font-size:1.1rem;margin-bottom:1rem}.person-count{color:#667eea;font-size:.875rem;font-weight:500;margin-top:.5rem}.video-detail-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.video-detail-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.video-detail-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.video-detail-header h2{color:#374151;font-size:1.5rem;margin:0}.video-detail-content{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:400px;padding:2rem}.image-preview-container,.video-preview-container{align-items:center;display:flex;justify-content:center;width:100%}.generated-image{max-width:100%}.generated-image,.generated-video{border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:600px}.generated-video{width:100%}.no-content{color:#6b7280;padding:3rem;text-align:center}.video-detail-info{background:#fff;border-top:1px solid #e5e7eb;padding:1.5rem 2rem}.video-detail-info p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.video-detail-actions{background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1.5rem 2rem}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}@media (max-width:768px){.video-detail-modal{padding:0}.video-detail-container{border-radius:0;max-height:100vh}.video-detail-header{flex-wrap:wrap;gap:.5rem;padding:1rem}.video-detail-header h2{font-size:1.25rem;order:2;width:100%}.video-detail-content{padding:1rem}.generated-image,.generated-video{max-height:400px}.video-detail-actions{flex-direction:column}.video-detail-actions .btn{width:100%}.my-videos-container{padding:1rem}.my-videos-header h1{font-size:2rem}.videos-grid{gap:1rem;grid-template-columns:1fr}.video-actions{justify-content:center}}.verification-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.verification-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.verification-loading{align-items:center;display:flex;flex-direction:column}.verification-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:2rem;width:50px}.verification-loading h2{color:#1a202c;font-size:1.5rem;margin-bottom:1rem}.verification-loading p{color:#666;font-size:1rem}.verification-success{align-items:center;display:flex;flex-direction:column}.success-icon{align-items:center;animation:successPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:2rem;width:80px}@keyframes successPulse{0%{opacity:.8;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.verification-success h2{color:#1a202c;font-size:1.8rem;margin-bottom:1rem}.verification-success p{color:#666;line-height:1.6;margin-bottom:2rem}.verification-error{align-items:center;display:flex;flex-direction:column}.error-icon{color:#ef4444;font-size:4rem;margin-bottom:1.5rem}.verification-error h2{color:#1a202c;font-size:1.5rem;margin-bottom:1rem}.verification-error p{color:#666;line-height:1.6;margin-bottom:2rem}.btn-continue,.btn-home{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .2s ease}.btn-continue:hover,.btn-home:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.verification-content{text-align:center}.verification-message{padding:2rem 0}.email-icon{color:#667eea;font-size:4rem;margin-bottom:1.5rem}.verification-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-resend{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-resend:hover{box-shadow:0 3px 10px #667eea4d;transform:translateY(-1px)}.btn-resend:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-back{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-back:hover,.btn-resend-small{background:#667eea;color:#fff}.btn-resend-small{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:8px 16px;transition:all .2s ease}.btn-resend-small:hover{background:#5a67d8;transform:translateY(-1px)}.btn-resend-small:disabled{cursor:not-allowed;opacity:.6;transform:none}.resend-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}
/*# sourceMappingURL=main.20f7cff6.css.map*/