.cs-canvas{position:relative;height:100%;min-height:0;background:#17181c;background-image:radial-gradient(#38343f 1px,transparent 1px);background-size:24px 24px;overflow:hidden;border-top:1px solid var(--line)}.cs-canvas-top{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;z-index:3;pointer-events:none}.cs-canvas-top h2{font-size:21px;font-weight:550;margin:6px 0}.cs-top-actions{display:flex;align-items:flex-start;gap:18px;pointer-events:auto}.cs-sync-note{font-size:11px;color:#b0a3c2;display:flex;align-items:center;gap:6px;padding-top:10px}.cs-sync-note svg{width:13px;height:13px}.cs-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;outline:none}.cs-world{position:absolute;width:5000px;height:2400px;transform-origin:0 0}.cs-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cs-wires path{stroke:#9f89b7;stroke-width:1.8;fill:none}.cs-wires path.soft{stroke:#55505c;stroke-dasharray:5 5;stroke-width:1.2}.cs-wires circle{fill:#b69bd4}.cs-node{position:absolute;border:1px solid #45414c;border-radius:14px;overflow:hidden;background:#26252d;box-shadow:0 12px 30px #0003;transition:border-color .15s}.cs-node:hover{border-color:#786887}.cs-node.moving{opacity:.85;z-index:9}.cs-node-header{min-height:45px;padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #3e3947;cursor:grab;touch-action:none;user-select:none}.cs-node-header strong{font-weight:550;font-size:13px}.cs-number,.cs-input-num{font-size:10px;letter-spacing:1px;background:#b7a0d91a;color:#cebae9;border-radius:5px;padding:3px 6px}.cs-input-num{background:none;padding:0 2px 0 0}.cs-mini-btn{margin-left:auto;border:1px solid #574b62;border-radius:6px;color:#c8b3de;font-size:10px;padding:4px 7px;background:#ac85d00a}.cs-node-dots{margin-left:auto;letter-spacing:2px;color:#8e819c}.cs-video-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#17151b;overflow:hidden;color:white}.cs-video-cover>img{width:100%;height:100%;object-fit:cover;display:block}.cs-video-cover:after,.cs-screen:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#09080cd9);pointer-events:none}.cs-play{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#352445;background:#e4d6f5ed;box-shadow:0 0 0 7px #ffffff13;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.cs-play svg{width:20px;height:20px;margin-left:2px}.cs-video-type{position:absolute;left:12px;top:10px;font-size:10px;background:#1b1b1dc9;padding:4px 7px;border-radius:5px;color:#c0dfce}.cs-video-time{position:absolute;right:12px;bottom:10px;font-size:11px;z-index:1}.cs-clip-body{padding:15px 16px}.cs-clip-body p{font-size:12px;line-height:1.8;color:#b6aebf;margin:0;min-height:40px}.cs-clip-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.cs-clip-status>span:last-child{font-size:10px;color:#908699}.cs-clip-actions{display:flex;gap:8px;margin-top:14px}.cs-clip-actions button{display:flex;gap:4px;align-items:center;padding:5px 8px;border:1px solid #49424f;border-radius:5px;color:#c2b6ce;font-size:10px}.cs-clip-actions svg{width:12px;height:12px}.cs-task-note{border-top:1px dashed #48404f;margin-top:12px;padding-top:10px;display:flex;align-items:center;gap:6px;color:#bea3dc;font-size:10px}.cs-task-note svg{width:12px;height:12px}.cs-shared-assets,.cs-character-assets{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.cs-asset-mini{text-align:left;border:0;background:none;padding:0;min-width:0;color:var(--text)}.cs-asset-mini img{display:block;width:100%;height:90px;object-fit:cover;object-position:8% 18%;border-radius:7px}.cs-asset-mini strong{font-size:12px;font-weight:500;display:block;margin-top:7px}.cs-asset-mini small{font-size:9px;color:#9e90ac;display:block;margin-top:3px}.cs-shared-assets .cs-asset-mini:nth-child(3){grid-column:1/-1}.cs-shared-assets .cs-asset-mini:nth-child(3) img{height:110px;object-position:center}.cs-node-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;color:#c6addf;padding:12px;border-top:1px solid #453c4c}.cs-node-bottom svg{width:14px;height:14px}.cs-node-muted{font-size:11px;color:#9f91ad;line-height:1.8;padding:10px}.cs-bridge{padding:0;border:0;background:#342b3f;text-align:left;width:100%;color:#c8b3df;position:relative}.cs-bridge img{display:block;width:100%;height:84px;object-fit:cover}.cs-bridge strong,.cs-bridge small{display:block;padding:8px 10px 0;font-size:11px;font-weight:500}.cs-bridge small{font-size:9px;padding:4px 10px 12px;color:#ad99bd}.cs-bridge>svg{position:absolute;bottom:12px;right:8px;width:13px;height:13px}.cs-handoff-node{border-color:#6b547d}.cs-ref-summary{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}.cs-ref-summary button{font-size:10px;text-align:left;display:flex;gap:6px;align-items:center;color:#aa9aba;padding:5px;background:#18171d50;border-radius:5px}.cs-ref-summary svg{width:12px;height:12px}.cs-text-node{display:block;padding:15px;border:0;background:none;text-align:left;width:100%;color:#d2c9db}.cs-text-node>span{font-size:12px;line-height:1.85;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:8}.cs-text-node>span.cs-prompt{-webkit-line-clamp:8;font-size:11px;color:#b4a8c0}.cs-text-node small{display:flex;align-items:center;gap:6px;color:#aa8fc4;font-size:10px;margin-top:13px}.cs-text-node svg{width:12px;height:12px}.cs-shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 13px 0}.cs-shot-grid>button{padding:0;border:0;background:none;color:#c1b4ce;min-width:0;text-align:left}.cs-shot-grid>button>span{aspect-ratio:16/9;display:block;border-radius:5px;overflow:hidden;background:#211d27}.cs-shot-grid img{display:block;width:100%;height:100%;object-fit:cover}.cs-shot-grid small{font-size:9px;display:block;padding:6px 0}.cs-provenance{font-size:10px;color:#9e91aa;line-height:1.7;padding:10px 13px}.cs-shot-grid .cs-no-shots{grid-column:1/-1;display:grid;place-items:center;gap:8px;padding:30px}.cs-generate-actions{padding:0 15px 15px;display:flex;justify-content:space-between;gap:9px}.cs-generate-actions .btn{font-size:11px}.cs-frame-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 12px 0}.cs-frame-pair>button{background:none;padding:0;border:0;min-width:0;color:#b9a8c9;text-align:left}.cs-frame-pair img,.cs-frame-pair .cs-media-placeholder{width:100%;height:94px;object-fit:cover;border-radius:6px}.cs-frame-pair small{font-size:10px;display:block;padding-top:6px}.cs-media-placeholder{background:#201c27;color:#81718e;display:flex;align-items:center;justify-content:center;gap:6px;min-height:65px}.cs-media-placeholder svg{width:19px;height:19px}.cs-media-placeholder small{font-size:10px}.cs-empty-video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#b49dc90b;color:#bda7d2;height:200px;width:100%;border:0;border-bottom:1px dashed #5d4c6b}.cs-empty-video svg{width:30px;height:30px}.cs-empty-video strong{font-size:13px;font-weight:500}.cs-empty-video span{font-size:11px;color:#93829f}.cs-group-label{position:absolute;left:60px;top:73px;display:flex;align-items:center;gap:12px}.cs-group-label strong{font-size:16px;font-weight:550}.cs-group-label>button{font-size:10px;color:#b49dc7;border:1px solid #504355;border-radius:5px;padding:5px 8px}.cs-canvas-bottom{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:14px;z-index:3;pointer-events:none}.cs-canvas-bottom>*{pointer-events:auto}.cs-clip-switch{display:flex;gap:3px;padding:4px;border:1px solid #4b4055;border-radius:10px;background:#2a2531eb;max-width:75%;overflow:auto;scrollbar-width:none}.cs-clip-switch button{font-size:11px;color:#ac9abf;border-radius:6px;padding:7px 10px;white-space:nowrap}.cs-clip-switch button.active{background:#5a436e;color:#eee0fa}.cs-zoom{display:flex;align-items:center;gap:2px;border:1px solid #4a4054;border-radius:10px;padding:4px;background:#2a2531f0}.cs-zoom button{width:30px;height:29px;display:grid;place-items:center;font-size:18px;color:#d1bce4;border-radius:5px}.cs-zoom button:hover{background:#44354f}.cs-zoom output{font-size:10px;color:#baabca;min-width:38px;text-align:center}.cs-zoom i{height:15px;width:1px;background:#4d3e58;margin:0 4px}.cs-zoom svg{width:15px;height:15px}.cs-inspector{position:absolute;right:0;top:0;bottom:0;width:340px;background:#242029;border-left:1px solid #4e405a;z-index:6;box-shadow:-12px 0 40px #0005;display:flex;flex-direction:column}.cs-inspector>header{padding:21px 20px;border-bottom:1px solid #423849;display:flex;gap:8px;justify-content:space-between}.cs-inspector h3{font-size:17px;font-weight:550;margin:6px 0 0}.cs-close{width:30px;height:30px;display:grid;place-items:center;color:#b8a6c9;flex-shrink:0}.cs-inspector-body{padding:20px;overflow:auto}.cs-inspector-body>p{font-size:12px;line-height:1.85;color:#ad9eb8}.cs-handoff-options{display:flex;flex-direction:column;gap:9px;margin-top:18px}.cs-handoff-options>button{display:flex;align-items:center;gap:10px;padding:7px;border:1px solid #4c3f58;border-radius:8px;text-align:left;color:#cdbbdf}.cs-handoff-options>button.active{border-color:#ba91e2;background:#bd91e411}.cs-handoff-options img{width:87px;height:53px;object-fit:cover;border-radius:5px}.cs-handoff-options strong{font-size:11px;display:block;font-weight:500}.cs-handoff-options small{font-size:9px;display:block;color:#9e8ab0;margin-top:5px}.cs-handoff-options svg{width:15px;height:15px;margin-left:auto}.cs-callout{padding:12px;border:1px solid #806b4c55;background:#d1a65b0a;color:#d0b78d;font-size:11px;line-height:1.8;border-radius:8px;margin:17px 0}.cs-full{width:100%}.cs-inspector-empty{padding:30px 5px;text-align:center}.cs-inspector-empty>svg{width:35px;height:35px;color:#b596d2}.cs-inspector-empty p{font-size:12px;line-height:1.8;color:#a18daa}.cs-canvas-empty{position:absolute;left:40px;top:70px;width:480px;padding:40px;background:#25212bbd;border:1px dashed #64516f;border-radius:20px}.cs-canvas-empty h3{font-size:24px;font-weight:500}.cs-canvas-empty p{font-size:14px;color:#a796b7;line-height:1.9;margin-bottom:24px}.cs-film{padding:32px clamp(20px,3vw,50px) 42px}.cs-film-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.cs-film-heading h2{font-size:27px;font-weight:550;letter-spacing:-.5px;margin:9px 0}.cs-film-heading p{font-size:12px;color:var(--muted);margin:0}.cs-film-workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:28px;align-items:start}.cs-screen{position:relative;display:block;width:100%;aspect-ratio:16/9;border:1px solid #514453;border-radius:16px;overflow:hidden;background:#151218;color:#fff;padding:0;text-align:left}.cs-screen>img{width:100%;height:100%;object-fit:cover;display:block}.cs-screen>.cs-play{width:60px;height:60px}.cs-screen-top,.cs-screen-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;z-index:2}.cs-screen-top{top:18px;font-size:10px;color:#ede1f5}.cs-screen-top span{padding:4px 7px;background:#19141db0;border-radius:5px}.cs-screen-bottom{bottom:20px;align-items:end;gap:15px}.cs-screen-bottom strong{font-size:24px;font-weight:550}.cs-screen-bottom small{font-size:10px;color:#d1c6db}.cs-film-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.cs-film-summary h3{font-size:19px;margin:0 0 7px}.cs-film-summary p{font-size:12px;line-height:1.8;color:#a99bb6;margin:0}.cs-film-alert{display:flex;align-items:flex-start;gap:9px;padding:12px 15px;background:#b18c5f0b;border:1px solid #77634c50;border-radius:8px;color:#c8ad8a;font-size:11px;line-height:1.75;margin-top:16px}.cs-film-alert svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}.cs-film-strip{display:flex;gap:12px;padding-top:25px;margin-top:22px;border-top:1px solid var(--line);overflow:auto}.cs-film-strip>button{display:flex;align-items:center;gap:11px;text-align:left;padding:8px;min-width:235px;border:1px solid #473c50;border-radius:9px;background:#25202b;color:#c8b8d6;flex:1}.cs-film-strip>button.active{border-color:#b797d7;background:#b997d810}.cs-film-strip img{width:83px;height:53px;object-fit:cover;border-radius:6px}.cs-film-strip small{font-size:9px;color:#9f8caf;display:block}.cs-film-strip strong{font-size:12px;font-weight:500;display:block;margin-top:5px}.cs-film-strip>button>svg{margin-left:auto;width:15px;height:15px;color:#cdb0ed}.cs-film-review{padding:22px;border:1px solid #443a4b;border-radius:14px;background:#26212c}.cs-film-review h3{font-size:17px;font-weight:550;margin:8px 0}.cs-film-review>p{font-size:11px;line-height:1.8;color:#a796b7}.cs-takes{display:flex;flex-direction:column;gap:9px;margin:20px 0}.cs-takes>button{display:flex;gap:10px;text-align:left;align-items:center;padding:8px;border:1px solid #4a3e55;border-radius:8px;color:#cab8db}.cs-takes>button.active{border-color:#b897dc;background:#b694d912}.cs-takes img{width:69px;height:52px;object-fit:cover;border-radius:5px}.cs-takes strong{font-size:11px;font-weight:500;display:block}.cs-takes small{font-size:9px;color:#9f8bad;display:block;margin-top:5px}.cs-takes em{font-size:9px;color:#c3a1e3;display:block;font-style:normal;margin-top:5px}.cs-film-meta{margin:18px 0}.cs-film-meta>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-bottom:1px solid #403547;padding:10px 0}.cs-film-meta dt{color:#9f8eae}.cs-film-meta dd{margin:0;text-align:right;color:#c2b1d0}.cs-film-review>.btn{margin-top:9px;font-size:12px}.cs-film-review .cs-provenance{padding:7px 0 0;font-size:10px}.cs-film-empty{padding:90px 25px;text-align:center;max-width:650px;margin:auto}.cs-film-empty>div{width:78px;height:78px;display:grid;place-items:center;background:#b99ad51a;border:1px solid #8c6dab55;border-radius:22px;margin:30px auto;color:#c5a8df}.cs-film-empty>div>svg{width:30px;height:30px}.cs-film-empty h2{font-weight:550;font-size:28px}.cs-film-empty p{font-size:14px;line-height:1.9;color:#a696b5;margin:20px 0 26px}@media(max-width:1050px){.cs-film-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.cs-film{padding:25px 22px}.cs-film-review{padding:17px}.cs-sync-note{display:none}.cs-canvas-top h2{font-size:18px}.cs-film-heading h2{font-size:24px}}@media(max-width:760px){.cs-canvas{height:100%;min-height:0}.cs-canvas-top{left:17px;right:17px;top:18px}.cs-canvas-top h2{font-size:16px}.cs-top-actions .btn{padding:7px;font-size:10px}.cs-canvas-bottom{left:12px;right:12px;bottom:14px;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cs-clip-switch{max-width:100%;width:100%;order:1}.cs-zoom{order:2}.cs-inspector{width:min(340px,100%)}.cs-film-heading{align-items:flex-start}.cs-film-heading h2{font-size:20px}.cs-film-heading p{font-size:11px;line-height:1.7}.cs-film-heading>.btn{font-size:10px;padding:9px;flex-shrink:0}.cs-film-workspace{display:block}.cs-film-review{margin-top:24px}.cs-film{padding:22px 16px}.cs-screen-bottom{left:15px;right:15px;bottom:13px}.cs-screen-bottom strong{font-size:18px}.cs-screen-bottom small{font-size:9px}.cs-screen-top{left:13px;right:13px;top:12px}.cs-film-summary{align-items:flex-start}.cs-film-summary h3{font-size:17px}.cs-film-summary p{font-size:11px}.cs-film-strip>button{min-width:235px}.cs-film-empty{padding:55px 20px}.cs-film-empty h2{font-size:23px}.cs-film-empty p{font-size:12px}.cs-canvas-empty{width:300px;padding:24px}.cs-canvas-empty h3{font-size:20px}.cs-canvas-empty p{font-size:12px}}

/* Keep the expanded workspace readable inside the project's real viewport. */
.cs-canvas.is-expanded .cs-group-label{display:none}
.cs-canvas.is-expanded .cs-node-header{min-height:38px;padding:8px 12px}
.cs-canvas.is-expanded .cs-node-header strong{font-size:14px}
.cs-canvas.is-expanded .cs-character-assets{gap:10px;padding:10px 12px}
.cs-canvas.is-expanded .cs-character-assets .cs-asset-mini img{height:64px}
.cs-canvas.is-expanded .cs-character-assets .cs-asset-mini strong{margin-top:5px;font-size:13px}
.cs-canvas.is-expanded .cs-character-assets .cs-asset-mini small{margin-top:2px;font-size:10px}
.cs-canvas.is-expanded .cs-ref-summary{flex-direction:row;padding:0 12px 10px;gap:5px;overflow:hidden;max-height:36px}
.cs-canvas.is-expanded .cs-ref-summary button{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:1;min-width:0;font-size:10px;padding:4px 6px}
.cs-canvas.is-expanded .cs-ref-summary svg{display:none}
.cs-canvas.is-expanded .cs-text-node{padding:12px}
.cs-canvas.is-expanded .cs-text-node>span{font-size:13px;line-height:1.7;-webkit-line-clamp:5}
.cs-canvas.is-expanded .cs-text-node>span.cs-prompt{font-size:12px;line-height:1.75;-webkit-line-clamp:5}
.cs-canvas.is-expanded .cs-text-node small{font-size:11px;margin-top:11px}
.cs-canvas.is-expanded .cs-shot-grid{gap:7px;padding:10px 10px 0}
.cs-canvas.is-expanded .cs-shot-grid>button>span{height:64px;aspect-ratio:auto}
.cs-canvas.is-expanded .cs-shot-grid small{font-size:10px;padding:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cs-canvas.is-expanded .cs-provenance{font-size:10px;padding:8px 10px;line-height:1.5}
.cs-canvas.is-expanded .cs-output .cs-clip-body{padding:8px 12px}
.cs-canvas.is-expanded .cs-output .cs-clip-body>p{display:none}
.cs-canvas.is-expanded .cs-output .cs-clip-status{margin-top:0}
.cs-canvas.is-expanded .cs-output .cs-task-note{margin-top:7px;padding-top:7px}
.cs-canvas.is-expanded .cs-output .cs-generate-actions{padding:2px 12px 10px}
.cs-canvas.is-expanded .cs-output .cs-generate-actions .btn{min-height:29px;font-size:11px;padding:6px 9px}
.cs-canvas.is-expanded .cs-output .cs-play{width:42px;height:42px}
.cs-canvas.is-expanded .cs-frame-pair{padding:10px 10px 0;gap:10px}
.cs-canvas.is-expanded .cs-frame-pair img,.cs-canvas.is-expanded .cs-frame-pair .cs-media-placeholder{height:52px;min-height:52px}
.cs-canvas.is-expanded .cs-frame-pair small{font-size:10px;padding-top:5px}
.cs-canvas.is-expanded [data-node="frames"] .cs-provenance{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.cs-canvas-top{gap:8px}.cs-top-actions{gap:6px}.cs-canvas.is-expanded .cs-canvas-top .eyebrow{font-size:8px}.cs-canvas.is-expanded .cs-top-actions .ghost{display:none}}

/* Touch workspaces retain a readable camera; zooming out is an explicit action. */
.cs-canvas{min-width:0;overscroll-behavior:none}
.cs-canvas-top{left:max(28px,env(safe-area-inset-left,0px));right:max(28px,env(safe-area-inset-right,0px))}
.cs-canvas-top>div:first-child{min-width:0}
.cs-canvas-top h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-stage:focus-visible{outline:2px solid #b99bd8;outline-offset:-3px}
.cs-canvas-bottom{left:max(25px,env(safe-area-inset-left,0px));right:max(25px,env(safe-area-inset-right,0px));bottom:max(20px,env(safe-area-inset-bottom,0px))}
.cs-canvas-tools{display:flex;align-items:center;gap:8px;pointer-events:auto;min-width:0}
.cs-node-picker{display:none;min-width:0;max-width:148px;align-items:center;background:#2a2531f0;border:1px solid #4a4054;border-radius:10px;color:#d1bce4}
.cs-node-picker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cs-node-picker select{min-width:0;width:100%;height:46px;padding:8px 26px 8px 10px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:16px;outline-offset:-3px}
.cs-node-picker option{background:#2a2531;color:#e5d8ef}
.cs-clip-switch{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}
.cs-canvas button,.cs-film button,.cs-film a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cs-stage button{touch-action:none}
.cs-node-header{-webkit-user-select:none}
.cs-node-header:active{cursor:grabbing}
.cs-canvas button:focus-visible,.cs-film button:focus-visible,.cs-film a:focus-visible{outline:2px solid #c6a6e8;outline-offset:3px}
.cs-inspector{padding-right:env(safe-area-inset-right,0px)}
.cs-inspector>header{flex-shrink:0}
.cs-inspector-body{min-height:0;padding-bottom:max(24px,env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cs-film{padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))}
.cs-film-main,.cs-film-review{min-width:0}
.cs-screen-top span:last-child{max-width:64%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-film-strip{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.cs-film-summary>div{min-width:0}
.cs-film-summary .tag{flex-shrink:0}
@media(max-width:980px){
 .cs-film-workspace{grid-template-columns:minmax(0,1fr)}
 .cs-film-review{margin-top:6px}
 .cs-takes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
}
@media(any-pointer:coarse){
 .cs-node-picker{display:flex;flex:1}
 .cs-canvas-bottom{flex-wrap:wrap}
 .cs-clip-switch{flex:1;min-width:180px;max-width:none}
 .cs-canvas-tools{flex-shrink:0}
 .cs-clip-switch button,.cs-top-actions .btn,.cs-close,.cs-inspector .btn,.cs-film .btn{min-height:44px}
 .cs-clip-switch button{font-size:13px;padding:9px 12px}
 .cs-zoom button{width:44px;height:44px}
 .cs-zoom output{font-size:12px}
 .cs-close{width:44px}
 .cs-canvas .cs-node-header,.cs-canvas.is-expanded .cs-node-header{min-height:56px;padding:6px 12px}
 .cs-node-header strong,.cs-canvas.is-expanded .cs-node-header strong{font-size:15px}
 .cs-mini-btn{min-height:52px;min-width:58px;font-size:13px;padding:9px}
 .cs-clip-actions{gap:7px}
 .cs-clip-actions button{min-height:52px;font-size:13px;flex:1;justify-content:center;padding:8px 7px}
 .cs-canvas.is-expanded .cs-output .cs-generate-actions .btn{min-height:52px;font-size:13px;padding:9px}
 .cs-canvas.is-expanded .cs-ref-summary{max-height:none}
 .cs-canvas.is-expanded .cs-ref-summary button{min-height:44px;font-size:12px}
 .cs-canvas.is-expanded .cs-text-node>span{font-size:14px}
 .cs-canvas.is-expanded .cs-text-node>span.cs-prompt{font-size:13px}
 .cs-frame-pair>button{min-height:70px}
 .cs-node-bottom{min-height:52px;font-size:13px}
 .cs-handoff-options>button{min-height:72px}
 .cs-handoff-options strong,.cs-takes strong{font-size:13px}
 .cs-handoff-options small,.cs-takes small,.cs-takes em{font-size:11px}
 .cs-film-review>.btn{font-size:14px}
 .cs-film-strip>button{min-height:78px}
}
@media(max-width:760px){
 .cs-canvas{height:100%;min-height:0}
 .cs-canvas-top{top:14px;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px))}
 .cs-canvas-top>div:first-child{flex:1}
 .cs-top-actions{flex-shrink:0}
 .cs-top-actions .btn{min-height:44px;padding:8px 10px;font-size:12px}
 .cs-canvas-bottom{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));gap:8px}
 .cs-clip-switch{max-width:100%;width:100%;flex:initial;order:1}
 .cs-canvas-tools{order:2;width:100%;justify-content:space-between}
 .cs-node-picker{display:flex;flex:1}
 .cs-zoom{order:initial;flex-shrink:0}
 .cs-zoom button{width:44px;height:44px}
 .cs-clip-switch button{min-height:44px;font-size:12px}
 .cs-inspector{width:100%;border-left:0;padding-left:env(safe-area-inset-left,0px)}
 .cs-inspector>header{padding:16px}
 .cs-inspector h3{font-size:18px}
 .cs-inspector-body{padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
 .cs-close{width:44px;height:44px}
 .cs-inspector-body>p{font-size:14px}
 .cs-handoff-options strong{font-size:13px}
 .cs-handoff-options small{font-size:11px}
 .has-inspector .cs-stage{pointer-events:none}
 .has-inspector .cs-canvas-top,.has-inspector .cs-canvas-bottom{visibility:hidden}
 .cs-film{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .cs-film-heading{flex-wrap:wrap;gap:16px}
 .cs-film-heading>.btn{min-height:44px;font-size:12px}
 .cs-film-review{margin-top:24px}
 .cs-screen-bottom{align-items:flex-start;flex-direction:column;gap:4px}
 .cs-film-summary{flex-wrap:wrap}
 .cs-film-summary p{font-size:13px}
 .cs-film-alert{font-size:12px}
 .cs-canvas-empty{width:min(300px,calc(100vw - 48px));left:24px}
}
@media(any-pointer:coarse) and (max-height:540px) and (min-width:600px){
 .cs-canvas-top{top:8px}
 .cs-canvas-top .eyebrow{display:none}
 .cs-canvas-top h2{font-size:16px;margin:8px 0}
 .cs-canvas-bottom{bottom:max(8px,env(safe-area-inset-bottom,0px));gap:8px;flex-wrap:nowrap}
 .cs-clip-switch{width:auto;min-width:160px;max-width:44%;flex:1}
 .cs-canvas-tools{width:auto;flex:1;max-width:360px}
 .cs-node-picker{max-width:130px}
}

/* Short phones keep the complete result and its actions above the dock. */
@media(max-width:760px) and (max-height:720px){
 .cs-canvas.is-expanded .cs-output .cs-video-cover{height:160px;aspect-ratio:auto}
 .cs-canvas.is-expanded .cs-output .cs-video-cover>img{object-fit:contain}
 .cs-canvas.is-expanded .cs-output .cs-clip-body{padding:6px 10px}
 .cs-canvas.is-expanded .cs-output .cs-generate-actions{padding:0 10px 8px}
 .cs-canvas.is-expanded .cs-output .cs-task-note{margin-top:5px;padding-top:5px;font-size:10px}
}