*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}:root{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark{color-scheme:dark}html.dark :root{color:#e5e7eb;background-color:#111827}a{font-weight:500;color:#6000ff;text-decoration:inherit}a:hover{color:#4b00c7}body{margin:0;min-width:320px;min-height:100vh;height:auto;overflow-x:hidden;overflow-y:auto;background-color:#fafafa;color:#1a1a1a;transition:background-color .2s,color .2s}html.dark body{background-color:#111827;color:#e5e7eb}@media(max-width:768px){html{overflow-y:auto}body{height:auto;overflow-y:auto}}h1{font-size:clamp(2em,5vw,3.2em);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:clamp(.875em,2vw,1em);font-weight:400;font-family:"IBM Plex Sans",inherit;background-color:#6000ff;color:#fff;cursor:pointer;transition:background-color .2s,opacity .2s}button:hover:not(:disabled){background-color:#4b00c7}button:focus,button:focus-visible{outline:2px solid #6000FF;outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){body{font-size:14px}h1{font-size:2em}button{padding:.5em 1em;font-size:.875em}}@media(max-width:480px){body{font-size:12px}h1{font-size:1.75em}button{padding:.4em .8em;font-size:.8em}}#root{width:100%;height:100%;margin:0;padding:0;text-align:center;overflow:hidden}@media(max-width:768px){#root{overflow:auto}}html.dark .app-container{background-color:#1e1e1e!important}html.dark .shared-container{background-color:#2d2d2d!important;border-color:#3a3a3a!important}html.dark .form-container{background-color:transparent!important}html.dark input{background-color:#3a3a3a!important;border-color:#4a4a4a!important;color:#e5e7eb!important}html.dark input::placeholder{color:#9ca3af!important}html.dark label{color:#d1d5db!important}html.dark .divider{background-color:#3a3a3a!important}html.dark .video-wrapper{border-color:#3a3a3a!important}.app-container{display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:100vh;width:100vw;padding-left:clamp(40px,8vw,100px);padding-right:clamp(40px,8vw,100px);padding-top:clamp(10px,2vw,20px);padding-bottom:clamp(10px,2vw,20px);gap:clamp(40px,8vw,80px);background-color:#fafafa;box-sizing:border-box;transition:background-color .2s}.shared-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;border:.5px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;width:100%;max-width:1400px;box-sizing:border-box;overflow:hidden;transition:background-color .2s,border-color .2s}.form-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);padding:clamp(32px,4vw,40px);margin:0;background-color:transparent;border-radius:0;border:none;min-width:280px;width:auto;max-width:400px;flex:0 0 auto;box-sizing:border-box}.divider{background-color:#e5e7eb;flex-shrink:0;width:1px;align-self:stretch;margin:clamp(20px,3vw,24px) 0}@media(max-width:1100px){.shared-container .divider{width:100%;height:1px;margin:clamp(20px,3vw,24px) 0}}@media(max-width:768px){.divider{width:100%!important;height:1px!important;margin:clamp(20px,3vw,24px) 0!important}}.video-container{display:flex;flex:1 1 auto;min-width:600px;justify-content:center;align-items:center;margin:0!important;box-sizing:border-box}.video-preview-card{background-color:transparent;border-radius:0;border:"none";padding:clamp(20px,3vw,24px);box-sizing:border-box;width:100%;display:flex;justify-content:center;align-items:center}[data-remotion-player] [class*=controls],[data-remotion-player] [class*=Controls]{display:none!important}input::placeholder{color:#d1d5db;opacity:.8}input::-webkit-input-placeholder{color:#d1d5db;opacity:.8}input::-moz-placeholder{color:#d1d5db;opacity:.8}input:-ms-input-placeholder{color:#d1d5db;opacity:.8}.video-wrapper{width:100%;max-width:540px;aspect-ratio:9 / 16;overflow:hidden;position:relative;margin:0;box-sizing:border-box;flex-shrink:0}@media(max-width:1024px){.app-container{padding-left:clamp(30px,6vw,60px);padding-right:clamp(30px,6vw,60px);padding-top:clamp(15px,2vw,20px);padding-bottom:clamp(15px,2vw,20px);background-color:#fafafa}.shared-container{flex-direction:row;flex-wrap:wrap}.form-container{min-width:250px;max-width:350px}.video-container{min-width:500px}.video-preview-card{padding:clamp(16px,2vw,20px)}.video-wrapper{max-width:432px}}@media(max-width:768px){.app-container{flex-direction:column;justify-content:flex-start;padding:clamp(10px,2vw,15px);align-items:stretch;background-color:#fafafa}.shared-container{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}.form-container{width:100%;max-width:100%;min-width:auto;align-self:center}.divider{width:100%;height:1px;margin:clamp(20px,3vw,24px) 0}.video-container{width:100%;min-width:auto;align-self:center}.video-preview-card{padding:clamp(16px,2vw,20px);width:100%}.video-wrapper{width:100%;max-width:378px}}@media(max-width:480px){.app-container{padding:10px;background-color:#fafafa}.shared-container{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}.form-container{padding:clamp(20px,4vw,30px);gap:12px;align-self:center}.divider{width:100%;height:1px;margin:clamp(20px,3vw,24px) 0}.video-container{min-width:auto;align-self:center}.video-preview-card{padding:12px}.video-wrapper{max-width:270px}}@media(max-width:360px){.app-container{padding:8px;background-color:#fafafa}.shared-container{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}.form-container{padding:clamp(18px,4vw,25px);gap:10px;align-self:center}.divider{width:100%;height:1px;margin:clamp(20px,3vw,24px) 0}.video-container{min-width:auto;align-self:center}.video-preview-card{padding:12px}.video-wrapper{max-width:216px}}