.CoordinateFramesInstrument_instrument__Fwdts{--frames-accent:var(--cf-accent-ink,var(--cf-sys-ink));--frames-warm:var(--cf-accent-warm,var(--cf-sys-ink-muted));color:var(--cf-sys-ink);font-family:var(--font-body);font-size:1rem;line-height:1.5;width:100%;container:coordinate-frames/inline-size}.CoordinateFramesInstrument_instrument__Fwdts *,.CoordinateFramesInstrument_preview__WQP0a *{box-sizing:border-box}.CoordinateFramesInstrument_instrument__Fwdts button,.CoordinateFramesInstrument_instrument__Fwdts input{font:inherit}.CoordinateFramesInstrument_instrument__Fwdts button{cursor:pointer;border-radius:3px}.CoordinateFramesInstrument_instrument__Fwdts a:focus-visible,.CoordinateFramesInstrument_instrument__Fwdts button:focus-visible,.CoordinateFramesInstrument_instrument__Fwdts input:focus-visible,.CoordinateFramesInstrument_instrument__Fwdts summary:focus-visible{outline:2px solid var(--cf-sys-focus-ring);outline-offset:4px}.CoordinateFramesInstrument_controls__7PQNL{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(140px,1fr) auto;grid-gap:28px;gap:28px;align-items:end;padding:22px 0 28px;border-block:1px solid var(--cf-sys-surface-line-strong)}.CoordinateFramesInstrument_mode__j2iWn{margin:0;padding:0;border:0;min-width:0}.CoordinateFramesInstrument_mode__j2iWn legend{padding:0;margin-bottom:8px;font-size:.85rem;color:var(--cf-sys-ink-muted)}.CoordinateFramesInstrument_segments__UK4xV{display:flex;border:1px solid var(--cf-sys-surface-line-strong);border-radius:3px}.CoordinateFramesInstrument_segments__UK4xV button{border:0;min-height:42px;padding:7px 13px;background:transparent;color:var(--cf-sys-ink-muted)}.CoordinateFramesInstrument_segments__UK4xV button[aria-pressed=true]{background:var(--cf-accent-ink-tint,var(--cf-sys-surface-field));color:var(--frames-accent)}.CoordinateFramesInstrument_segments__UK4xV button+button{border-left:1px solid var(--cf-sys-surface-line-strong);border-radius:0}.CoordinateFramesInstrument_sliderControl__FRF1V{display:flex;flex-direction:column;gap:4px}.CoordinateFramesInstrument_sliderControl__FRF1V label{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.CoordinateFramesInstrument_sliderControl__FRF1V output{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.85rem;white-space:nowrap}.CoordinateFramesInstrument_sliderControl__FRF1V input{width:100%;height:32px;margin:0;accent-color:var(--frames-accent);cursor:pointer}.CoordinateFramesInstrument_reset__t0ivQ,.CoordinateFramesInstrument_textButton__7PHmB{border:0;background:none;color:var(--frames-accent);min-height:42px;padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:.9rem}.CoordinateFramesInstrument_views__0PUKX{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:36px;gap:36px;padding-block:26px 30px}.CoordinateFramesInstrument_readingsPanel__NNf3h,.CoordinateFramesInstrument_worldPanel__liPBH{min-width:0}.CoordinateFramesInstrument_readingsPanel__NNf3h{border-left:1px solid var(--cf-sys-surface-line);padding-left:30px;container:frame-readings/inline-size}.CoordinateFramesInstrument_panelHeading__Lj29f{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.CoordinateFramesInstrument_instrument__Fwdts h3{font:400 1.5rem/1.25 var(--font-display);margin:0;letter-spacing:-.02em;color:var(--cf-sys-ink)}.CoordinateFramesInstrument_instrument__Fwdts h3>span{font:400 .8rem var(--font-body);color:var(--cf-sys-ink-muted);margin-right:10px;letter-spacing:.04em}.CoordinateFramesInstrument_unit__4x4lI{font-size:.78rem;color:var(--cf-sys-ink-muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.CoordinateFramesInstrument_worldStage__HYbId{background:var(--cf-sys-surface-field);margin-top:13px;border-radius:3px;min-height:340px}.CoordinateFramesInstrument_worldOverview__fIBug{display:block;width:100%;height:auto;min-height:325px;max-height:380px}.CoordinateFramesInstrument_objectFace__CP_lz{fill:var(--cf-sys-surface-ground)}.CoordinateFramesInstrument_objectEdge__chDY7{stroke:var(--cf-sys-ink-muted);stroke-width:1.25;fill:none}.CoordinateFramesInstrument_accentEdge__wyXFn{stroke:var(--frames-accent);stroke-width:2;fill:none}.CoordinateFramesInstrument_cameraDot__RkSrD{fill:var(--frames-accent)}.CoordinateFramesInstrument_landmarkDot__gZMEX{fill:var(--cf-sys-ink)}.CoordinateFramesInstrument_gridLine__1Pg2r{stroke:var(--cf-sys-surface-line-strong);stroke-width:1;fill:none}.CoordinateFramesInstrument_axisText__XrG_N{fill:var(--cf-sys-ink-muted);font:15px var(--font-body)}.CoordinateFramesInstrument_landmarkText__hzXUI{fill:currentColor;font:20px var(--font-display)}.CoordinateFramesInstrument_note__lBuUd{font-size:.88rem;color:var(--cf-sys-ink-muted);line-height:1.55;margin:12px 0}.CoordinateFramesInstrument_poseLedger__BZWmg{border-top:1px solid var(--cf-sys-surface-line);padding-top:12px;margin-top:20px}.CoordinateFramesInstrument_poseLedger__BZWmg p{margin:7px 0;font-size:.86rem;color:var(--cf-sys-ink-muted)}.CoordinateFramesInstrument_poseLedger__BZWmg span{display:inline-block;width:70px;color:var(--cf-sys-ink)}.CoordinateFramesInstrument_poseLedger__BZWmg strong{font:400 .8rem var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--cf-sys-ink);margin-inline:6px}.CoordinateFramesInstrument_prompt__vyKU0{font:400 1.3rem/1.5 var(--font-display);max-width:32ch;padding-top:18px;margin-top:22px;border-top:1px solid var(--cf-sys-surface-line)}.CoordinateFramesInstrument_images__Pzn_o{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px;margin-top:18px}.CoordinateFramesInstrument_pairedImages__wdtmT{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.CoordinateFramesInstrument_pairedImages__wdtmT .CoordinateFramesInstrument_landmarkText__hzXUI{font-size:22px}.CoordinateFramesInstrument_pairedImages__wdtmT .CoordinateFramesInstrument_axisText__XrG_N{font-size:18px}.CoordinateFramesInstrument_images__Pzn_o svg{display:block;width:100%;max-height:260px;overflow:visible}.CoordinateFramesInstrument_correctImage__kj1WX{color:var(--frames-accent);min-width:0}.CoordinateFramesInstrument_wrongImage__PZMPG{color:var(--frames-warm);min-width:0}.CoordinateFramesInstrument_imageLabel__zIPWl{font-size:.85rem;margin-bottom:6px}.CoordinateFramesInstrument_imageField__CuoiW{fill:var(--cf-sys-surface-ground);stroke:var(--cf-sys-surface-line-strong);stroke-width:1}.CoordinateFramesInstrument_projectedEdge__U9JFE,.CoordinateFramesInstrument_projectedMark__OsBAf{stroke:currentColor;stroke-width:1.75;fill:none}.CoordinateFramesInstrument_imageStatus__so58z{margin:4px 0 8px;font-size:.78rem;line-height:1.35;color:var(--cf-sys-ink-muted)}.CoordinateFramesInstrument_wrongToggle__Y0tux{display:flex;align-items:center;gap:10px;min-height:44px;width:-moz-fit-content;width:fit-content;cursor:pointer;font-size:.9rem}.CoordinateFramesInstrument_wrongToggle__Y0tux input{width:17px;height:17px;accent-color:var(--frames-warm);margin:0}.CoordinateFramesInstrument_wrongExplanation__gD4zt{font-size:.88rem;color:var(--frames-warm);margin:2px 0 14px}.CoordinateFramesInstrument_tablePanel__8naMx{margin-top:20px;padding-top:20px;border-top:1px solid var(--cf-sys-surface-line)}.CoordinateFramesInstrument_coordinateTable__NbMNs{width:100%;border-collapse:collapse;margin-top:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:transparent}.CoordinateFramesInstrument_instrument__Fwdts .CoordinateFramesInstrument_coordinateTable__NbMNs td,.CoordinateFramesInstrument_instrument__Fwdts .CoordinateFramesInstrument_coordinateTable__NbMNs th,.CoordinateFramesInstrument_instrument__Fwdts .CoordinateFramesInstrument_coordinateTable__NbMNs tr{background:transparent;color:var(--cf-sys-ink)}.CoordinateFramesInstrument_coordinateTable__NbMNs caption{text-align:left;color:var(--cf-sys-ink-muted);font-size:.8rem;line-height:1.4;margin-bottom:10px}.CoordinateFramesInstrument_coordinateTable__NbMNs td,.CoordinateFramesInstrument_coordinateTable__NbMNs th{border-bottom:1px solid var(--cf-sys-surface-line);padding:8px 4px;text-align:left}.CoordinateFramesInstrument_coordinateTable__NbMNs thead th{font:400 .82rem var(--font-body);color:var(--cf-sys-ink-muted);text-transform:none;letter-spacing:normal}.CoordinateFramesInstrument_coordinateTable__NbMNs tbody th{font:400 1.1rem var(--font-display);width:12%}.CoordinateFramesInstrument_coordinateTable__NbMNs td{font-family:var(--font-mono);font-size:.8rem;width:44%}.CoordinateFramesInstrument_triplet__IO7X2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px}.CoordinateFramesInstrument_triplet__IO7X2 span{text-align:right}.CoordinateFramesInstrument_liveStatement__ZKQEJ{font:400 1.3rem/1.6 var(--font-display);border-block:1px solid var(--cf-sys-surface-line-strong);padding:21px 0;margin:0}.CoordinateFramesInstrument_announcement__TcqdP{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.CoordinateFramesInstrument_method__8JE5M{padding:22px 0;max-width:80ch;color:var(--cf-sys-ink-muted);font-size:.92rem}.CoordinateFramesInstrument_method__8JE5M summary{cursor:pointer;color:var(--cf-sys-ink);min-height:32px}.CoordinateFramesInstrument_method__8JE5M p{margin:14px 0}.CoordinateFramesInstrument_method__8JE5M a{color:var(--frames-accent);text-decoration:underline;text-underline-offset:3px}.CoordinateFramesInstrument_sceneRoot__nu9Gj{min-width:0}.CoordinateFramesInstrument_canvas__VAQZO{height:330px;overflow:hidden;border-radius:3px}.CoordinateFramesInstrument_canvas__VAQZO canvas{display:block}.CoordinateFramesInstrument_sceneLabel__6QQ45{color:var(--cf-sys-ink);background:var(--cf-sys-surface-ground);font:400 1rem var(--font-display);padding:0 3px;pointer-events:none}.CoordinateFramesInstrument_sceneAxis__a8oN7{color:var(--cf-sys-ink-muted);background:var(--cf-sys-surface-field);font:.8rem var(--font-body);padding:0 3px;pointer-events:none;white-space:nowrap}.CoordinateFramesInstrument_observerControls__XyneJ{display:flex;gap:6px;padding:0 16px}.CoordinateFramesInstrument_observerControls__XyneJ button{border:1px solid var(--cf-sys-surface-line-strong);padding:6px 12px;min-height:40px;background:transparent;color:var(--cf-sys-ink-muted);font-size:.85rem}.CoordinateFramesInstrument_observerControls__XyneJ button[aria-pressed=true]{color:var(--frames-accent);border-color:var(--frames-accent)}.CoordinateFramesInstrument_observerNote__Y_oEo{font-size:.8rem;color:var(--cf-sys-ink-muted);line-height:1.4;padding:12px 16px 16px;margin:0}.CoordinateFramesInstrument_sceneNotice__fMD6w{padding:30px;font-size:.9rem;color:var(--cf-sys-ink-muted)}.CoordinateFramesInstrument_fallback__QrSnI>p{padding:0 20px 20px}.CoordinateFramesInstrument_preview__WQP0a{width:min(1160px,calc(100% - 64px));margin:64px auto 80px;color:var(--cf-sys-ink)}.CoordinateFramesInstrument_previewHeader__dDcOh{max-width:750px;margin-bottom:34px}.CoordinateFramesInstrument_eyebrow__n3A_s{color:var(--cf-sys-ink-muted);font:.82rem var(--font-body);letter-spacing:.06em;margin:0 0 15px}.CoordinateFramesInstrument_preview__WQP0a h1{font:400 clamp(2.4rem,4.2vw,3.7rem)/1.08 var(--font-display);letter-spacing:-.035em;margin:0 0 22px}.CoordinateFramesInstrument_caption__co0aG{font:400 1.13rem/1.65 var(--font-body);color:var(--cf-sys-ink-muted);margin:0;max-width:65ch}@container coordinate-frames (max-width: 900px){.CoordinateFramesInstrument_views__0PUKX{grid-template-columns:minmax(0,1fr)}.CoordinateFramesInstrument_readingsPanel__NNf3h{border-left:0;border-top:1px solid var(--cf-sys-surface-line);padding:18px 0 0}}@container frame-readings (max-width: 560px){.CoordinateFramesInstrument_pairedImages__wdtmT{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.CoordinateFramesInstrument_controls__7PQNL{grid-template-columns:1fr 1fr;gap:16px 24px}.CoordinateFramesInstrument_mode__j2iWn{grid-column:1/-1}.CoordinateFramesInstrument_reset__t0ivQ{grid-column:1/-1;justify-self:start}.CoordinateFramesInstrument_views__0PUKX{gap:24px}.CoordinateFramesInstrument_readingsPanel__NNf3h{padding-left:20px}}@media (max-width:700px){.CoordinateFramesInstrument_preview__WQP0a{width:calc(100% - 36px);margin-block:36px 50px}.CoordinateFramesInstrument_previewHeader__dDcOh{margin-bottom:26px}.CoordinateFramesInstrument_caption__co0aG{font-size:1rem}.CoordinateFramesInstrument_views__0PUKX{grid-template-columns:minmax(0,1fr);padding-top:18px}.CoordinateFramesInstrument_readingsPanel__NNf3h{border-left:0;border-top:1px solid var(--cf-sys-surface-line);padding:18px 0 0}.CoordinateFramesInstrument_controls__7PQNL{gap:12px 20px;padding:18px 0}.CoordinateFramesInstrument_segments__UK4xV button{flex:1 1}.CoordinateFramesInstrument_worldStage__HYbId{min-height:250px;margin-top:10px}.CoordinateFramesInstrument_worldOverview__fIBug{min-height:250px}.CoordinateFramesInstrument_canvas__VAQZO{height:300px}.CoordinateFramesInstrument_poseLedger__BZWmg{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:12px;column-gap:12px;margin-top:16px}.CoordinateFramesInstrument_poseLedger__BZWmg span{display:block;width:auto;margin-bottom:3px}.CoordinateFramesInstrument_poseLedger__BZWmg strong{margin-inline:0 2px;font-size:.72rem}.CoordinateFramesInstrument_poseLedger__BZWmg p{font-size:.8rem}.CoordinateFramesInstrument_prompt__vyKU0{font-size:1.15rem;max-width:none;margin-top:16px;padding-top:14px}.CoordinateFramesInstrument_pairedImages__wdtmT{grid-template-columns:minmax(0,1fr)}.CoordinateFramesInstrument_images__Pzn_o{gap:16px}.CoordinateFramesInstrument_images__Pzn_o svg{max-height:230px}.CoordinateFramesInstrument_tablePanel__8naMx{margin-top:14px}.CoordinateFramesInstrument_coordinateTable__NbMNs td{font-size:.72rem}.CoordinateFramesInstrument_coordinateTable__NbMNs td,.CoordinateFramesInstrument_coordinateTable__NbMNs th{padding-inline:2px}.CoordinateFramesInstrument_triplet__IO7X2{gap:3px}.CoordinateFramesInstrument_liveStatement__ZKQEJ{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.CoordinateFramesInstrument_instrument__Fwdts *,.CoordinateFramesInstrument_instrument__Fwdts :after,.CoordinateFramesInstrument_instrument__Fwdts :before{animation:none;transition:none;scroll-behavior:auto}}