.robot-figure{margin:0;width:100%;color:#dceaf3}.robot-diagram{background:radial-gradient(ellipse at 50% 35%,#183542,#0b1928 77%);border:1px solid #34535d;border-radius:14px;overflow:hidden;padding:14px 7px 5px}.robot-index{display:block;font:10px ui-monospace,monospace;letter-spacing:2px;color:#9fb6c3;padding:0 12px}.robot-figure svg{display:block;width:100%;height:auto;max-height:none;fill:none;stroke:none}.robot-figure svg text{fill:#dceaf3;stroke:none;font:14px 'Helvetica Neue',Arial,sans-serif;text-anchor:middle}.robot-figure svg .caption{fill:#a7c9d3;font-size:13px}.robot-figure figcaption{font-size:14px;line-height:1.6;color:#b1c3d0;margin-top:14px}.robot-figure .metal{fill:#35576a;stroke:#8da8b7;stroke-width:2}.robot-figure .motor-inner{fill:#101d2b;stroke:#557d90;stroke-width:2}.robot-figure .ground,.robot-figure .axes{stroke:#6b8698;stroke-width:2}.robot-figure .arm-link{stroke:#90adbd;stroke-width:20;stroke-linecap:round}.robot-figure .forearm{stroke:#5e849a;stroke-width:16}.robot-figure .arm-shadow{stroke:#16232e;stroke-width:24;opacity:.35}.robot-figure .joint{fill:#112c3b;stroke:#b1d9e0;stroke-width:3}.robot-figure .axle{fill:#e1bf71}.robot-figure .gripper{stroke:#c0d7df;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.robot-figure .cable{stroke:#476578;stroke-width:4}.robot-figure .workpiece{fill:#deb55d;stroke:#ffe3a3;stroke-width:1.5}.robot-figure .shaft{stroke:#bcd1da;stroke-width:10;stroke-linecap:round}.robot-figure .coil{stroke:#e39e71;stroke-width:6;stroke-linecap:round}.robot-figure .rotor-body{fill:#79bac9;stroke:#addef0;stroke-width:2}.robot-figure .spin-arrow{stroke:#e5be6c;stroke-width:2.5;stroke-dasharray:5 4}.robot-figure .plate{fill:#173242;stroke:#7995a9;stroke-width:1.5}.robot-figure .flow{stroke:#89d6d8;stroke-width:3;stroke-dasharray:6 5;animation:robot-signal 1.8s linear infinite}.robot-figure .return-flow{stroke:#e6c475}.robot-figure .signal-dot{fill:#d7f4f1}.robot-figure .air{fill:#7297bb;opacity:.45}.robot-figure .oil{fill:#b89343;opacity:.65}.robot-figure .piston-head{stroke:#c5dde6;stroke-width:8}.robot-figure .piston{animation:robot-piston 4s ease-in-out infinite}.robot-figure .p1{animation-delay:-2s}.robot-figure .gear{fill:#35566a;stroke:#aec6d1;stroke-width:2}.robot-figure .gear circle:first-of-type{fill:#122735}.robot-figure .gear circle:last-child{fill:#e1bc69;stroke:none}.robot-figure .fast,.robot-figure .rotor{animation:robot-spin 8s linear infinite}.robot-figure .slow{animation:robot-spin 16s linear infinite reverse}.robot-figure .encoder-disc{animation:robot-spin 18s linear infinite}.robot-figure .encoder-tick{stroke:#dce5e8;stroke-width:5}.robot-figure .sensor{fill:#6fbecb;stroke:#c2e8ed;stroke-width:2}.robot-figure .beam{stroke:#e9bc71;stroke-width:3}.robot-figure .wave{stroke:#8ee0d9;stroke-width:3}.robot-figure .bolt{fill:#e8bf71}.robot-figure .load-arrow{stroke:#e8bf71;stroke-width:3}.robot-figure .workspace{stroke:#466171;stroke-width:1.5;stroke-dasharray:5 5}.robot-figure .ghost-link{stroke:#859ead;stroke-width:10;stroke-dasharray:7 7;opacity:.5}.robot-figure .target-ring{stroke:#e8bf71;stroke-width:2}.robot-figure .gridline{stroke:#263e4f;stroke-width:1}.robot-figure .obstacle{fill:#5f4a43;stroke:#be8a75;stroke-width:2}.robot-figure .planned-path{stroke:#87ddce;stroke-width:3}.robot-figure .traveller{fill:#c4fff1;stroke:#1b786e;stroke-width:3}.robot-figure .safe-zone{fill:#163038;stroke:#77bca0;stroke-width:2;stroke-dasharray:6 6}.robot-figure .safety-line{stroke:#d7b369;stroke-width:2;stroke-dasharray:7 5}.robot-figure .person{fill:#dfbb77}.robot-figure .person-line{stroke:#dfbb77;stroke-width:8;stroke-linecap:round}.robot-figure .stop{fill:#995956;stroke:#f0c1b9;stroke-width:2}.robot-figure .stop-x{stroke:#ffe3dd;stroke-width:2}.robot-figure .scan-cone{fill:#85dcd113;stroke:#7bd7ca;stroke-width:1;stroke-dasharray:3 4}.robot-figure .scan-line{stroke:#74cabe55;stroke-width:2}
@keyframes robot-spin{to{transform:rotate(360deg)}}@keyframes robot-piston{50%{transform:translateY(22px)}}@keyframes robot-signal{to{stroke-dashoffset:-33}}
@media(prefers-reduced-motion:reduce){.robot-figure *{animation:none!important}.robot-figure .traveller{display:none}}

.robot-figure .winding{fill:#b87551;stroke:#efbd96;stroke-width:1.5}.robot-figure .heat{stroke:#d9a377;stroke-width:2;fill:none}.robot-figure .holding{animation:none}
@media(max-width:650px){.robot-figure svg text{font-size:18px}.robot-figure svg .caption{font-size:16px}.quick-experiment:has(.robot-figure){padding:0}.robot-figure .robot-diagram{padding-inline:2px}}