.dx-motion{margin:8px 0;padding:8px;border:1px solid var(--rule);border-radius:6px;background:var(--paper);color:var(--ink)}
.dx-motion svg{display:block;width:100%;height:auto;overflow:visible;color:var(--ink);font-family:inherit}
.dx-motion figcaption{margin-top:5px;font-size:12px;line-height:1.4}
.dx-motion .dx-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.dx-motion button{font:inherit;font-size:14px;min-height:44px;padding:6px 12px;border:1px solid var(--rule);border-radius:4px;color:var(--ink);background:var(--paper-warm);cursor:pointer}
.dx-motion button:focus-visible{outline:3px solid var(--guide-red);outline-offset:3px}
.dx-motion button:disabled{cursor:default}
.dx-wave-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dx-motion .dx-ink{stroke:var(--ink);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dx-motion .dx-red{stroke:var(--guide-red);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@media screen and (max-width:700px){.dx-wave-grid{grid-template-columns:1fr}.dx-motion figcaption{font-size:14px}.dx-motion{padding:8px}}
@media print{.dx-motion{padding:4px;margin:5px 0;break-inside:avoid}.dx-motion .dx-controls,.dx-motion [data-dx-toggle],.dx-motion [data-dx-replay]{display:none!important}.dx-wave-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dx-motion figcaption{font-size:7pt;line-height:1.25}}