.execution-demo .chart-label{margin-top:20px}.execution-demo .market-chart{margin:10px 0 0}.execution-scene{overflow:visible}.scene-text{font-family:var(--body);font-size:8px;letter-spacing:.045em;fill:#2861a8;font-weight:600}.risk-text{fill:#ac4e5c}.target-text{fill:#14775f}.demo-layer{opacity:0;transition:opacity .6s ease}.demo-layer.is-shown{opacity:1}.draw-channel{stroke-dasharray:304;stroke-dashoffset:304;transition:stroke-dashoffset 1s ease}.demo-channel.is-shown .draw-channel{stroke-dashoffset:0}.robot-body{transform-origin:105px 180px;animation:robot-hover 5s ease-in-out infinite}.robot-eye{transform-box:fill-box;transform-origin:center;animation:robot-blink 6s infinite}.data-link{animation:data-flow 2s linear infinite;opacity:.6}.processor-light,.robot-finger{animation:processor-pulse 2s ease-in-out infinite}.input-candle{transform-box:fill-box;transform-origin:center;animation:candle-read 3s ease-in-out infinite}.input-candle:nth-child(2){animation-delay:.3s}.input-candle:nth-child(3){animation-delay:.6s}.input-candle:nth-child(4){animation-delay:.9s}.demo-status{margin:0 8px 13px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #ffffffbf;border-bottom-color:#9cbbe755;border-radius:8px;background:linear-gradient(115deg,#ffffffb0,#e7f2ff99);min-height:99px}.demo-status small{font-size:7px;color:#3565a7;letter-spacing:.13em}.demo-status b{display:block;font-size:13px;color:#1a3e71;margin-top:3px}.demo-status p{font-size:9px;color:#4f6a8f;line-height:1.7;margin-top:4px;max-width:320px}.demo-play{border:1px solid #9bb8e066;border-radius:50%;width:31px;height:31px;flex-shrink:0;background:#ffffff99;color:#2861b7;font-size:12px;display:grid;place-items:center}.demo-play:hover{background:#fff}.demo-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:0 8px 13px}.demo-steps button{background:#ffffff55;border:1px solid #ffffff99;border-radius:6px;padding:9px 3px;color:#527097;font-size:8px;line-height:1.3;transition:background .2s,border-color .2s,color .2s}.demo-steps button>span{display:block;font-size:7px;letter-spacing:.1em;margin-bottom:4px;opacity:.7}.demo-steps button[aria-pressed=true]{border-color:#6b9de8;background:#fff;color:#1d59b3;box-shadow:0 3px 12px #1a5abd0c}.demo-steps button:hover{background:#fff}.execution-demo.is-paused .robot-body,.execution-demo.is-paused .robot-eye,.execution-demo.is-paused .data-link,.execution-demo.is-paused .processor-light,.execution-demo.is-paused .robot-finger,.execution-demo.is-paused .input-candle{animation-play-state:paused}
@keyframes robot-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes robot-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.15)}}@keyframes data-flow{to{stroke-dashoffset:-36}}@keyframes processor-pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes candle-read{0%,100%{opacity:1}50%{opacity:.5}}
@media(max-width:1100px){.demo-status{margin-left:0;margin-right:0;padding:12px}.demo-status b{font-size:12px}.demo-status p{font-size:8px}.demo-steps{margin-left:0;margin-right:0}.demo-steps button{font-size:7px}.execution-demo .chart-period{font-size:8px}}
@media(max-width:560px){.execution-demo .chart-period{font-size:6px;padding:6px}.execution-demo .chart-label{margin-left:3px;margin-right:3px}.demo-status{min-height:93px;padding:11px}.demo-status b{font-size:11px}.demo-status p{font-size:8px}.demo-steps{gap:4px}.demo-steps button{font-size:7px;padding:8px 2px}.demo-status small{font-size:6px}.demo-play{width:28px;height:28px}.scene-text{font-size:8px}.execution-demo .art-caption{font-size:5px}}
@media(prefers-reduced-motion:reduce){.demo-layer,.draw-channel{transition:none}}
.input-candle{animation:none;opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}.input-candle.is-visible{opacity:1;transform:translateY(0)}.candle-numbers text{opacity:0;transition:opacity .4s}.candle-numbers text.is-visible{opacity:1}.range-label{font:7px var(--body);fill:#9cddff}.risk-note{font-size:6px;letter-spacing:.04em}.demo-status{min-height:116px}.demo-status p{max-width:345px}.draw-slice{filter:drop-shadow(0 0 3px #73dcff44)}
@media(max-width:560px){.demo-status{min-height:116px}.demo-status p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.input-candle,.candle-numbers text{transition:none}}
