.guide-demo{border:1px solid #b6c8c0;border-radius:16px;background:#fff;padding:16px;display:grid;gap:12px;margin-block:16px;overflow-wrap:anywhere}.guide-demo p{margin:0;line-height:1.55}.gd-stage{display:block;width:100%;max-width:660px;height:auto;margin:auto}.gd-label{font:600 16px system-ui;fill:#193842}.gd-card-label{font:600 13px system-ui;fill:#193842}.gd-speech-label{font:500 15px system-ui;fill:#193842}.gd-caption{font-weight:650;border-left:4px solid #658875;padding:10px 14px;background:#f2f6f3}.gd-controls{display:flex;gap:8px;flex-wrap:wrap}.gd-controls button{min-height:48px;max-width:100%;white-space:normal}.guide-demo[data-motion=true] .gd-object-motion{animation:gd-car 3s ease-in-out infinite;animation-play-state:paused}.guide-demo[data-motion=true] .gd-pointer{animation:gd-point 3s ease-in-out infinite;animation-play-state:paused}.guide-demo[data-motion=true] .gd-active-card rect{animation:gd-focus 3s ease-in-out infinite;animation-play-state:paused}.guide-demo[data-motion=true] .gd-wait,.guide-demo[data-motion=true] .gd-rest{animation:gd-rest 4s ease-in-out infinite;animation-play-state:paused}.guide-demo[data-motion=true] .gd-pour{animation:gd-pour 3s ease-in-out infinite;animation-play-state:paused}.guide-demo[data-playing=true] .gd-object-motion,.guide-demo[data-playing=true] .gd-pointer,.guide-demo[data-playing=true] .gd-active-card rect,.guide-demo[data-playing=true] .gd-wait,.guide-demo[data-playing=true] .gd-rest,.guide-demo[data-playing=true] .gd-pour{animation-play-state:running}.guide-demo[data-motion=false] *{animation:none!important;transition:none!important}@keyframes gd-car{0%,100%{transform:translateX(-20px)}50%{transform:translateX(20px)}}@keyframes gd-point{0%,100%{transform:translateY(6px)}50%{transform:translateY(-7px)}}@keyframes gd-focus{0%,100%{fill:#fff}50%{fill:#dceadf}}@keyframes gd-rest{0%,100%{opacity:.6}50%{opacity:1}}@keyframes gd-pour{0%,100%{transform:translateY(-10px);opacity:.3}50%{transform:translateY(9px);opacity:1}}@media(prefers-reduced-motion:reduce){.guide-demo *{animation:none!important;transition:none!important}}@media(max-width:520px){.guide-demo{padding:10px}.gd-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gd-controls button{padding:10px;font-size:14px}.gd-controls button:last-child{grid-column:1/-1}}