:root{color:#111113;font-synthesis:none;--ink:#111113;--secondary:#55555e;--surface:#f5f5f7;--line:#d2d2d7;--blue:#06c;--radius:24px;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #06c}button{color:var(--ink)}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:15px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}.site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#fffffff0;border-bottom:1px solid #e7e7eb;height:72px;position:sticky;top:0}.nav-inner{align-items:center;gap:20px;max-width:1300px;height:100%;margin:auto;padding:0 44px;display:flex}.brand{letter-spacing:-1.8px;align-items:center;gap:9px;font-size:29px;font-weight:750;display:flex}.by{color:var(--secondary);border-left:1px solid var(--line);padding-left:20px;font-size:12px}nav{align-items:center;gap:30px;margin-left:auto;font-size:12px;font-weight:500;display:flex}nav a{transition:color .2s}nav a:hover{color:var(--blue)}.nav-create{background:var(--ink);color:#fff;border-radius:30px;align-items:center;gap:15px;padding:10px 17px;display:flex}.nav-create:hover{color:#fff;background:#333}nav svg{width:15px;height:15px}main{max-width:1300px;margin:auto;padding:0 44px}.intro{text-align:center;padding:58px 0 44px}.intro h1{letter-spacing:-4.5px;margin:0 0 23px;font-size:clamp(50px,6vw,80px);font-weight:730;line-height:1.04}.intro h1 span{color:#64646c}.intro p{letter-spacing:-.3px;color:#4a4a52;margin:0;font-size:18px;line-height:1.6}.intro strong{color:#1d1d1f;font-weight:500}.concept-note{color:#595962;margin-top:17px;font-size:12px}.studio{border-radius:var(--radius);border:1px solid #dadade;grid-template-columns:minmax(0,1fr) 350px;align-items:stretch;scroll-margin-top:16px;display:grid;overflow:hidden;box-shadow:0 18px 65px #11111a08}.preview-panel{background:#fff;flex-direction:column;justify-content:center;min-width:0;padding:30px;display:flex}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;display:flex}.panel-heading h2{margin:0;font-size:14px;font-weight:600}.panel-heading>span{color:#595962;font-size:11px}.separator{color:#555;padding:0 7px}.canvas-wrap{background:#f2f4f3;border-radius:14px;line-height:0;position:relative;overflow:hidden}.canvas-wrap canvas{cursor:grab;touch-action:none;width:100%;height:auto;display:block}.canvas-wrap canvas:active{cursor:grabbing}.preview-chip,.preview-resolution{color:#303038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#ffffffe8;border:1px solid #d8d8dd;border-radius:20px;padding:8px 11px;font-size:11px;line-height:1;position:absolute;top:16px;left:16px}.preview-resolution{color:#fff;background:#1d1d1f;border-color:#1d1d1f;padding:8px 9px;left:auto;right:16px}.loading{color:#333;background:#f5f5f7;justify-content:center;align-items:center;gap:10px;font-size:13px;line-height:1.5;display:flex;position:absolute;inset:0}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.source-video{display:none}.timeline{align-items:center;gap:15px;margin-top:20px;display:flex}.icon-button{color:#fff;background:#111113;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:grid}.icon-button:hover{background:#333;transform:scale(1.04)}.timeline>span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.time-total{color:#595962}.timeline input{flex:1;min-width:20px}input[type=range]{appearance:none;width:100%;height:4px;accent-color:var(--blue);cursor:pointer;background:#bcbcc4;border-radius:4px;margin:12px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--blue);border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #06c}input[type=range]::-moz-range-thumb{background:var(--blue);border:2px solid #fff;border-radius:50%;width:14px;height:14px}input[type=range]:disabled{opacity:.5;cursor:not-allowed}.preview-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.segmented{background:#e8e8ed;border-radius:25px;gap:3px;padding:3px;display:flex}.segmented button{color:#45454d;background:0 0;border:0;border-radius:22px;padding:10px 17px;font-size:12px;font-weight:500;transition:background .18s,color .18s}.segmented button[aria-pressed=true]{color:#111113;background:#fff;box-shadow:0 2px 5px #00000013}.drag-hint{color:#595962;align-items:center;gap:6px;font-size:11px;display:flex}.drag-hint svg{width:15px;height:15px}.preview-footnote{color:#595962;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:11px;line-height:1.5;display:flex}.preview-footnote a{text-underline-offset:3px;text-decoration:underline}.controls{background:#f5f5f7;border-left:1px solid #dadade;padding:28px}.controls>h2{letter-spacing:-1px;margin:0 0 6px;font-size:27px;font-weight:650}.control-subtitle{color:#55555e;margin:0 0 20px;font-size:12px;line-height:1.5}.upload{color:#111113;background:#fff;border:1px dashed #a4a4ae;border-radius:15px;flex-direction:column;align-items:center;width:100%;padding:18px 12px;transition:border-color .2s,background .2s;display:flex}.upload:hover,.upload.dragging{border-color:var(--blue);background:#edf5ff}.upload-icon{color:var(--blue);margin-bottom:9px}.upload strong{font-size:14px;font-weight:600}.upload>span:not(.upload-icon){color:#55555e;margin-top:4px;font-size:12px}.upload small{color:#595962;margin-top:12px;font-size:11px}.current-photo{align-items:center;gap:8px;min-width:0;margin-top:13px;font-size:12px;display:flex}.current-photo>img{object-fit:cover;border-radius:5px;width:27px;height:27px}.current-photo>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.current-photo>svg{color:#167039;width:16px;height:16px}.samples>span{color:#55555e;font-size:11px}.samples>div{gap:12px;margin-top:9px;display:flex}.samples button{text-align:left;color:#55555e;background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:10px}.samples img{object-fit:cover;outline-offset:2px;border-radius:6px;outline:2px solid #0000;width:100%;height:40px;transition:outline-color .2s}.samples button[aria-pressed=true] img{outline-color:var(--blue)}.samples button span{margin-top:7px;display:block}.adjust-heading{justify-content:space-between;align-items:center;margin:23px 0 12px;display:flex}.adjust-heading h3{margin:0;font-size:13px;font-weight:600}.text-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:11px;display:inline-flex}.text-button svg{width:12px;height:12px}.text-button:hover{text-decoration:underline}.slider-label{color:#34343c;margin-top:10px;font-size:12px;display:block}.slider-label output{float:right;color:#55555e;font-variant-numeric:tabular-nums}.slider-label input{margin:15px 0 12px;display:block}.fine-tune{border-bottom:1px solid #d2d2d7;margin-top:4px;padding:5px 0 13px}.fine-tune summary{color:#45454d;padding:7px 0;font-size:11px}.fine-tune summary svg{width:13px;height:13px}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary svg{flex-shrink:0;transition:transform .2s}details[open]>summary svg{transform:rotate(180deg)}.quality-row{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.quality-row .segmented button{padding:8px 13px;font-size:11px}.audio{align-items:center;gap:8px;margin-top:15px;font-size:12px;display:flex}.audio input{appearance:none;cursor:pointer;background:#fff;border:1px solid #6e6e79;border-radius:4px;place-items:center;width:16px;height:16px;margin:0;display:grid}.audio input:checked{background:var(--blue);border-color:var(--blue)}.audio input:checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:7px;height:4px;margin-top:-2px;transform:rotate(-45deg)}.export{background:var(--blue);color:#fff;border:0;border-radius:26px;justify-content:center;align-items:center;gap:15px;width:100%;min-height:48px;margin-top:21px;padding:12px;font-size:14px;font-weight:500;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.export:hover:not(:disabled){background:#0054a8;transform:translateY(-1px);box-shadow:0 5px 15px #0066cc26}.export svg{width:17px;height:17px}.privacy{color:#45454d;justify-content:center;align-items:center;gap:5px;margin-top:13px;font-size:10px;display:flex}.privacy svg{width:12px;height:12px}.format-note{color:#595962;text-align:center;margin:6px 0 0;font-size:10px}.export-status{margin-top:16px;font-size:12px;line-height:1.6}.export-status progress{appearance:none;background:#d2d2d7;border:0;width:100%;height:5px;margin:0 0 12px}.export-status progress::-webkit-progress-bar{background:#d2d2d7;border-radius:4px}.export-status progress::-webkit-progress-value{background:var(--blue);border-radius:4px}.export-status button{margin-top:6px}.error,.notice{border-radius:9px;margin:15px 0 0;padding:12px;font-size:12px;line-height:1.6}.error{color:#991b1b;background:#fff1f0;border:1px solid #edbdbd}.error button{color:inherit;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;text-decoration:underline;display:block}.notice{color:#303844;background:#e8edf3}.result{background:#f5f5f7;border-radius:24px;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;margin-top:28px;padding:35px;display:grid}.result video{border-radius:14px;width:100%}.success-label{color:#146a32;align-items:center;gap:7px;font-size:12px;display:flex}.result h2{letter-spacing:-1.2px;margin:18px 0;font-size:37px;line-height:1.1}.result p{color:#55555e;font-size:13px}.download{background:var(--blue);color:#fff;border-radius:24px;align-items:center;gap:10px;margin:5px 0;padding:14px 22px;font-size:14px;display:inline-flex}.result .result-note{max-width:340px;font-size:12px;line-height:1.6}.how{padding:88px 0 80px}.how h2,.faq h2{letter-spacing:-2px;margin:0;font-size:46px;font-weight:650;line-height:1.05}.how h2 span{color:#64646c}.how-steps{grid-template-columns:repeat(3,1fr);gap:65px;margin-top:42px;display:grid}.step-number{color:#595962;font-size:13px}.how h3{letter-spacing:-.5px;margin:17px 0 12px;font-size:21px;font-weight:600}.how p{color:#55555e;max-width:310px;margin:0;font-size:14px;line-height:1.7}.faq{border-top:1px solid #d2d2d7;grid-template-columns:1fr 1.65fr;gap:70px;padding:65px 0 75px;display:grid}.faq>div>p{color:#55555e;margin-top:20px;font-size:14px;line-height:1.65}.faq-list details{border-bottom:1px solid #d2d2d7}.faq-list details:first-child{border-top:1px solid #d2d2d7}.faq-list summary{padding:21px 0;font-size:15px;font-weight:500;line-height:1.5}.faq-list p{color:#45454d;max-width:620px;margin:0 0 22px;font-size:14px;line-height:1.75}footer{color:#55555e;background:#f5f5f7;padding:32px max(44px,50vw - 606px) 25px;font-size:11px}.footer-top{align-items:center;gap:22px;display:flex}.footer-top .brand{color:#111113;font-size:26px}.footer-top>a:last-child{color:#111113;align-items:center;gap:8px;margin-left:auto;display:flex}.footer-top svg{width:14px;height:14px}footer>p{max-width:860px;margin:23px 0;line-height:1.7}.footer-bottom{border-top:1px solid #d2d2d7;justify-content:space-between;padding-top:20px;display:flex}.error-page{max-width:800px;padding:100px 24px}.error-page h1{font-size:64px}.error-page a{color:var(--blue);margin-top:20px;display:inline-block}.error-page pre{white-space:pre-wrap;overflow-wrap:anywhere}@media (width>=1400px){.preview-panel{padding:38px}.studio{grid-template-columns:minmax(0,1fr) 370px}.controls{padding:30px}}@media (width<=1050px){.nav-inner,main{padding-left:28px;padding-right:28px}.studio{grid-template-columns:minmax(0,1fr) 320px}.preview-panel{padding:22px}.controls{padding:24px}.drag-hint{display:none}.panel-heading>span{font-size:10px}.panel-heading h2{font-size:12px}.how-steps{gap:30px}.faq{gap:40px}}@media (width<=800px){.nav-inner,main{padding-left:22px;padding-right:22px}.site-header{height:64px}.by{padding-left:12px;font-size:11px}.nav-inner{gap:12px}nav{gap:18px}nav>a:not(.nav-create){display:none}.nav-create{padding:9px 13px;font-size:11px}.intro{padding:44px 0 33px}.intro h1{letter-spacing:-3px;font-size:60px}.intro p{font-size:16px}.studio{grid-template-columns:1fr}.preview-panel{padding:24px}.controls{border-top:1px solid #dadade;border-left:0;padding:28px}.panel-heading>span{font-size:11px}.panel-heading h2{font-size:14px}.drag-hint{display:flex}.controls>h2{font-size:30px}.control-subtitle{font-size:14px}.upload{padding:22px}.upload strong{font-size:16px}.upload small,.upload>span:not(.upload-icon){font-size:12px}.samples img{height:64px}.samples button,.samples>span{font-size:12px}.adjust-heading h3{font-size:15px}.slider-label,.quality-row,.audio{font-size:14px}.fine-tune summary,.text-button{font-size:13px}.quality-row .segmented button{padding:10px 18px;font-size:13px}.export{min-height:50px;font-size:16px}.privacy,.format-note{font-size:12px}.privacy svg{width:14px;height:14px}.how{padding:60px 0}.how h2,.faq h2{font-size:40px}.how-steps{gap:25px}.how h3{font-size:18px}.faq{grid-template-columns:1fr;gap:20px;padding:45px 0 55px}.result{grid-template-columns:1fr;gap:24px;padding:24px}.result h2{font-size:36px}.footer-top{flex-wrap:wrap;gap:14px}.footer-top>a:last-child{margin-left:0}footer{padding:30px 22px}.footer-top>span{font-size:11px}}@media (width<=480px){.by{display:none}.intro h1{letter-spacing:-2.8px;font-size:53px}.intro p{font-size:14px;line-height:1.7}.concept-note{font-size:11px}.preview-panel{padding:16px}.panel-heading{margin-bottom:15px}.panel-heading>span{font-size:10px}.panel-heading h2{font-size:12px}.panel-heading .separator{padding:0 3px}.preview-chip,.preview-resolution{padding:7px 8px;font-size:10px;top:10px;left:10px}.preview-resolution{left:auto;right:10px}.timeline{gap:10px;margin-top:14px}.timeline>span{font-size:11px}.preview-bottom{gap:10px;margin-top:14px}.segmented button{padding:9px 14px;font-size:11px}.drag-hint{max-width:105px;font-size:10px;line-height:1.4}.preview-footnote{margin-top:17px;font-size:10px}.controls{padding:24px}.how-steps{grid-template-columns:1fr;gap:28px;margin-top:28px}.how-steps article{grid-template-columns:34px 1fr;column-gap:12px;display:grid}.step-number{padding-top:4px}.how h3{margin:0 0 8px;font-size:21px}.how p{grid-column:2}.faq-list summary{font-size:14px}.footer-bottom{gap:16px;line-height:1.5}.result{padding:18px}.result h2{font-size:34px}.footer-top>a:last-child{width:100%;margin-top:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.tool-title{justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.tool-title h1{letter-spacing:-.25px;margin:0;font-size:15px;font-weight:600}.tool-title>span{color:var(--secondary);font-size:11px}.site-header{height:58px}.studio{grid-template-columns:minmax(0,1fr) 330px}.preview-panel{justify-content:flex-start;padding:24px}.controls{padding:20px}.controls>h2{font-size:23px}.control-subtitle{margin-bottom:12px}.upload{padding:12px}.upload-icon{margin-bottom:5px}.upload small{margin-top:6px;font-size:10px}.samples{margin-top:12px}.samples img{height:55px}.adjust-heading{margin:15px 0 6px}.current-photo{margin-top:9px}.primary-action{text-align:center}.primary-action .export{margin-top:15px;font-weight:650}.primary-action .text-button{margin-top:5px;font-size:12px}.download-meta{color:var(--secondary);margin-top:7px;font-size:11px;line-height:1.4;display:block}.completed-preview video{aspect-ratio:16/9;background:#111;border-radius:14px;width:100%;display:block}.completed-preview p,.duration-note{color:var(--secondary);font-size:12px;line-height:1.5}.canvas-wrap[hidden],:is(.preview-panel:has(.completed-preview) .timeline,.preview-panel:has(.completed-preview) .preview-bottom){display:none}@media (width>=801px){.preview-panel{align-self:start;position:sticky;top:58px}.studio{overflow:clip}.canvas-wrap{margin-top:12px}}@media (width<=800px){main{padding:0 16px}.tool-title{padding:14px 0}.tool-title h1{font-size:13px}.tool-title>span{display:none}.studio{flex-direction:column;display:flex}.controls{display:contents}.controls>h2,.control-subtitle,.current-photo{display:none}.upload{order:0;width:calc(100% - 32px);margin:16px 16px 0;padding:13px}.upload-icon,.upload>span:not(.upload-icon){display:none}.samples{order:1;margin:12px 16px}.samples img{height:54px}.preview-panel{border-top:1px solid var(--line);order:2;padding:16px}.controls>:not(.upload):not(.samples){order:3;margin-left:16px;margin-right:16px}.controls>.primary-action{z-index:30;padding:10px 16px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#fffffff5;margin:0;position:fixed;bottom:0;left:0;right:0}.primary-action .export{margin-top:0}.primary-action .download-meta{margin-top:4px;font-size:10px}.privacy{margin-bottom:8px}.format-note{padding-bottom:15px}.site{padding-bottom:150px}.fine-tune{padding-bottom:12px}.preview-footnote{margin-top:12px}.controls>.error,.controls>.notice{margin-bottom:15px}.studio .controls>.error{order:-1;margin:16px 16px 0}nav>a.nav-studio{white-space:nowrap;display:inline-flex}}.analytics-tools{color:#242424;background:#fff;justify-content:center;gap:1rem;padding:12px;font-size:13px;display:flex}.analytics-tools button{cursor:pointer;text-decoration:underline}.analytics-consent{z-index:10000;color:#242424;background:#fff;border:1px solid #aaa;border-radius:12px;width:calc(100% - 32px);max-width:460px;padding:20px;font-size:14px;position:fixed;bottom:16px;left:16px;box-shadow:0 4px 30px #0002}.analytics-consent[hidden],.analytics-tools [hidden]{display:none}.analytics-consent p{margin:0 0 12px}.analytics-consent button{cursor:pointer;border:1px solid #555;border-radius:6px;padding:10px}.privacy-page{max-width:760px;margin:40px auto;padding:24px;line-height:1.7}.privacy-page h1{font-size:32px}.privacy-page h2{margin-top:24px;font-size:22px}.privacy-page p{margin:16px 0}.privacy-page a{text-decoration:underline}