/* Audio strips use real peaks; the canvas is confined to the basic visual panel. */
#basic-decoration.basic-motion{position:fixed;transform:none;left:max(50%,calc(175px + 37vw + 30px));right:0;top:0;width:auto;height:100svh;min-height:0;opacity:1;overflow:hidden;pointer-events:auto}
.basic-motion-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}
.basic-motion .motion-audio{position:absolute;font-size:clamp(16px,1.7vw,26px);z-index:1;background:#0009;padding:4px 8px;line-height:1.2}
.basic-motion .motion-audio:disabled{opacity:.65;cursor:default}
.basic-motion .motion-audio[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
.basic-motion .motion-a{left:86px;top:0}.basic-motion .motion-b{right:0;top:43%}.basic-motion .motion-c{left:48px;bottom:0}.basic-motion .motion-d{left:48%;bottom:0}
@media(max-width:1100px) and (min-width:761px){#basic-decoration.basic-motion{left:62%;width:38%}}
@media(max-width:760px){#basic-decoration.basic-motion{display:block;position:relative;left:auto;right:auto;width:calc(100% - 44px);height:55svh;min-height:320px;margin:100px 22px 0}.basic-motion:not([hidden])~.work-area{padding-top:30px}.basic-motion .motion-audio{font-size:17px}}
@media(prefers-reduced-motion:reduce){.basic-motion-canvas{cursor:default}}