#action-space-explainer{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;margin:30px 0 0;color:var(--ink);font-family:var(--font-sans);font-size:15px}
.as-shared{display:flex;gap:20px;align-items:center;justify-content:center;padding:27px 30px;border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:15px;line-height:1.6}.as-shared b{color:var(--orange);font-size:24px}.as-shared strong{color:var(--blue);font-size:20px;font-weight:600;letter-spacing:-.02em}
.as-dimensions{display:grid;grid-template-columns:23fr 10fr 23fr;margin:28px 34px 0;gap:8px}.as-dimensions button{font:inherit;font-size:var(--control-font-size);font-weight:600;min-height:44px;text-align:left;display:flex;justify-content:space-between;gap:10px;padding:17px 20px;background:#fff;color:var(--body);border:1px solid var(--line);border-radius:8px;cursor:pointer}.as-dimensions button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);border-color:var(--blue)}.as-dimensions button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.as-dimensions button b{font-weight:600}.as-dimensions button span{font-weight:400;color:var(--muted)}.as-dimensions button[aria-pressed=true] span{color:var(--blue)}.as-dimensions button:hover{background:var(--blue-soft);border-color:var(--blue)}.as-body{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:14px 34px 26px;gap:36px}.as-drawing{position:relative}.as-drawing svg{width:100%;height:auto;display:block}.as-labels{fill:var(--body);font-family:var(--font-sans)}.as-labels path{stroke:var(--line)}.as-schematic{display:block;color:var(--muted);text-align:center;font-size:12px;margin-top:-8px}.as-description h4{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:15px 0}.as-description p{font-size:15px;line-height:1.65;color:var(--body);max-width:620px}.as-description .as-note{font-size:12px;border-left:3px solid var(--blue);padding-left:15px;margin:20px 0}#action-space-explainer .as-mask{padding:22px 34px;margin:0;background:var(--pale);border-top:1px solid var(--line);font-size:15px;line-height:1.7;color:var(--body)}.as-base,.as-head rect:first-child{fill:var(--blue-soft);stroke:var(--muted);stroke-width:3}.as-arm{fill:none;stroke:var(--muted);stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.as-arm circle{fill:white;stroke:var(--muted);stroke-width:3}.as-arm .as-hand{stroke-width:5}.as-eef-targets,.as-eef-path{color:var(--blue);opacity:0}.as-chassis-path{color:var(--orange);opacity:0}.as-left{transform-origin:238px 141px}.as-right{transform-origin:326px 141px}.as-robot{transform-origin:280px 300px}
[data-as-active=eef] .as-eef-targets,[data-as-active=eef] .as-eef-path{opacity:1}[data-as-active=eef] .as-hand{stroke:var(--blue)}[data-as-active=eef] .as-left{animation:as-left-arm 4s ease-in-out infinite}[data-as-active=eef] .as-right{animation:as-right-arm 4s ease-in-out infinite}[data-as-active=joint] .as-arm circle{fill:var(--orange);stroke:white}[data-as-active=joint] .as-left{animation:as-left-arm 4s ease-in-out infinite}[data-as-active=joint] .as-right{animation:as-right-arm 4s ease-in-out infinite}[data-as-active=chassis] .as-chassis-path{opacity:1}[data-as-active=chassis] .as-base{fill:var(--orange-soft);stroke:var(--orange)}[data-as-active=chassis] .as-robot{animation:as-base-move 4s ease-in-out infinite}
@keyframes as-left-arm{0%,100%{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes as-right-arm{0%,100%{transform:rotate(0)}50%{transform:rotate(-10deg)}}@keyframes as-base-move{0%,100%{transform:translateX(-12px) rotate(-2deg)}50%{transform:translateX(12px) rotate(2deg)}}
@media(max-width:760px){.as-body{grid-template-columns:1fr;padding:8px 20px 24px;gap:10px}.as-drawing{max-width:500px;width:100%;margin:auto}.as-dimensions{margin:22px 20px 0;grid-template-columns:1fr 1fr 1fr}.as-dimensions button{flex-direction:column;padding:13px 12px;gap:3px}.as-shared{gap:10px;font-size:15px;padding:22px 20px}.as-shared strong{flex-basis:100%;text-align:center}.as-shared b:last-of-type{display:none}#action-space-explainer .as-mask{padding:20px}}
@media(prefers-reduced-motion:reduce){#action-space-explainer *{animation:none!important}}