.robotics-tool-page .frame{width:min(100% - 2rem, var(--frame))}.arm-page{padding:clamp(1.5rem,4vw,3rem) 0 clamp(4rem,8vw,7rem)}.tool-status{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.tool-status[data-state=error]{clip:auto;white-space:normal;width:auto;height:auto;color:var(--action);font:var(--label)/1.5 var(--mono);margin:0 0 .9rem;position:static;overflow:visible}.arm-viewport{--stage-bg:var(--px-0);--stage-ink:var(--px-3);--stage-dim:var(--px-2);--stage-rule:var(--px-1);--stage-gold:var(--px-3);background:var(--stage-bg);border:var(--px) solid var(--stage-rule);height:clamp(28rem,82vh,50rem);color:var(--stage-ink);touch-action:pan-y;isolation:isolate;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.arm-viewport:focus-visible{outline:var(--px) solid var(--stage-ink);outline-offset:calc(var(--px) * -2)}.arm-viewport canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.viewer-loading{color:var(--stage-dim);font:var(--label)/1.5 var(--mono);place-items:center;display:grid;position:absolute;inset:0}.arm-tcp{z-index:1;font:var(--t1)/1.5 var(--mono);font-variant-numeric:tabular-nums;pointer-events:none;gap:.15rem;display:grid;position:absolute;top:clamp(1rem,2.4vw,1.9rem);left:clamp(1rem,2.4vw,1.9rem)}.arm-tcp span{grid-template-columns:1.4rem 4.6rem;align-items:baseline;display:grid}.arm-tcp i{font-style:normal}.arm-tcp b{text-align:right;font-weight:400}.arm-tcp i{color:var(--stage-dim)}.arm-options{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;max-width:60%;display:flex;position:absolute;top:clamp(1rem,2.4vw,1.9rem);right:clamp(1rem,2.4vw,1.9rem)}.arm-options button{min-height:2.25rem;color:var(--stage-dim);font:var(--t1)/1 var(--mono);cursor:pointer;background:0 0;border:0;padding:0 .9rem}.arm-options .option-button{border:var(--px) solid var(--stage-rule)}.arm-options button:hover{color:var(--stage-ink)}.arm-options button[aria-pressed=true]{background:var(--stage-ink);color:var(--stage-bg)}.arm-options button:focus-visible{outline:var(--px) solid var(--stage-ink);outline-offset:var(--px)}@media (hover:none) and (pointer:coarse),(width<=359px){.key-hint{display:none}}.arm-keypad{z-index:2;opacity:.45;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;display:flex;position:absolute;bottom:clamp(1rem,2.4vw,1.9rem);left:clamp(1rem,2.4vw,1.9rem)}.arm-viewport:hover .arm-keypad,.arm-viewport:focus-within .arm-keypad{opacity:1}.keypad-move{grid-template-columns:repeat(3,2.6rem);grid-template-areas:".w.""a s d";gap:.3rem;display:grid}.keypad-move [data-key=w]{grid-area:w}.keypad-move [data-key=a]{grid-area:a}.keypad-move [data-key=s]{grid-area:s}.keypad-move [data-key=d]{grid-area:d}.keypad-lift{grid-template-columns:2.6rem;gap:.3rem;display:grid}.keypad-speed{grid-template-columns:4.1rem;gap:.3rem;display:grid}.keypad-mode{grid-template-columns:4.1rem;display:grid}#arm-keypad-turn[aria-pressed=true]{border-color:var(--stage-ink);background:var(--stage-ink);color:var(--stage-bg)}.keycap{border:var(--px) solid var(--stage-rule);border-bottom-width:calc(var(--px) * 2);background:var(--stage-bg);height:2.6rem;color:var(--stage-ink);font:var(--t1)/1 var(--mono);cursor:pointer;user-select:none;-webkit-touch-callout:none;touch-action:none;place-items:center;padding:0;display:grid}.keycap.on{border-color:var(--stage-ink);background:var(--stage-ink);color:var(--stage-bg);transform:translateY(var(--px));border-bottom-width:var(--px)}.keycap:focus-visible{outline:var(--px) solid var(--stage-ink);outline-offset:var(--px)}.arm-notes{z-index:3;border:var(--px) solid var(--stage-rule);background:var(--stage-bg);width:min(24rem,100% - 2rem);max-height:calc(100% - 6rem);color:var(--stage-dim);font:var(--t1)/1.6 var(--mono);padding:1rem 1.1rem;position:absolute;top:calc(clamp(1rem,2.4vw,1.9rem) + 3rem);right:clamp(1rem,2.4vw,1.9rem);overflow:auto}.arm-notes[hidden]{display:none}.arm-notes p,.arm-notes dl{user-select:text}.arm-notes h2{color:var(--stage-ink);font:inherit;margin:0 0 .75rem}.arm-notes p{margin:0 0 .75rem}.arm-notes dl{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 .9rem;display:grid}.arm-notes dt{color:var(--stage-ink)}.arm-notes dd{margin:0}.notes-close{border:var(--px) solid var(--stage-rule);min-height:2.25rem;color:var(--stage-dim);font:var(--t1)/1 var(--mono);cursor:pointer;background:0 0;padding:0 .9rem}.notes-close:hover{color:var(--stage-ink)}.notes-close:focus-visible{outline:var(--px) solid var(--stage-ink);outline-offset:var(--px)}.joint-label{z-index:1;color:var(--stage-ink);font:var(--t1)/1 var(--mono);font-variant-numeric:tabular-nums;opacity:0;background:var(--stage-bg);white-space:nowrap;pointer-events:none;will-change:transform;margin:-.5em 0 0 .55rem;padding:0 .25rem;position:absolute;top:0;left:0}.joint-label.held{background:var(--stage-ink);color:var(--stage-bg)}.noscript{border:1px solid var(--action);margin:1rem;padding:1rem}@media (width<=640px){.arm-viewport{height:clamp(30rem,80vh,38rem)}.arm-options{flex-wrap:nowrap;justify-content:flex-start;gap:.3rem;max-width:calc(100% - 2rem);top:5rem;left:1rem;right:auto}.arm-options button{white-space:nowrap;padding:0 .45rem}.arm-notes{width:auto;max-height:calc(100% - 9rem);top:8rem;left:1rem;right:1rem}}