*{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}}@media(max-width:768px){.navbar{top:10px;width:calc(100% - 20px);padding:clamp(10px,2vw,14px) clamp(16px,3vw,24px)}}.logo{height:clamp(4em,8vw,6em);padding:clamp(1em,2vw,1.5em);will-change:filter;transition:filter .3s}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:clamp(1em,3vw,2em)}.read-the-docs{color:#888}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}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}select:focus{border-color:#7c3aed;outline:none}select option{background-color:#fff;color:#1a1a1a;padding:8px}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:1 / 1;overflow:hidden;position:relative;margin:0;box-sizing:border-box;flex-shrink:0}.video-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);width:1080px;height:1080px;box-sizing:border-box}@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}.vertical-divider{display:block}.video-container{min-width:500px}.video-preview-card{padding:clamp(16px,2vw,20px)}.video-wrapper{max-width:432px}.video-inner{transform:scale(.4)}}@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}.video-inner{transform:scale(.35)}}@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}.video-inner{transform:scale(.25)}}@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}.video-inner{transform:scale(.2)}}