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;margin:0;padding:0}body{background:#0a0a0f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.app-container{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);min-height:100vh;position:relative}.app-container:before{background:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fcc;border-bottom:1px solid #ffffff1a;padding:.75rem 0;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content,.logo{align-items:center;display:flex}.logo{cursor:pointer;gap:.75rem;transition:all .3s ease}.logo-icon{color:#6366f1;height:24px;width:24px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.user-section{align-items:center;display:flex}.user-menu-button{background:none;border:none;border-radius:.75rem;cursor:pointer;padding:.5rem;transition:all .3s ease}.user-menu-button:hover{background:#ffffff0d}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.user-email{color:#e5e7eb;font-size:.875rem;font-weight:500}.user-status{border:1px solid;border-radius:.75rem;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.user-dropdown{background:#18182f;border:1px solid #ffffff1f;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:280px;z-index:1000}.dropdown-content{padding:.5rem}.dropdown-header{border-bottom:1px solid #ffffff1a;margin-bottom:.5rem;padding:1rem}.dropdown-email{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dropdown-status-row{align-items:center;display:flex;justify-content:space-between}.dropdown-status{font-size:.75rem;font-weight:500}.trial-time{background:#6366f11a;border:1px solid #6366f133;border-radius:.5rem;color:#6366f1;font-size:.75rem;padding:.125rem .5rem}.dropdown-button{background:none;border:none;border-radius:.5rem;color:#e5e7eb;cursor:pointer;font-size:.875rem;margin-bottom:.25rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.dropdown-button:hover{background:#ffffff1a}.dropdown-button:disabled{cursor:not-allowed;opacity:.6}.dropdown-button.logout{color:#ef4444}.dropdown-button.logout:hover{background:#ef44441a}.main-content{min-height:calc(100vh - 80px);padding:0;position:relative;z-index:1}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{border:3px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}.loading-spinner.large{border-width:4px;height:60px;width:60px}.loading-text{color:#9ca3af;font-size:1rem}.loading-state{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:60vh}.loading-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.loading-subtitle{color:#9ca3af;font-size:1.125rem}.dashboard{margin:0 auto;max-width:1200px}.hero-section{margin-bottom:2rem;text-align:center}.hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#9ca3af;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.content-grid{grid-gap:1.2rem;align-items:center;display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;justify-items:center;margin-left:auto;margin-right:auto;margin-top:2.5rem;max-width:900px}@media (max-width:1024px){.content-grid{gap:3rem;grid-template-columns:1fr}}.preview-section{position:sticky;top:6rem}.preview-container{align-items:center;background:none;border:none;border-radius:1.25rem;box-shadow:none;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin:0 auto;max-height:none;max-width:320px;min-height:0;overflow:visible;padding:0;position:relative;transition:max-width .3s ease-in-out;width:100%}.preview-container.landscape{max-width:550px}.preview-video,.result-section video,.video-container video,.video-display-wrapper video{border-radius:1.25rem;display:block;height:auto;margin:0 auto;max-height:60vh;max-width:100%;object-fit:contain;width:100%}.preview-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #fff3;border-radius:50%;cursor:pointer;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.preview-container:hover .preview-overlay{background:#6366f1cc;transform:translate(-50%,-50%) scale(1.1)}.play-icon{color:#fff;height:24px;width:24px}.preview-info{padding:1.5rem;text-align:center}.preview-info h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.preview-info p{color:#9ca3af;font-size:.875rem}.preview-caption-wrapper{margin:1rem auto 0;max-width:320px}.preview-caption,.preview-caption-wrapper{display:block;text-align:center;width:100%}.preview-caption{color:#e5e7eb!important;font-size:1rem!important;font-style:italic;font-weight:700;margin:0}.input-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0000004d;min-width:400px;padding:2rem;width:100%}.auth-card-wrapper{height:100vh}.auth-card,.auth-card-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.auth-card{height:100%;text-align:center}.auth-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.auth-content h2{color:#fff;font-size:1.875rem;font-weight:700;margin-bottom:.4rem}.auth-content p{color:#9ca3af;font-size:1rem;margin-bottom:2rem}.trial-info{background:#10b9811a;border:1px solid #10b98133;border-radius:.75rem;margin-top:1.5rem;padding:1rem;width:100%}.trial-info p{color:#10b981;font-size:.875rem;margin:0}.google-signin-container{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.google-signin-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0;text-align:center}.google-signin-button-wrapper{display:flex;justify-content:center;margin:1.5rem 0;width:100%}.google-signin-button-wrapper .google-signin-btn,.google-signin-button-wrapper button{align-items:center;background:linear-gradient(135deg,#fff 60%,#f3f4f6);border:none;border-radius:.75rem;box-shadow:0 4px 24px 0 #6366f114,0 1.5px 6px 0 #8b5cf614;color:#222;cursor:pointer;display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;justify-content:center;max-width:320px;padding:1.1rem 0;transition:box-shadow .2s,transform .2s;width:100%}.google-signin-button-wrapper .google-signin-btn:hover,.google-signin-button-wrapper button:hover{box-shadow:0 8px 32px 0 #6366f129,0 3px 12px 0 #8b5cf629;transform:translateY(-2px) scale(1.03)}.google-signin-description{color:#9ca3af;font-size:.875rem;line-height:1.5;margin:0;max-width:320px;text-align:center}.creation-panel{display:flex;flex-direction:column;gap:1.5rem}.toggle-section{display:flex;justify-content:center}.toggle-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;color:#9ca3af;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-button.active{background:#6366f11a;border-color:#6366f14d;color:#6366f1}.toggle-icon{height:16px;width:16px}.toggle-switch{background:#ffffff1a;border-radius:10px;height:20px;position:relative;transition:all .3s ease;width:40px}.toggle-switch.on{background:#6366f1}.toggle-knob{background:#fff;border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:16px}.toggle-switch.on .toggle-knob{transform:translateX(20px)}.input-group{display:flex;flex-direction:column;gap:.75rem}.input-label{color:#e5e7eb;font-size:.875rem;font-weight:500}.input-field{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;color:#fff;font-size:.875rem;line-height:1.5;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.input-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.custom-dropdown{position:relative;width:100%}.custom-dropdown-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:1rem;text-align:left;transition:all .3s ease;width:100%}.custom-dropdown-toggle:focus,.custom-dropdown-toggle:hover{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.custom-dropdown-toggle .arrow{transition:transform .3s ease}.custom-dropdown-toggle .arrow.open{transform:rotate(180deg)}.custom-dropdown-menu{background:#18182f;border:1px solid #ffffff1a;border-radius:.75rem;left:0;list-style:none;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:100%;z-index:10}.custom-dropdown-item{border-radius:.5rem;color:#e5e7eb;cursor:pointer;padding:.75rem 1rem;transition:background-color .2s ease}.custom-dropdown-item:hover{background-color:#ffffff1a}.custom-dropdown-item.selected{background-color:#6366f1;color:#fff;font-weight:500}.input-field::placeholder{color:#6b7280}.generate-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 10px 25px -5px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.generate-button:hover{box-shadow:0 15px 35px -5px #6366f166;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;color:#e5e7eb;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.secondary-button:hover{background:#ffffff1a;border-color:#fff3}.back-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;box-shadow:0 10px 25px -5px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:2rem auto 0;padding:1rem 2rem;transition:all .3s ease}.back-button:hover{box-shadow:0 15px 35px -5px #10b98166;transform:translateY(-2px)}.button-icon{height:16px;width:16px}.button-group{display:flex;gap:1rem;margin-top:1.5rem}.button-group .secondary-button{flex:1 1}.button-group .generate-button{flex:2 1}.script-review h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.result-section{align-items:center;background:#18182ff2;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem 1rem;text-align:center}.result-section.portrait .video-container{max-width:400px}.result-section.landscape{max-width:900px}.result-section.landscape .video-container{max-width:100%}.result-section .video-display video,.result-section video{background:#18182f;border-radius:1.5rem;box-shadow:0 8px 32px #00000040;margin-bottom:1.5rem;max-width:100%;width:100%}@media (max-width:768px){.main-content{padding:1rem}.header-content{padding:0 1rem}.hero-section{margin-bottom:2rem}.content-grid{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:1fr;height:auto;justify-items:center;margin-left:0;margin-right:0;margin-top:1.5rem;max-width:100vw;min-height:0}.auth-card-wrapper,.input-section,.preview-container,.preview-section,.video-container{align-items:center;height:auto;justify-content:flex-start;margin-left:auto;margin-right:auto;max-width:400px;min-height:0;min-width:0;min-width:auto;width:100%}@media (min-width:769px){.auth-card-wrapper,.input-section{max-width:600px}}.preview-caption-wrapper{margin:1rem auto 0;max-width:400px;text-align:center;width:100%}.preview-video,.video-container video{max-height:40vh;max-width:100%}.preview-section{position:static}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.input-section{padding:1rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#6366f180;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.video-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.video-modal-content,.video-modal-overlay{align-items:center;display:flex;justify-content:center}.video-modal-content{height:80%;max-width:1100px;position:relative;width:80%}.video-modal-player{border-radius:1rem;max-height:100%;max-width:100%}.video-modal-close{align-items:center;background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-1rem;top:-1rem;transition:background .3s ease;width:40px}.video-modal-close:hover{background:#fff3}.legal-page{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0000004d;margin:0 auto;max-width:800px;min-height:calc(100vh - 160px);padding:2rem}.legal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.legal-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin:0}.back-button-legal{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;color:#e5e7eb;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.back-button-legal:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.legal-content{color:#e5e7eb;line-height:1.7}.legal-content h2{border-top:1px solid #ffffff1a;color:#fff;font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;padding-top:1rem}.legal-content h2:first-of-type{border-top:none;margin-top:1rem;padding-top:0}.legal-content p{font-size:.95rem;margin-bottom:1rem}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{font-size:.95rem;margin-bottom:.5rem}.legal-content strong{color:#fff;font-weight:600}.effective-date{background:#ffffff08;border:1px solid #ffffff0d;border-radius:.75rem;color:#9ca3af;font-size:.875rem;font-style:italic;margin-bottom:2rem;padding:1rem}.app-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fe6;border-top:1px solid #ffffff1a;margin-top:4rem;padding:2rem 0;position:relative;z-index:10}.footer-content{flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content,.footer-links{align-items:center;display:flex}.footer-links{gap:2rem}.footer-link{color:#9ca3af;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#6366f1;transform:translateY(-1px)}.footer-copyright{color:#6b7280;font-size:.75rem;text-align:center}@media (max-width:768px){.legal-page{margin:1rem;padding:1rem}.legal-header{align-items:flex-start;flex-direction:column;gap:1rem}.legal-header h1{font-size:2rem}.footer-links{flex-direction:column;gap:1rem}.footer-content{padding:0 1rem}}
/*# sourceMappingURL=main.ad2e81c6.css.map*/