.math-studio{background:linear-gradient(145deg,#f0f7f3,#fffdf7);border:1px solid #c7ded7;border-radius:16px;padding:22px;margin:22px 0;color:#173b45;overflow:hidden}.math-visual-title{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#32767e;font-weight:700}.math-studio svg{display:block;width:100%;max-height:310px;margin:8px auto}.math-piece{animation:math-appear .48s both;animation-delay:var(--math-delay,0ms)}@keyframes math-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.math-steps{display:grid;gap:12px}.math-step{display:flex;gap:14px;padding-top:14px;border-top:1px solid #c6dbd3;animation:math-appear .3s both}.math-step>span{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#43868b;color:white;display:grid;place-items:center;font:700 15px Arial}.math-step strong{font-size:15px}.math-equation{white-space:pre-line;font-size:clamp(20px,2.7vw,29px);font-weight:700;margin:8px 0;color:#173b45}.math-step p{font-size:14px!important;margin:0!important}.math-split{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;align-items:start}.math-split .math-studio{margin:0}.math-split>p{font-size:clamp(18px,2vw,26px)}.deck-preview:has(.math-split){aspect-ratio:auto;min-height:390px}.math-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.math-badge{font-size:12px;color:#607c7e}.questionpanel .math-studio{max-width:650px;padding:18px}.questionpanel .math-studio svg{max-height:240px}@media(max-width:850px){.math-split{grid-template-columns:1fr}.math-studio{padding:15px}.math-studio svg{max-height:260px}}@media(prefers-reduced-motion:reduce){.math-piece,.math-step{animation:none}}
