/* A visible pause control keeps the automatic demonstration optional. */
.compare-bottom{align-items:center;gap:18px}
.compare-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}
.compare-actions .drag-hint{line-height:1.6}
.compare-motion-toggle{flex-shrink:0;min-height:38px;padding:9px 13px;border:1px solid #747781;border-radius:4px;background:#292b32;color:#f6f4ec;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap;transition:background .2s,border-color .2s}
.compare-motion-toggle:hover{background:#3c3f49;border-color:#e4ff55}
.compare-motion-toggle:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.compare-motion-toggle[hidden]{display:none}
@media(max-width:1100px){.compare-bottom{flex-wrap:wrap}.compare-actions{margin-left:auto;gap:13px}}
@media(max-width:600px){.compare-bottom{gap:12px;padding:14px 10px 12px}.compare-bottom>span{font-size:10px}.compare-actions{width:100%;justify-content:space-between;margin-left:0;gap:10px}.compare-bottom .drag-hint{display:flex;max-width:185px;font-size:10px;gap:6px}.compare-actions .drag-hint>span{font-size:18px;flex-shrink:0}.compare-motion-toggle{font-size:10px;min-height:36px;padding:8px 9px}}