/* The existing tabs remain above the embedded scene. */
.axis-stage [hidden]{display:none!important}
.axis-stage:has(.pg-cnc-inline){aspect-ratio:4/3;scroll-margin-top:calc(var(--nav,60px) + 24px)}
.pg-cnc-inline{position:absolute;inset:0;background:#e7eae5}
.axis-stage .pg-cnc-inline-canvas{position:absolute;inset:58px 0 78px;width:100%;height:calc(100% - 136px)}
.pg-cnc-readouts{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(var(--cnc-axis-count,3),minmax(0,1fr));margin:0;border:1px solid #cbd2cb;border-radius:6px;background:#f6f8f4;overflow:hidden}
.pg-cnc-readouts>div{min-width:0;padding:9px 12px;border-left:1px solid #d7ddd6}
.pg-cnc-readouts>div:first-child{border-left:0}
.pg-cnc-readouts dt{display:flex;align-items:baseline;justify-content:space-between;gap:2px;font:600 12px/1.2 var(--mono,monospace);color:#40545b}
.pg-cnc-readouts dt span{font-size:10px;font-weight:400;color:#6a7772}
.pg-cnc-readouts dd{margin:5px 0 0;font:500 clamp(12px,1.35vw,18px)/1.2 var(--mono,monospace);font-variant-numeric:tabular-nums;color:#253941}
.pg-cnc-readouts .pg-cnc-rotary dt,.pg-cnc-readouts .pg-cnc-rotary dd{color:#9b512a}
.pg-cnc-unavailable{position:absolute;inset:45% 20px auto;text-align:center;color:#40545b;font-size:14px}
@media(max-width:600px){
 .axis-stage:has(.pg-cnc-inline){aspect-ratio:1/1}
 .axis-stage:has(.pg-cnc-inline) .axis-tabs{gap:4px;left:10px;right:10px;top:10px;flex-wrap:nowrap}
 .axis-stage:has(.pg-cnc-inline) .axis-tabs button{flex:1;padding:9px 6px;font-size:12px;white-space:nowrap}
 .axis-stage .pg-cnc-inline-canvas{inset:48px 0 70px;height:calc(100% - 118px)}
 .pg-cnc-readouts{left:10px;right:10px;bottom:10px}
 .pg-cnc-readouts>div{padding:8px 7px}
 .pg-cnc-readouts dd{font-size:13px}
}