/* A direct program canvas: the film supplies the character, not a fake device. */
[data-frame=signal] .monitor-assembly{padding:0;margin-top:42px}
[data-frame=signal] .monitor-assembly .hero-program{border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px -30px #0006;transform:none;overflow:hidden}
[data-frame=signal] .monitor-assembly .hero-program:before,[data-frame=signal] .monitor-assembly:after,[data-frame=signal] .monitor-bar,[data-frame=signal] .signal-path{display:none}
[data-frame=signal] .monitor-assembly .hero-screen{border:0;aspect-ratio:16/9}
.cue-deck{transform:none;box-shadow:none;border-top:0;margin:12px 0 0;border-radius:var(--r-xs);overflow:hidden;opacity:1}
.cue-deck:after{display:none}.cue-deck button{padding:21px 26px}.cue-deck .cue-take-inline{background:var(--cta-text);color:#261b12}.cue-deck .cue-take-inline:hover{background:color-mix(in srgb,var(--cta-text) 80%,white)}.cue-deck .cue-take-inline>i{color:inherit}
.compatibility{display:flex;justify-content:space-between;gap:20px;max-width:1030px;margin-inline:auto;padding-block:36px;color:var(--muted2)}
.compatibility>span{display:flex;align-items:center;gap:13px;white-space:nowrap}.compatibility svg{width:28px;height:28px;flex:none;color:var(--text)}
.replay-stage.is-playing .clip-frames>i{animation-duration:3.1s}.replay-stage.is-playing .replay-track i{animation-duration:3.1s}
.replay-stage.is-playing #replay-image{animation:replay-pan 3.2s ease-out both}@keyframes replay-pan{from{transform:scale(1.13) translateX(-2%)}to{transform:scale(1.02) translateX(0)}}
@media(max-width:760px){[data-frame=signal] .monitor-assembly{margin-top:28px}.cue-deck{margin-top:10px}.cue-deck button{padding:17px 8px}.cue-deck button>strong{font-size:21px}.compatibility{display:grid;grid-template-columns:1fr 1fr;padding-block:29px;gap:22px 14px;font-size:15px}.compatibility>span{gap:9px;white-space:normal;line-height:1.2}.compatibility svg{width:25px;height:25px}.hero-poster{object-fit:contain!important}}

.hero-mobile-scene{display:none}@media(max-width:760px){.hero-mobile-scene{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}}
.show-cues button>span,.show-caption-tag{font-size:14px}

[data-theme=light] .cue-deck .cue-take-inline{color:white}@media(max-width:760px){.monitor-assembly .mobile-play{position:static;width:100%;justify-content:center;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--text);font-size:16px!important;min-height:48px!important}}