/* Touch-first Cartesian controls. Kept separate from the compact base stylesheet. */
.cartesian-controls{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#061014}
.control-feedback{margin:0 0 13px;color:var(--muted);font-size:.78rem}.control-feedback.error{color:#ffafb5}
.xy-pad{width:218px;height:218px;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;place-items:center;margin:0 auto}
.cartesian-button{width:63px;height:63px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#102027;color:var(--ink);font-size:1.45rem;font-weight:850;cursor:pointer;touch-action:manipulation}
.cartesian-button:hover:not(:disabled){border-color:var(--teal);background:#14342f}.cartesian-button:disabled{opacity:.42;cursor:not-allowed}.cartesian-button small{font-size:.58rem;line-height:1;color:var(--muted)}
.north{grid-column:2;grid-row:1}.west{grid-column:1;grid-row:2}.east{grid-column:3;grid-row:2}.south{grid-column:2;grid-row:3}
.pad-center{grid-column:2;grid-row:2;text-align:center;color:var(--teal);font-size:.68rem;font-weight:850;letter-spacing:.08em}.axis-label{position:absolute;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.axis-x{right:-4px;top:2px}.axis-y{left:-4px;bottom:2px}
.z-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.z-button{min-height:47px}.gripper .button{flex:1}
@media(max-width:440px){.cartesian-button{width:58px;height:58px}.xy-pad{width:204px;height:204px}.axis-x{right:-10px}.axis-y{left:-10px}}