@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--color-background:#fff;--color-surface:#fff;--color-surface-raised:#f7f8fb;--color-border:#d9dee8;--color-control-border:#788195;--color-text:#151925;--color-text-muted:#626c80;--color-primary:#f62a99;--color-primary-hover:#fa52ac;--color-on-primary:#151925;--color-accent-text:#b21669;--color-accent-surface:#fff0f8;--color-success:#b21669;--color-warning:#775313;--color-warning-surface:#fff8e8;--color-warning-border:#d2b16c;--color-error:#a2342d;--color-error-surface:#fff1ef;--color-error-border:#d99b94;--color-illustration-skin:#d3b69b;--color-illustration-ink:#151925;--color-illustration-fabric:#665b73;--color-illustration-land:#c9c1d1;--color-illustration-land-light:#ded7e3;--shadow-card:0 12px 36px #15192512}
.prompt-details{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:6px;margin-top:23px;padding:12px 15px}.prompt-details summary{cursor:pointer;color:var(--color-text-muted);font-size:11px;font-weight:650}.prompt-details p{margin:12px 0 0;font-size:11px;line-height:1.9}.admin-link{color:var(--color-text-muted);align-items:center;gap:9px;margin:22px 12px;font-size:11px;display:flex}.admin-page{background:var(--color-background);min-height:100vh}.admin-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;max-width:1350px;margin:auto;padding:25px 35px;display:flex}.admin-content{max-width:1300px;margin:auto;padding:28px 35px 70px}.admin-loading{color:var(--color-text-muted);justify-content:center;align-items:center;gap:15px;padding:70px 20px;font-size:13px;display:flex}.notice-success{background:var(--color-accent-surface);border:1px solid var(--color-border);color:var(--color-accent-text)}.review-layout{grid-template-columns:230px 1fr;align-items:start;gap:25px;display:grid}.review-queue{flex-direction:column;gap:10px;display:flex}.review-queue button{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;color:var(--color-text);border-radius:7px;padding:17px}.review-queue button.selected{border-color:var(--color-primary);background:var(--color-accent-surface)}.review-queue strong{overflow-wrap:anywhere;font-size:12px;display:block}.review-queue span{color:var(--color-text-muted);font-size:10px}.review-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:9px;min-width:0;padding:25px}.review-detail h2{overflow-wrap:anywhere;font-size:25px}.review-media{grid-template-columns:1fr 1fr;gap:18px;display:grid}.review-media figure{min-width:0;margin:0}.review-media figcaption{margin-bottom:8px;font-size:12px;font-weight:600}.review-media video,.review-media img{object-fit:contain;background:var(--color-background);border-radius:5px;width:100%;height:190px;display:block}.review-checklist{background:var(--color-surface-raised);border-radius:6px;margin-top:24px;padding:18px}.review-checklist h3{margin-bottom:10px;font-size:15px}.review-checklist ul{color:var(--color-text-muted);margin:0;padding-left:19px;font-size:11px;line-height:1.9}.review-note{font-size:12px;display:block}.review-note textarea{border:1px solid var(--color-border);resize:vertical;width:100%;min-height:100px;font:inherit;color:var(--color-text);background:var(--color-background);border-color:var(--color-control-border);border-radius:6px;margin-top:9px;padding:12px;display:block}.review-note small{color:var(--color-text-muted);margin-top:8px;font-size:10px;font-weight:400;display:block}.review-actions{flex-wrap:wrap;justify-content:flex-end;gap:15px;margin-top:24px;display:flex}.review-actions .button{font-size:12px}.review-id{color:var(--color-text-muted);overflow-wrap:anywhere;margin-top:22px;font-size:9px;display:block}.review-select{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;padding:70px 25px}.review-select svg{color:var(--color-text-muted);margin-bottom:20px}.review-select h2{font-size:23px}.review-select p{color:var(--color-text-muted);font-size:12px}@media (max-width:800px){.review-layout{grid-template-columns:180px 1fr;gap:15px}.admin-content{padding-inline:24px}.review-media{grid-template-columns:1fr}.review-detail{padding:20px}.review-actions .button{width:100%}}@media (max-width:600px){.admin-header{padding:20px}.admin-header .text-link{font-size:10px}.admin-content{padding:20px 18px 50px}.admin-content .studio-heading{align-items:flex-start}.admin-content .studio-heading h1{font-size:26px}.review-layout{grid-template-columns:1fr}.review-queue{grid-template-columns:1fr 1fr;display:grid}.review-queue button{padding:13px}.review-queue strong{font-size:11px}.review-queue span{font-size:9px}.admin-link{grid-column:1/-1;margin:0 10px}}:root{--heading:"Manrope", "Arial", sans-serif;--body:"DM Sans", "Arial", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--color-background);color:var(--color-text);font-family:var(--body);margin:0;font-size:16px;line-height:1.6}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--color-primary);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.045em;line-height:1.15}svg{flex-shrink:0}img,video{max-width:100%}input:not([type=checkbox]):not([type=file]){border:1px solid var(--color-control-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:6px;padding:13px 15px;font-size:15px;transition:border-color .15s;display:block}input::placeholder{color:var(--color-text-muted)}input[type=checkbox]{accent-color:var(--color-primary);flex-shrink:0;width:18px;height:18px;margin:3px 0 0}label{font-size:14px;font-weight:600}.button{background:var(--color-primary);color:var(--color-on-primary);border:2px solid var(--color-primary);box-shadow:none;white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:12px;padding:15px 24px;font-size:16px;font-weight:750;line-height:1.4;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.button-small{padding:10px 17px;font-size:14px}.button-secondary{background:var(--color-surface);color:var(--color-text);box-shadow:none;border-color:var(--color-control-border);font-weight:600}.button-secondary:hover:not(:disabled){box-shadow:none;border-color:var(--color-primary);background:var(--color-surface-raised);transform:none}.button-full{width:100%}.brand{width:210px;max-width:100%;font-family:var(--heading);letter-spacing:-1.4px;white-space:nowrap;flex-direction:column;flex-shrink:0;align-items:center;gap:0;font-size:27px;font-weight:800;display:inline-flex}.brand-wordmark{filter:grayscale()contrast(1.2);width:100%;height:auto;display:block}.brand-powered{font-family:var(--body);letter-spacing:.025em;color:var(--color-text-muted);justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.brand-powered img{object-fit:contain;filter:brightness(0);width:19px;height:19px;display:block}.brand-powered strong{font-family:var(--heading);letter-spacing:.12em;color:var(--color-text);font-size:10px;font-weight:650}.site-header{z-index:20;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:28px;max-width:1280px;margin:auto;padding:21px 45px;display:flex}.nav-inner nav{gap:32px;font-size:14px;font-weight:650;display:flex}.nav-inner nav a:hover,.site-footer a:hover{text-underline-offset:5px;text-decoration:underline}.announcement{background:var(--color-accent-surface);justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:550;display:flex}.announcement a{align-items:center;gap:7px;margin-left:12px;font-weight:750;display:flex}.live-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.hero{background:var(--color-background);color:var(--color-text);text-align:center;padding:67px 24px 0;position:relative;overflow:hidden}.hero-content{z-index:2;position:relative}.hero h1{letter-spacing:-.058em;margin-bottom:24px;font-size:clamp(48px,5.7vw,78px);font-weight:800;line-height:1.06}.hero h1 em{color:var(--color-primary);font-style:normal}.hero p{color:var(--color-text-muted);margin-bottom:27px;font-size:18px;line-height:1.65}.button-hero{padding:16px 28px;font-size:17px}.hero-footnote{color:var(--color-text-muted);margin-top:17px;font-size:12px;display:block}.film-illustration{width:650px;max-width:calc(100% - 60px);height:370px;color:var(--color-text);margin:45px auto 0;position:relative}.film-window{background:var(--color-surface);border:3px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:10px;position:absolute;top:8px;left:60px;right:40px;overflow:hidden;transform:rotate(-1deg)}.film-window-bar{border-bottom:3px solid var(--color-border);background:var(--color-surface);align-items:center;gap:5px;height:35px;padding:0 12px;display:flex}.film-window-bar>span{border:1.5px solid var(--color-border);border-radius:50%;width:7px;height:7px}.film-window-bar b{margin:auto;font-size:10px;font-weight:600}.film-stage{background:var(--color-surface-raised);height:245px;position:relative;overflow:hidden}.stage-sun{background:var(--color-primary);border:2px solid var(--color-border);border-radius:50%;width:75px;height:75px;position:absolute;top:30px;left:50px}.stage-hill{border:2px solid var(--color-border);border-radius:50% 50% 0 0;width:430px;height:200px;position:absolute}.hill-one{background:var(--color-illustration-land);bottom:-100px;left:-90px;transform:rotate(-12deg)}.hill-two{background:var(--color-illustration-land-light);bottom:-95px;right:-90px;transform:rotate(15deg)}.film-person{height:245px;position:absolute;top:3px;left:40%}.frame-corner{border-color:var(--color-control-border);border-style:solid;width:19px;height:19px;position:absolute}.corner-tl{border-width:2px 0 0 2px;top:15px;left:15px}.corner-tr{border-width:2px 2px 0 0;top:15px;right:15px}.corner-bl{border-width:0 0 2px 2px;bottom:15px;left:15px}.corner-br{border-width:0 2px 2px 0;bottom:15px;right:15px}.scene-label{background:var(--color-surface);border-radius:3px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:flex;position:absolute;bottom:22px;left:28px}.scene-label span{background:var(--color-primary);border-radius:50%;width:5px;height:5px}.film-timeline{border-top:3px solid var(--color-border);align-items:center;gap:12px;padding:12px;font-size:9px;display:flex}.film-timeline>div{background:var(--color-surface-raised);border-radius:4px;flex:1;height:7px;position:relative}.film-timeline i{background:var(--color-primary);border-radius:4px;width:42%;height:100%;display:block}.film-note{background:var(--color-surface);border:2px solid var(--color-border);z-index:2;box-shadow:var(--shadow-card);align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:700;display:flex;position:absolute}.note-left{top:85px;left:-47px;transform:rotate(-9deg)}.note-right{background:var(--color-surface-raised);top:40px;right:-60px;transform:rotate(8deg)}.mini-reference{background:var(--color-surface);border:3px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:5px;width:105px;padding:8px;position:absolute;bottom:13px;left:5px;transform:rotate(-10deg)}.mini-reference>svg{margin-bottom:6px;display:block}.mini-reference>span{font-size:8px;font-weight:650}.mini-portrait{background:var(--color-accent-surface);border:1px solid var(--color-border);height:73px;position:relative;overflow:hidden}.mini-portrait:before{content:"";background:var(--color-illustration-skin);border:2px solid var(--color-border);border-radius:50%;width:37px;height:41px;position:absolute;top:9px;left:22px}.mini-portrait:after{content:"";background:var(--color-illustration-ink);border-radius:25px 25px 8px 4px;width:40px;height:21px;position:absolute;top:6px;left:21px;transform:rotate(-12deg)}.mini-portrait>div{background:var(--color-illustration-fabric);border:2px solid var(--color-border);border-radius:50% 50% 0 0;width:65px;height:40px;position:absolute;bottom:-13px;left:10px}.finished-sticker{background:var(--color-accent-surface);color:var(--color-accent-text);border:2px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:5px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:22px;right:-12px;transform:rotate(7deg)}.hero-bottom{background:var(--color-surface-raised);border-top:1px solid var(--color-border);justify-content:center;gap:38px;margin:24px -24px 0;padding:18px 20px;font-size:12px;display:flex}.hero-bottom>span{align-items:center;gap:7px;display:flex}.section-wrap{text-align:center;max-width:1200px;margin:auto;padding:90px 48px}.section-wrap h2,.final-cta h2{margin-bottom:22px;font-size:clamp(32px,3.6vw,49px);font-weight:800;line-height:1.15}.section-intro{color:var(--color-text-muted);margin-bottom:49px;font-size:17px;line-height:1.7}.showcase-cards{justify-content:center;gap:22px;padding:13px 0 22px;display:flex}.showcase-card{border:2px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:left;width:32%;padding:10px 10px 0}.showcase-card:first-child{transform:rotate(-4deg)}.showcase-card:nth-child(2){z-index:1;transform:translateY(-12px)rotate(1deg)}.showcase-card:nth-child(3){transform:rotate(4deg)}.showcase-frame{border:1.5px solid var(--color-border);justify-content:center;align-items:center;height:235px;display:flex;position:relative;overflow:hidden}.showcase-peach .showcase-frame,.showcase-blue .showcase-frame,.showcase-green .showcase-frame{background:var(--color-surface-raised)}.coming-tag{border:1px solid var(--color-border);background:var(--color-surface);border-radius:3px;padding:4px 7px;font-size:9px;position:absolute;top:13px;left:11px}.showcase-frame>svg{opacity:.7;transform:rotate(-9deg)}.placeholder-play{border:2px solid var(--color-border);background:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:39px;height:39px;display:flex;position:absolute;bottom:22px;right:14px}.film-perforations{background:repeating-linear-gradient(90deg, transparent 0, transparent 9px, var(--color-background) 9px, var(--color-background) 15px);opacity:.8;height:8px;position:absolute;bottom:0;left:0;right:0}.showcase-caption{align-items:center;gap:12px;padding:17px 3px;display:flex}.showcase-caption>span{opacity:.5;font-size:11px;font-weight:700}.showcase-caption h3{letter-spacing:-.02em;margin:0;font-size:13px;line-height:1.5}.showcase-disclaimer{color:var(--color-text-muted);margin:25px 0 0;font-size:12px}.how-section{background:var(--color-surface);border-block:1px solid var(--color-border)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:60px;margin:55px 0 40px;display:grid}.steps-grid article p{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.8}.steps-grid h3{letter-spacing:-.035em;margin:12px 0 16px;font-size:20px}.step-art{border:2px solid var(--color-border);width:110px;height:95px;box-shadow:var(--shadow-card);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 28px;display:flex;position:relative;transform:rotate(-4deg)}.step-art svg:nth-child(2){background:var(--color-surface);box-sizing:content-box;border:2px solid var(--color-border);border-radius:5px;padding:8px;position:absolute;bottom:-10px;right:-14px;transform:rotate(10deg)}.step-upload{background:var(--color-surface-raised)}.step-preview{background:var(--color-surface-raised);transform:rotate(4deg)}.step-finish{background:var(--color-surface-raised)}.step-number{color:var(--color-text-muted);font-size:12px;font-weight:700}.simple-section{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:85px;padding-block:108px;display:grid}.simple-copy,.approval-illustration{min-width:0}.simple-copy p{color:var(--color-text-muted);max-width:430px;font-size:16px;line-height:1.8}.simple-copy ul{margin:25px 0 0;padding:0;list-style:none}.simple-copy li{align-items:center;gap:10px;margin:15px 0;font-size:13px;font-weight:550;display:flex}.simple-copy li svg{color:var(--color-accent-text);width:18px}.approval-illustration{border:2px solid var(--color-border);box-shadow:var(--shadow-card);background:var(--color-surface);border-radius:9px;overflow:hidden;transform:rotate(3deg)}.approval-top{border-bottom:2px solid var(--color-border);align-items:center;gap:8px;padding:14px 18px;font-size:12px;font-weight:700;display:flex}.approval-scene{background:var(--color-surface-raised);border-bottom:2px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:220px;display:flex}.approval-scene svg{transform:rotate(-10deg)}.approval-scene>span{font-size:12px}.approval-bottom{text-align:center;padding:20px}.approval-bottom>span{margin-bottom:12px;font-size:12px;display:block}.approval-bottom>b{background:var(--color-primary);color:var(--color-on-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-card);align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:inline-flex}.faq-section{padding-top:30px;padding-bottom:100px}.faq-list{text-align:left;max-width:760px;margin:40px auto 0}.faq-list details{border-bottom:1px solid var(--color-border);padding:21px 0}.faq-list details:first-child{border-top:1px solid var(--color-border)}.faq-list summary{font-family:var(--heading);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-size:16px;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:26px;font-weight:400;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{color:var(--color-text-muted);margin:15px 35px 0 0;font-size:14px;line-height:1.8}.final-cta{background:var(--color-surface);border-block:1px solid var(--color-border);color:var(--color-text);text-align:center;padding:70px 25px 76px}.final-cta>svg,.final-cta h2{margin-bottom:20px}.final-cta p{margin-bottom:27px;font-size:17px}.final-cta small{color:var(--color-text-muted);margin-top:23px;font-size:12px;display:block}.site-footer{grid-template-columns:1fr auto;align-items:center;max-width:1200px;margin:auto;padding:48px 48px 26px;display:grid}.site-footer>p{color:var(--color-text-muted);grid-column:1;margin:12px 0 28px;font-size:12px}.site-footer>div{grid-area:1/2/3;gap:28px;font-size:13px;font-weight:550;display:flex}.site-footer>small{border-top:1px solid var(--color-border);color:var(--color-text-muted);grid-column:1/-1;padding-top:23px;font-size:11px}.studio-shell{background:var(--color-background);min-height:100vh;display:flex}.studio-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:10;flex-direction:column;width:248px;padding:31px 22px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand-compact{gap:0;width:165px;font-size:24px}.brand-compact .brand-powered{font-size:8px}.brand-compact .brand-powered strong{font-size:9px}.workspace-label{color:var(--color-text-muted);margin:18px 8px 27px;font-size:11px}.studio-sidebar nav{flex-direction:column;gap:7px;display:flex}.studio-sidebar nav>button{color:var(--color-text-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;padding:13px 12px;font-size:13px;font-weight:600;display:flex}.studio-sidebar nav>button.active{background:var(--color-accent-surface);color:var(--color-accent-text);border-color:var(--color-primary)}.studio-sidebar nav>button>span{color:var(--color-text-muted);margin-left:auto;font-size:12px}.sidebar-tip{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:7px;margin:auto 4px 30px;padding:19px 16px}.sidebar-tip>svg{color:var(--color-warning);margin-bottom:10px}.sidebar-tip>strong{font-size:12px;line-height:1.5;display:block}.sidebar-tip>p{color:var(--color-text-muted);margin:9px 0 0;font-size:11px;line-height:1.75}.sidebar-account{border-top:1px solid var(--color-border);align-items:center;gap:9px;padding-top:20px;display:flex}.account-avatar{background:var(--color-surface-raised);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:12px;font-weight:700;display:flex}.sidebar-account>div:nth-child(2){flex:1;min-width:0}.sidebar-account strong{font-size:11px;display:block}.sidebar-account span{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.sidebar-account button{color:var(--color-text-muted);background:0 0;border:none;padding:4px}.studio-main{flex-direction:column;flex:1;min-width:0;margin-left:248px;display:flex}.studio-topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:20px 42px;font-size:12px;display:flex}.studio-topbar>span:first-child{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:12px;display:flex;overflow:hidden}.early-access{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted);border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:4px 9px;font-size:10px;display:flex}.studio-content{flex:1;width:100%;max-width:1190px;margin:0 auto;padding:39px 42px 65px}.studio-heading{justify-content:space-between;align-items:center;gap:20px;margin:15px 0 35px;display:flex}.studio-heading h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:5px 0 12px;font-size:34px;line-height:1.2}.studio-heading p{color:var(--color-text-muted);margin:0;font-size:13px}.studio-kicker{color:var(--color-accent-text);font-size:12px;font-weight:600}.heading-doodle{background:var(--color-surface-raised);border:1.5px solid var(--color-border);width:74px;height:67px;box-shadow:var(--shadow-card);border-radius:12px;justify-content:center;align-items:center;margin-right:9px;display:flex;transform:rotate(7deg)}.create-steps{color:var(--color-text-muted);align-items:center;gap:22px;margin:0 0 31px;font-size:11px;font-weight:600;display:flex}.create-steps>span{white-space:nowrap;align-items:center;gap:9px;display:flex}.create-steps b{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;display:flex}.create-steps .current{color:var(--color-accent-text)}.create-steps .current b{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.create-steps i{background:var(--color-surface-raised);flex:1;height:1px}.create-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:28px}.project-title-label{font-size:12px;display:block}.project-title-label>span{color:var(--color-text-muted);margin-left:8px;font-size:10px;font-weight:400}.project-title-label input{background:var(--color-surface-raised)!important;margin-top:9px!important;padding:11px 13px!important;font-size:13px!important}.upload-grid{grid-template-columns:1.05fr 1fr;gap:24px;margin-top:27px;display:grid}.reference-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.upload-field{min-width:0}.upload-field-label{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-size:11px;font-weight:650;display:flex}.upload-field-label small{color:var(--color-text-muted);font-size:9px;font-weight:400}.upload-field input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-target{background:var(--color-surface-raised);border:1.5px dashed var(--color-control-border);width:100%;height:230px;color:var(--color-text-muted);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:15px;display:flex}.upload-target:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-accent-surface)}.upload-target>svg{color:var(--color-accent-text);margin-bottom:7px}.upload-target strong{color:var(--color-text);font-size:12px}.upload-target>span{text-align:center;font-size:10px;line-height:1.65}.upload-target>small{color:var(--color-text-muted);font-size:9px}.upload-selected{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:7px;flex-direction:column;height:230px;display:flex;overflow:hidden}.upload-selected>video,.upload-selected>img{object-fit:contain;width:100%;height:188px;min-height:0}.upload-selected>div{background:var(--color-surface);align-items:center;gap:5px;min-height:41px;padding:10px;font-size:10px;display:flex}.upload-selected>div>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.upload-selected small{color:var(--color-text-muted);white-space:nowrap;font-size:9px}.upload-selected button{color:var(--color-text-muted);background:0 0;border:0;padding:2px;display:flex}.upload-guidance{background:var(--color-surface-raised);color:var(--color-text-muted);border-radius:6px;gap:11px;margin-top:24px;padding:15px 17px;display:flex}.upload-guidance>svg{margin-top:1px}.upload-guidance p{color:var(--color-text-muted);margin:0;font-size:11px;line-height:1.8}.upload-guidance strong{color:var(--color-text);font-weight:650}.consent{color:var(--color-text-muted);align-items:flex-start;gap:10px;margin:23px 0;font-size:11px;font-weight:400;line-height:1.8;display:flex}.consent input{width:15px;height:15px}.form-action{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;padding-top:23px;display:flex}.form-action>span{color:var(--color-text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.form-action .button{padding:12px 17px;font-size:12px}.generation-note{color:var(--color-text-muted);text-align:right;margin:17px 0 0;font-size:10px}.studio-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;gap:20px;margin:0 42px;padding:22px 0;font-size:10px;display:flex}.studio-footer a{align-items:center;gap:6px;display:flex}.notice{border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:22px;padding:14px 17px;font-size:12px;line-height:1.7;display:flex}.notice>button{color:inherit;background:0 0;border:0;margin-left:auto;padding:2px;display:flex}.notice-error{border:1px solid var(--color-error-border);background:var(--color-error-surface);color:var(--color-error)}.notice-info{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted)}.notice-info>svg{margin-top:2px}.notice-info strong{font-weight:650}.inline-loading{color:var(--color-text-muted);align-items:center;gap:8px;margin-top:15px;font-size:12px;display:flex}.spin{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-screen{background:var(--color-background);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;padding:35px;display:flex}.state-screen h1{margin:0;font-size:32px}.state-screen>p{color:var(--color-text-muted);max-width:510px;margin:0 0 5px;font-size:14px}.state-screen>.brand{margin-bottom:30px}.state-icon{border:2px solid var(--color-border);background:var(--color-accent-surface);width:76px;height:76px;box-shadow:var(--shadow-card);border-radius:15px;justify-content:center;align-items:center;margin:10px 0;display:flex}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:left;border-radius:9px;padding:0;transition:border-color .15s;overflow:hidden}.project-card:hover{border-color:var(--color-primary)}.project-art{background:var(--color-surface-raised);height:158px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex;position:relative}.project-art.project-done{background:var(--color-accent-surface);color:var(--color-success)}.project-art .status-pill{background:var(--color-surface);font-size:9px;position:absolute;bottom:13px;left:13px;right:auto}.status-pill{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:550}.project-card-body{padding:19px}.project-card-body h2{text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px;font-size:15px;overflow:hidden}.project-card-body>span{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.empty-projects{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:70px 20px}.empty-projects>svg{color:var(--color-text-muted);margin-bottom:20px}.empty-projects h2{margin-bottom:13px;font-size:24px}.empty-projects p{color:var(--color-text-muted);margin-bottom:27px;font-size:13px}.back-link{color:var(--color-text-muted);background:0 0;border:0;align-items:center;gap:7px;margin-bottom:25px;padding:0;font-size:11px;display:flex}.processing-card{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;margin-bottom:25px;padding:45px 30px}.processing-icon{color:var(--color-accent-text);background:var(--color-surface-raised);border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 24px;display:flex}.processing-card h2{margin-bottom:13px;font-size:25px}.processing-card p{color:var(--color-text-muted);max-width:390px;margin:0 auto 23px;font-size:13px}.progress-track{background:var(--color-surface-raised);border-radius:5px;max-width:400px;height:7px;margin:0 auto 8px;overflow:hidden}.progress-track>span{background:var(--color-primary);height:100%;transition:width .3s;display:block}.progress-label{color:var(--color-text-muted);font-size:10px}.result-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;margin-bottom:25px;overflow:hidden}.result-header{justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;display:flex}.result-header h2{margin:0;font-size:15px}.result-card>video{background:var(--color-background);width:100%;max-height:570px;display:block}.result-footer{justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.result-footer p{color:var(--color-text-muted);margin:0;font-size:11px}.approval-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:9px;margin-top:25px;padding:28px}.approval-card>div>svg{color:var(--color-accent-text);margin-bottom:13px}.approval-card h2{margin-bottom:12px;font-size:24px}.approval-card p{color:var(--color-text-muted);max-width:600px;margin:0;font-size:13px}.approval-card .button{font-size:13px}.attention-card{background:var(--color-warning-surface);border:1px solid var(--color-warning-border);border-radius:9px;padding:28px}.attention-card h2{font-size:22px}.attention-card p{color:var(--color-warning);max-width:650px;font-size:13px}.attention-card small{color:var(--color-warning);overflow-wrap:anywhere;font-size:10px}.login-page{background:var(--color-background);min-height:100vh}.login-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:35px 50px;display:flex}.text-link{color:var(--color-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.login-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;max-width:1100px;margin:75px auto 0;padding:0 35px 80px;display:grid}.login-badge{background:var(--color-accent-surface);color:var(--color-accent-text);border:1px solid var(--color-border);border-radius:4px;align-items:center;gap:8px;margin-bottom:27px;padding:6px 10px;font-size:11px;display:inline-flex}.login-pitch h1{margin-bottom:25px;font-size:51px;line-height:1.12}.login-pitch>p{color:var(--color-text-muted);font-size:15px;line-height:1.8}.login-strip{color:var(--color-text-muted);align-items:center;gap:13px;margin-top:33px;font-size:11px;display:flex}.login-strip>span{align-items:center;gap:6px;display:flex}.login-strip i{background:var(--color-surface-raised);width:22px;height:1px}.login-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:10px;padding:35px}.login-icon{background:var(--color-accent-surface);width:49px;height:49px;color:var(--color-accent-text);border-radius:10px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.login-card h2{margin-bottom:15px;font-size:25px}.login-card>p{color:var(--color-text-muted);margin-bottom:27px;font-size:12px;line-height:1.8}.login-divider{text-align:center;color:var(--color-text-muted);margin:22px 0;font-size:13px}.login-card form>label{margin-bottom:19px;font-size:11px;font-weight:600;display:block}.login-card input{margin-top:8px;font-size:13px!important}.login-card .button{margin-top:7px;font-size:13px}.login-card form>small{color:var(--color-text-muted);margin:-9px 0 16px;font-size:10px;display:block}.invite-note{border-top:1px solid var(--color-border);color:var(--color-text-muted);gap:8px;margin-top:30px;padding-top:20px;font-size:10px;line-height:1.7;display:flex}.invite-note svg{margin-top:2px}@media (min-width:1450px){.hero{padding-top:78px}.hero h1{font-size:82px}.film-illustration{margin-top:50px}}@media (max-width:1100px){.nav-inner{padding-inline:28px}.nav-inner nav{gap:20px}.studio-sidebar{width:215px;padding-inline:17px}.studio-main{margin-left:215px}.studio-content{padding:30px 25px 50px}.studio-topbar{padding-inline:25px}.studio-footer{margin-inline:25px}.upload-grid{grid-template-columns:1fr}.upload-target,.upload-selected{height:195px}.upload-selected>video,.upload-selected>img{height:153px}.upload-field-label{font-size:12px}.reference-grid{gap:22px}.project-grid{grid-template-columns:repeat(2,1fr)}.simple-section{gap:50px}.steps-grid{gap:35px}.login-layout{gap:40px;margin-top:55px}.login-pitch h1{font-size:43px}.login-card{padding:28px}}@media (max-width:800px){.nav-inner nav{display:none}.nav-inner{padding:18px 24px}.brand{font-size:24px}.announcement{flex-wrap:wrap;gap:7px;font-size:11px}.announcement a{margin-left:5px}.hero{padding-top:48px}.hero h1{font-size:58px}.hero p{font-size:16px}.film-illustration{width:570px;max-width:calc(100% - 30px)}.note-left{font-size:10px;left:-25px}.note-right{font-size:10px;right:-23px}.hero-bottom{gap:20px;font-size:10px}.section-wrap{padding:65px 28px}.showcase-cards{gap:15px}.showcase-frame{height:185px}.showcase-caption{gap:7px}.showcase-caption h3{font-size:11px}.showcase-caption>span{display:none}.showcase-frame>svg{width:50px}.coming-tag{font-size:8px;left:5px}.steps-grid{gap:25px}.steps-grid h3{font-size:17px}.steps-grid article p{font-size:12px}.simple-section{grid-template-columns:minmax(0,1fr);gap:35px}.simple-copy{text-align:center;max-width:530px;margin:auto}.simple-copy p{max-width:none}.simple-copy ul{text-align:left;display:inline-block}.approval-illustration{width:430px;max-width:90%;margin:10px auto 0}.site-footer{padding-inline:28px}.site-footer>div{gap:18px}.studio-heading h1{font-size:29px}.studio-sidebar{width:185px;padding-inline:12px}.studio-main{margin-left:185px}.brand-compact{font-size:21px}.studio-sidebar nav>button{gap:8px;padding:12px 9px;font-size:11px}.workspace-label{font-size:9px}.sidebar-tip{padding:13px}.sidebar-tip>strong{font-size:11px}.sidebar-tip>p{font-size:10px}.sidebar-account{gap:6px}.sidebar-account>div:nth-child(2){max-width:96px}.account-avatar{width:27px;height:27px}.create-form{padding:21px}.create-steps{gap:10px;font-size:9px}.create-steps>span{gap:5px}.create-steps b{width:19px;height:19px;font-size:8px}.form-action{flex-direction:column-reverse;align-items:stretch}.form-action>span{justify-content:center}.generation-note{text-align:center}.heading-doodle{width:58px;height:53px}.heading-doodle svg{width:33px}.project-grid{gap:15px}.project-art{height:130px}.project-card-body{padding:15px}.project-card-body h2{font-size:13px}.login-layout{grid-template-columns:1fr;gap:35px;max-width:500px;margin-top:30px}.login-pitch{text-align:center}.login-pitch h1{font-size:41px}.login-strip{justify-content:center;margin-top:22px}.login-badge{margin-bottom:20px}.login-nav{padding:25px}.login-nav .text-link{font-size:11px}.result-footer{text-align:center;flex-direction:column;align-items:stretch}.result-footer .button{justify-content:center}}@media (max-width:600px){.nav-inner{gap:10px;padding:16px 18px}.nav-inner .button{gap:8px;padding:9px 11px;font-size:11px}.nav-inner .brand{gap:0;width:165px;font-size:22px}.announcement{padding:9px 15px}.announcement>.live-dot{display:none}.announcement a{font-size:10px}.hero{padding:38px 18px 0}.hero h1{letter-spacing:-.055em;font-size:47px}.hero p{max-width:340px;margin-inline:auto;font-size:14px}.desktop-break{display:none}.button-hero{padding:14px 20px;font-size:14px}.hero-footnote{font-size:10px}.film-illustration{width:400px;max-width:100%;height:280px;margin-top:35px}.film-window{box-shadow:var(--shadow-card);top:18px;left:24px;right:19px}.film-window-bar{height:27px;padding-inline:8px}.film-window-bar b{font-size:8px}.film-stage{height:175px}.film-person{height:175px;left:35%}.stage-sun{width:53px;height:53px;top:25px;left:25px}.stage-hill{width:300px;height:150px}.hill-one{bottom:-83px}.hill-two{bottom:-86px}.film-timeline{gap:8px;padding:8px;font-size:7px}.film-timeline>div{height:5px}.scene-label{padding:3px 5px;font-size:7px;bottom:19px;left:19px}.note-left{gap:5px;padding:6px;font-size:8px;top:65px;left:0}.note-right{gap:5px;padding:6px;font-size:8px;top:0;right:-2px}.film-note svg{width:13px;height:13px}.mini-reference{width:73px;box-shadow:var(--shadow-card);border-width:2px;padding:5px;bottom:9px;left:0}.mini-reference>svg{width:12px;height:12px;margin-bottom:4px}.mini-portrait{height:49px}.mini-portrait:before{width:25px;height:28px;top:6px;left:16px}.mini-portrait:after{width:29px;height:16px;top:3px;left:14px}.mini-portrait>div{width:47px;height:27px;bottom:-9px;left:7px}.mini-reference>span{font-size:6px}.finished-sticker{gap:4px;padding:6px;font-size:8px;bottom:12px;right:2px}.finished-sticker svg{width:13px;height:13px}.hero-bottom{margin-top:12px;flex-wrap:wrap;gap:10px;margin-inline:-18px;padding:15px 10px;font-size:9px}.hero-bottom svg{width:12px;height:12px}.hero-bottom>span{gap:4px}.hero-bottom>span:last-child{display:none}.section-wrap{padding:55px 23px}.section-wrap h2,.final-cta h2{letter-spacing:-.05em;font-size:33px}.section-intro{margin-bottom:34px;font-size:14px}.showcase-cards{flex-direction:column;align-items:center;gap:0;padding:10px 12px 0}.showcase-card{width:85%;max-width:320px;margin-bottom:30px}.showcase-card:first-child{transform:rotate(-3deg)translate(-5px)}.showcase-card:nth-child(2){transform:rotate(3deg)translate(6px)}.showcase-card:nth-child(3){margin-bottom:5px;transform:rotate(-2deg)translate(-2px)}.showcase-frame{height:190px}.showcase-frame>svg{width:66px}.showcase-caption h3{font-size:13px}.showcase-caption{padding:15px 3px}.showcase-caption>span{display:block}.coming-tag{font-size:9px;left:10px}.showcase-disclaimer{margin-top:24px;font-size:11px}.steps-grid{grid-template-columns:1fr;gap:40px;margin:45px 0 33px}.steps-grid article{max-width:310px;margin:auto}.steps-grid h3{font-size:21px}.steps-grid article p{font-size:14px}.step-art{margin-bottom:24px}.how-section .button{font-size:14px}.simple-section{gap:25px}.simple-copy p{font-size:14px}.simple-copy li{align-items:flex-start;gap:8px;font-size:11px}.approval-scene{height:180px}.approval-illustration{max-width:94%}.faq-section{padding-top:25px;padding-bottom:60px}.faq-list{margin-top:30px}.faq-list summary{font-size:14px;line-height:1.6}.faq-list details{padding:18px 0}.faq-list details p{margin-right:15px;font-size:12px}.final-cta{padding:55px 24px}.final-cta p{font-size:14px}.site-footer{flex-direction:column;align-items:flex-start;padding:35px 24px 25px;display:flex}.site-footer>p{margin:10px 0 24px}.site-footer>div{margin-bottom:27px}.site-footer>small{font-size:10px}.studio-shell{display:block}.studio-sidebar{border-right:0;border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto;align-items:center;gap:15px;width:100%;padding:17px 19px 13px;display:grid;position:relative}.studio-sidebar .brand{font-size:23px}.workspace-label,.sidebar-tip{display:none}.studio-sidebar nav{flex-direction:row;grid-area:2/1/auto/-1;gap:10px}.studio-sidebar nav>button{flex:1;justify-content:center;padding:9px 12px;font-size:12px}.studio-sidebar nav>button>span{margin-left:5px}.sidebar-account{border:0;grid-area:1/2;margin:0;padding:0}.sidebar-account>div:nth-child(2){display:none}.sidebar-account .account-avatar{width:27px;height:27px}.sidebar-account button{padding-left:7px}.studio-main{margin:0}.studio-topbar{min-height:48px;padding:14px 20px;font-size:10px}.early-access{padding:3px 6px;font-size:8px}.studio-content{padding:23px 18px 40px}.studio-heading{gap:12px;margin:9px 0 26px}.studio-heading h1{font-size:27px;line-height:1.2}.studio-heading p{font-size:11px;line-height:1.7}.studio-kicker{font-size:10px}.heading-doodle{display:none}.create-steps{gap:9px;margin-bottom:23px;font-size:8px}.create-steps>span{gap:5px}.create-steps>i{min-width:4px}.create-steps b{width:18px;height:18px}.create-form{padding:18px 15px}.reference-grid{gap:13px}.upload-grid{gap:21px;margin-top:23px}.upload-field-label{gap:4px;font-size:10px}.upload-field-label small{font-size:8px}.upload-target{padding:12px 8px}.reference-grid .upload-target,.reference-grid .upload-selected{height:170px}.reference-grid .upload-selected>img{height:129px}.upload-target>strong{font-size:11px}.upload-target>span{font-size:9px}.upload-target>small{font-size:8px}.upload-selected>div{padding:8px;font-size:8px}.upload-selected small{display:none}.upload-guidance{gap:9px;padding:12px}.upload-guidance p{font-size:10px}.upload-guidance svg{width:16px}.consent{margin-block:19px;font-size:10px}.form-action{gap:15px;padding-top:18px}.form-action>span{font-size:8px}.generation-note{font-size:9px}.studio-footer{margin-inline:18px;padding-block:17px;font-size:9px}.studio-footer>span{max-width:170px}.notice{gap:8px;padding:13px;font-size:11px}.studio-heading .button-small{white-space:nowrap;gap:5px;padding:8px 10px;font-size:10px}.studio-heading .button-small svg{width:13px}.project-grid{grid-template-columns:1fr 1fr;gap:12px}.project-art{height:125px}.project-art>.status-pill{max-width:calc(100% - 16px);padding:3px 5px;font-size:7px;bottom:8px;left:8px}.project-card-body{padding:13px 11px}.project-card-body h2{font-size:12px}.project-card-body>span{font-size:8px}.project-card-body svg{width:12px}.empty-projects{padding:45px 18px}.empty-projects h2{font-size:22px}.processing-card{padding:30px 20px}.processing-card h2{font-size:22px}.processing-card p{font-size:12px}.approval-card,.attention-card{padding:22px}.approval-card h2,.attention-card h2{font-size:21px}.approval-card p,.attention-card p{font-size:12px}.approval-card .button{width:100%;font-size:12px}.result-header{padding:14px 17px}.result-header h2{font-size:13px}.result-footer{padding:16px}.result-footer .button{font-size:12px}.login-nav{padding:22px}.login-nav .brand{font-size:23px}.login-nav .text-link{gap:0;font-size:0}.login-nav .text-link svg{width:22px;height:22px}.login-layout{gap:25px;margin-top:25px;padding:0 22px 50px}.login-pitch h1{margin-bottom:18px;font-size:36px}.login-pitch>p{font-size:12px}.login-badge{margin-bottom:18px;font-size:9px}.login-strip{display:none}.login-card{padding:26px}.login-card h2{font-size:24px}.state-screen{padding:28px}.state-screen h1{font-size:27px}.state-screen>p,.state-screen .button{font-size:13px}}.hero-line-mask{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:clip}.hero-line{transform-origin:0 100%;display:block}.motion-toolbar{justify-content:center;min-height:36px;margin:5px 0 0;display:flex}.motion-replay{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:none}.landing-page[data-motion=enabled] .motion-replay{display:inline-flex}.motion-replay:hover{background:var(--color-accent-surface);color:var(--color-accent-text)}.landing-page .button>svg,.motion-replay>svg,.announcement a>svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.landing-page .button:focus-visible>svg,.announcement a:focus-visible>svg{transform:translate(4px)}.landing-page .button:active{transform:translateY(1px)scale(.98)}.site-header nav a{text-decoration:none;position:relative}.site-header nav a:after{content:"";background:var(--color-primary);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.site-header nav a:focus-visible:after{transform:scaleX(1)}.faq-list details{transition:border-color .2s,background-color .2s}.faq-list details[open]{background:var(--color-accent-surface);border-color:var(--color-control-border)}@supports (interpolate-size:allow-keywords){.faq-list details{interpolate-size:allow-keywords}.faq-list details::details-content{transition-behavior:allow-discrete;block-size:0;transition:block-size .3s,content-visibility .3s;overflow:clip}.faq-list details[open]::details-content{block-size:auto}}@media (hover:hover) and (pointer:fine){.landing-page .button:hover>svg,.announcement a:hover>svg{transform:translate(4px)}.motion-replay:hover>svg{transform:rotate(-35deg)}.site-header nav a:hover:after{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-line-mask{overflow:visible}.landing-page .button:active,.landing-page .button>svg,.motion-replay>svg,.announcement a>svg{transform:none!important}}
