.gesture-continuous .gesture-layout{grid-template-columns:.7fr 1.3fr;gap:32px}.motion-stage{position:relative;aspect-ratio:30/17;overflow:hidden;background:#091520}.motion-stage canvas,.motion-stage .motion-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.motion-stage canvas{opacity:0}.motion-ready canvas{opacity:1}.motion-ready .motion-poster{visibility:hidden}.motion-badge{position:absolute;top:18px;left:20px;font:500 11px/1.4 var(--font);color:#cedbe4;letter-spacing:.07em;text-transform:uppercase;pointer-events:none}.motion-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px 0;min-height:66px;color:#fff}.motion-phase{font-size:17px;line-height:1.45;max-width:85%}.motion-clock{white-space:nowrap;font:12px/1.4 ui-monospace,monospace;color:#c8d6e0;font-variant-numeric:tabular-nums}.motion-steps{display:flex;justify-content:space-between;padding:0 22px 18px;color:#b9c8d1;font-size:11px}.motion-steps .active{color:#ffdb34}.gesture-continuous .gesture-controls{padding-top:14px}.gesture-continuous .gesture-status{min-height:35px}.gesture-continuous button:disabled{opacity:.7;cursor:wait}@media(max-width:760px){.gesture-continuous .gesture-layout{grid-template-columns:1fr}.motion-phase{font-size:14px}.motion-caption{padding:16px 15px 0;min-height:62px}.motion-badge{top:10px;left:12px;font-size:9px}.gesture-continuous .gesture-controls{padding-left:15px;padding-right:15px;gap:10px}.motion-steps{padding-left:15px;padding-right:15px}.gesture-continuous .gesture-controls button{min-width:135px}.motion-clock{font-size:10px}}

.gesture-cinema .motion-stage{aspect-ratio:3/2}.gesture-cinema .motion-badge{padding:7px 10px;border-radius:30px;background:#081725b3;backdrop-filter:blur(8px)}.gesture-cinema .motion-poster{object-fit:cover}.gesture-cinema .gesture-screen{box-shadow:0 20px 60px #071c2926}