.motion-lab{margin:25px 0 30px;border:1px solid #beccef;border-radius:16px;background:linear-gradient(135deg,#f4f7ff,#fff);padding:24px;overflow:hidden}.motion-badge{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#435cac}.motion-heading h3{font-size:23px!important;margin:12px 0!important;line-height:1.4}.motion-heading h3>span{display:block;color:#5f718f;font-size:16px;font-weight:500;margin-top:7px}.motion-heading p{font-size:14px}.motion-stage{border:1px solid #dbe4f4;background:white;border-radius:12px}.motion-stage svg{display:block;width:100%;max-height:380px;overflow:visible}.motion-stage svg text{font-family:Arial,sans-serif;paint-order:stroke;stroke:white;stroke-width:4px;stroke-linejoin:round}.motion-equation{background:#eaf0ff;border-radius:10px;padding:16px;margin:14px 0;font:23px/1.9 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}.motion-equation .fraction{font-size:1em!important}.motion-caption{font-size:15px;line-height:1.9!important;color:#405674;min-height:3em}.motion-controls{display:flex;flex-wrap:wrap;gap:9px}.motion-controls button{font-size:14px;min-height:44px}.motion-slider{display:block!important;font-size:14px;margin:20px 0 8px;font-weight:600}.motion-slider input{display:block;width:100%;accent-color:#2346d5;height:32px!important}.motion-speed{display:flex;align-items:center;gap:12px;font-size:14px}.motion-speed select{width:auto;max-width:220px;font-size:14px;padding:8px 12px}.motion-status{font-size:13px;color:#65758e;min-height:1.4em}.motion-predict{background:white}.motion-thumbnail{background:#f3f6ff;border:1px solid #e0e7f6;border-radius:10px;margin:14px 0 20px;height:130px;overflow:hidden}.motion-thumbnail svg{display:block;width:100%;height:100%;max-height:130px}.motion-lab button:focus-visible,.motion-lab input:focus-visible{outline:3px solid #8096ef;outline-offset:3px}.teacher-scene [data-focus-edge],.teacher-scene [data-focus-angle]{animation:teaching-focus .5s ease-out both}@keyframes teaching-focus{from{opacity:.25;stroke-width:2}to{opacity:1}}@media(max-width:600px){.motion-lab{padding:16px 10px;margin:18px 0}.motion-heading h3{font-size:20px!important}.motion-stage svg{min-height:190px}.motion-equation{font-size:20px;padding:12px}.motion-caption{font-size:14px}.motion-controls{gap:7px}.motion-controls button{flex:1 1 130px;padding:10px 7px}.motion-thumbnail{height:120px}}@media(prefers-reduced-motion:reduce){.teacher-scene [data-focus-edge],.teacher-scene [data-focus-angle]{animation:none}.motion-lab *{scroll-behavior:auto!important}}

.motion-zoom{display:none}.motion-stage{overflow-x:auto}@media(max-width:600px){.motion-zoom{display:inline-flex;margin:8px 0;min-height:44px;font-size:13px}.motion-stage.is-zoomed svg{width:640px;min-width:640px;height:330px;max-height:none}.motion-stage.is-zoomed{overscroll-behavior-x:contain}}