.prep-motion{display:grid;grid-template-columns:minmax(64px,1fr) auto;align-items:center;gap:12px;min-height:64px;width:100%;margin:0 0 12px;overflow:hidden}
.prep-motion__copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding-left:2px}
.prep-motion__word{font-family:MusicStagePixel11,monospace!important;font-size:36px;font-weight:400;line-height:48px;letter-spacing:0;white-space:nowrap;color:#5a475c}
.prep-motion__word span{display:inline-block;font:inherit;animation:prep-word-arrive 360ms steps(3,end) both;animation-delay:calc(var(--letter)*45ms)}
.prep-motion[data-ready="true"] .prep-motion__word{color:#548c79}
.prep-motion__pips{display:flex;gap:4px;height:5px;align-items:center}
.prep-motion__pips i{display:block;width:5px;height:5px;background:#d5cbbd;opacity:.35}
.prep-motion__pips i[data-present="true"]{opacity:1;background:#b9b0bf}
.prep-motion__pips i[data-on="true"]{background:#81ad96}
.prep-motion__scene{justify-self:end;min-width:0;line-height:0}
.prep-motion__canvas{display:block;width:256px;height:104px;image-rendering:pixelated;image-rendering:crisp-edges;max-width:none}
.prep-motion[data-compact="true"]{min-height:56px}
.prep-motion[data-compact="true"] .prep-motion__canvas{width:128px;height:52px}
.prep-motion[data-compact="true"] .prep-motion__word{font-size:24px;line-height:36px}
.prep-motion[data-busy="true"] .prep-motion__pips{opacity:.55}
@keyframes prep-word-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.prep-motion__word span{animation:none;transform:none;opacity:1}}

.prep-motion[data-reduced="true"] .prep-motion__word span{animation:none;transform:none;opacity:1}