/* Scroll remains available without visible bars or horizontal drift. */
html,body{max-width:100%;overflow-x:clip;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.studio-history::-webkit-scrollbar,.video-console::-webkit-scrollbar,.form-panel::-webkit-scrollbar{display:none}.sidebar,.studio-history,.video-console,.form-panel{scrollbar-width:none!important}.layout,.main,.content,.cinema-hero,.cinema-title,.cinema-stage{min-width:0;max-width:100%;box-sizing:border-box}.cinema-scene{overflow:hidden;contain:paint}.cinema-scene video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:brightness(.88)}.stage-director{bottom:110px;left:26px;max-width:440px;width:calc(100% - 52px)}.stage-watch{top:auto;left:auto;right:24px;bottom:24px;transform:none;padding:8px 20px 8px 8px;gap:12px}.stage-watch-icon{width:44px;height:44px}.reel-controls{left:26px;right:auto;bottom:27px;max-width:48%;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.reel-controls>span{font:9px/1.4 -apple-system,sans-serif;letter-spacing:.1px;color:#cde8d5}.reel-controls>div{display:flex;flex:none;gap:9px;height:auto;align-items:center}.reel-controls button{display:grid;place-items:center;min-width:26px;width:26px;height:26px;border:1px solid #bfe4c544;background:#09291cd9;border-radius:50%;padding:0;color:#d9f9e1;font-size:12px}.reel-controls button:hover{background:#367b52}.reel-controls #reel-count{font:8px monospace;color:#c9e5d1;white-space:nowrap}.reel-controls .reel-caption{max-width:200px}.stage-label{z-index:3}.stage-timecode i{display:none}
/* Translucent diagonal green-to-black blend; the live quote stays centered. */
#generate-button.generate-pill,#workflow-generate.generate-pill{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:linear-gradient(125deg,rgba(29,91,63,.68) 0%,rgba(24,75,53,.58) 35%,rgba(15,36,26,.55) 54%,rgba(8,12,10,.76) 72%,rgba(8,10,9,.8) 100%)!important;color:#e8fff2!important;border:1px solid #96dbb32b!important;backdrop-filter:blur(8px);border-radius:12px!important;min-height:48px;font-size:14px;font-weight:600;box-shadow:0 3px 0 #06170e80,inset 0 1px 0 #b0eec614!important;padding:13px 18px!important}.generate-pill>span{border:0!important;padding:0!important;flex:0 0 auto!important;display:inline-flex;align-items:center;gap:5px}.generate-pill>span+span{margin:0!important}.generate-pill:before{display:none!important}#generate-button.generate-pill:active,#workflow-generate.generate-pill:active{translate:0 2px;box-shadow:0 2px 0 #071d12!important}.generate-pill:disabled{opacity:.55}
/* Native popovers escape card/preview clipping and fit inside the viewport. */
.media-menu-panel[popover]{position:fixed!important;inset:auto;margin:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;scrollbar-width:none;z-index:1000}.media-menu-panel[popover]:popover-open{display:block}.media-menu-panel::backdrop{background:transparent}.media-menu-panel button{white-space:nowrap}.job-media:fullscreen .media-menu-panel[popover]{position:fixed}
/* Flatten the tile field into stable layers: no intersecting 3D planes or z-fighting. */
.wf-shot{transform-style:flat;backface-visibility:hidden}.wf-matrix{transform-style:flat!important;isolation:isolate;animation-name:wf-stable-matrix!important}.wf-tile{transform:translate(calc(var(--x)*145px),calc(var(--y)*145px)) rotate(-22deg) skewY(8deg)!important;backface-visibility:hidden;box-shadow:5px 7px 0 #062318,6px 8px 0 #9ce8be3b;will-change:auto}.wf-shot-two{animation-name:wf-stable-shot-two!important}.wf-shot-two .wf-cut-copy{isolation:isolate}.wf-particles{inset:-20%;transform:translate(0,0)!important;animation-name:wf-stable-particles!important;background-size:31px 31px;opacity:.3;will-change:auto}.wf-floor{display:none}.wf-film{--film-time:32s}.wf-film-rule>i{animation-duration:32s!important}.wf-film-brand{z-index:10}.wf-film-sound{position:absolute;left:30px;bottom:29px;z-index:20;background:#062217cc;border:1px solid #9ddab344;border-radius:30px;color:#bfdfc8;font:10px sans-serif;padding:11px 16px}.wf-film-sound:hover{background:#174c31}.wf-shot-four video{width:100%;height:100%;object-fit:cover;display:block}.wf-demo-generate{margin-top:12px;background:linear-gradient(125deg,rgba(29,91,63,.68),rgba(24,75,53,.58) 35%,rgba(15,36,26,.55) 54%,rgba(8,12,10,.8) 100%);color:#e8fff2;border-radius:7px;text-align:center;padding:10px;font-size:10px}.wf-film .wf-demo-settings>span{font-size:9px}.wf-shot-six{animation:wf-montage 32s both;display:flex;flex-direction:column;gap:34px}.wf-montage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:85%;perspective:1000px}.wf-montage-card{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid #a2e3bd66;border-radius:10px;background:#092217;box-shadow:0 25px 55px #0007;transform:rotate(-5deg) translateY(12px)}.wf-montage-card:nth-child(2){transform:translateY(-20px)}.wf-montage-card:nth-child(3){transform:rotate(5deg) translateY(12px)}.wf-montage-card video{width:100%;height:100%;display:block;object-fit:cover}.wf-montage-card>span{position:absolute;bottom:12px;left:15px;font:7px monospace;letter-spacing:1px;color:#e3f7ea;text-shadow:0 2px 4px #000}.wf-shot-six h2{font:500 clamp(28px,4vw,60px)/1.1 -apple-system,sans-serif;letter-spacing:-2px;margin:0}.wf-shot-six h2 em{color:#a9eac0;font-style:normal}.wf-shot-five{animation-name:wf-long-five!important}.wf-shot-four{animation-name:wf-long-four!important}.wf-shot-three{animation-name:wf-long-three!important}.wf-shot-one{animation-name:wf-long-one!important}.wf-demo-prompt p{animation-name:wf-long-type!important}.wf-demo-caption>span{animation-name:wf-long-words!important}.wf-logo-lockup>img{animation-name:wf-long-logo!important}.wf-logo-lockup h2,.wf-shot-five>p{animation-name:wf-long-logo-type!important}.wf-logo-echo{animation-name:wf-long-echo!important}.wf-output-frame>img{animation-name:wf-long-push!important}.wf-output-frame video{filter:brightness(.9)}.wf-output-scan{animation-name:wf-long-scan!important}.wf-output-frame .wf-output-settings{position:absolute;top:38px;left:20px;z-index:3;font:7px monospace;letter-spacing:.5px;color:#cef5d9}.wf-demo-console{animation-name:wf-long-console!important}.wf-film .wf-output-frame:after{pointer-events:none}
@keyframes wf-stable-matrix{0%,8%{transform:translate(-20px,15px) scale(1.08);opacity:0}15%,23%{transform:translate(0,0) scale(1);opacity:1}30%,100%{transform:translate(20px,-15px) scale(.96);opacity:0}}@keyframes wf-stable-particles{from{translate:0 35px;opacity:.2}50%{opacity:.35}to{translate:0 -35px;opacity:.2}}@keyframes wf-stable-shot-two{0%,10%{opacity:0;transform:translateY(25px)}14%,22%{opacity:1;transform:none}26%,100%{opacity:0;transform:translateY(-25px)}}@keyframes wf-long-one{0%{opacity:0;transform:translateY(25px)}3%,9%{opacity:1;transform:none}13%,100%{opacity:0;transform:translateY(-25px)}}@keyframes wf-long-three{0%,23%{opacity:0;transform:translateY(40px)}27%,38%{opacity:1;transform:none}43%,100%{opacity:0;transform:translateY(-40px)}}@keyframes wf-long-type{0%,27%{clip-path:inset(0 100% 0 0)}35%,100%{clip-path:inset(0 0 0 0)}}@keyframes wf-long-words{0%,25%{opacity:0;transform:translateY(20px)}30%,100%{opacity:1;transform:none}}@keyframes wf-long-four{0%,40%{opacity:0;transform:translateX(40px)}44%,65%{opacity:1;transform:none}69%,100%{opacity:0;transform:translateX(-40px)}}@keyframes wf-montage{0%,66%{opacity:0;transform:translateY(35px)}71%,82%{opacity:1;transform:none}86%,100%{opacity:0;transform:translateY(-35px)}}@keyframes wf-long-five{0%,84%{opacity:0;transform:scale(.95)}89%,98%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.04)}}@keyframes wf-long-logo{0%,84%{opacity:0;transform:rotate(-20deg) scale(.6)}89%,100%{opacity:1;transform:none}}@keyframes wf-long-logo-type{0%,85%{opacity:0;transform:translateX(25px)}91%,100%{opacity:1;transform:none}}@keyframes wf-long-echo{0%,84%{opacity:0;scale:1.6}88%{opacity:.8}94%,100%{opacity:0;scale:1}}@keyframes wf-long-push{0%,40%{transform:scale(1)}69%,100%{transform:scale(1.1)}}@keyframes wf-long-scan{0%,41%{transform:translateX(-150%)}48%,100%{transform:translateX(800%)}}@keyframes wf-long-console{0%,23%{transform:rotateX(12deg) rotateY(-12deg) rotateZ(-2deg)}40%,100%{transform:rotateX(0) rotateY(5deg) rotateZ(1deg)}}
@media(max-width:1000px){.stage-director{max-width:60%;bottom:112px}.stage-watch{bottom:24px;right:24px;top:auto;transform:none}.reel-controls{max-width:43%}}
@media(max-width:680px){.stage-watch{left:auto;right:20px;bottom:20px;top:auto;transform:none;font-size:10px;gap:9px;padding:7px 16px 7px 7px}.stage-watch small{font-size:4.5px;letter-spacing:.6px}.stage-watch-icon{width:35px;height:35px}.stage-director{left:20px;bottom:97px;max-width:none;width:calc(100% - 40px);padding:11px}.reel-controls{left:20px;right:20px;bottom:auto;top:49px;max-width:none;justify-content:space-between;gap:7px}.reel-controls>span{font-size:7px;max-width:135px}.reel-controls>div{gap:7px}.reel-controls button{width:22px;height:22px;min-width:22px;font-size:11px}.stage-side{display:none}.stage-title{top:105px;font-size:34px}.wf-film-sound{left:22px;bottom:25px;font-size:9px}.wf-montage-grid{width:90%;gap:7px}.wf-montage-card{aspect-ratio:3/5;border-radius:6px}.wf-montage-card>span{font-size:4px;left:7px;bottom:9px}.wf-shot-six h2{font-size:29px;text-align:center;letter-spacing:-1px}.wf-output-frame .wf-output-settings{top:27px;left:13px;font-size:5px}.wf-tile{width:80px;height:80px;transform:translate(calc(var(--x)*105px),calc(var(--y)*105px)) rotate(-22deg) skewY(8deg)!important;translate:none}.wf-film .wf-demo-settings>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.wf-matrix,.wf-particles,.wf-shot,.wf-film-rule>i{animation:none!important}.wf-shot:not(.wf-shot-five){display:none!important;opacity:0!important}.wf-shot-five{display:flex!important;opacity:1!important}}.welcome-reduced .wf-shot:not(.wf-shot-five){display:none!important;opacity:0!important}.welcome-reduced .wf-shot-five{display:flex!important;opacity:1!important}