.robot-demo{position:relative;margin-bottom:28px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--preview)}.robot-demo-label{position:absolute;top:13px;left:16px;z-index:1;color:var(--muted);font-size:10px;letter-spacing:.7px;pointer-events:none}.robot-canvas{width:100%;height:290px}.robot-play-pause{position:absolute;top:10px;right:12px;z-index:1;min-width:53px;padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.robot-play-pause:hover{color:var(--text);border-color:var(--accent)}.robot-play-pause:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.robot-play-pause:disabled{cursor:default;opacity:.6}.robot-canvas canvas{display:block;max-width:100%}.robot-unavailable{padding:90px 24px;text-align:center;color:var(--muted);font-size:13px}@media(max-width:540px){.robot-canvas{height:260px}}