/* DecorAI Studio Pro Enterprise v7.6.2 — Hand navigation + 3D zoom */
.navigation-tool.active,
#handToolBtn.active,
#handToolMenuBtn.active{
  background:var(--bs-primary,#4f46e5)!important;
  border-color:var(--bs-primary,#4f46e5)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(79,70,229,.22);
}
#canvas2dWrap canvas{touch-action:none}
#canvas3dWrap{position:relative;touch-action:none}
#canvas3dWrap.hand-navigation-active canvas{cursor:grab!important}
#canvas3dWrap.hand-navigation-active canvas:active{cursor:grabbing!important}
.zoom-controls-3d{
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:12;
  display:flex;
  flex-direction:column;
  gap:6px;
  pointer-events:auto;
}
.zoom-controls-3d button{
  width:38px;
  height:38px;
  border:1px solid rgba(15,23,42,.14);
  border-radius:10px;
  background:rgba(255,255,255,.94);
  color:#0f172a;
  font-size:21px;
  font-weight:600;
  line-height:1;
  box-shadow:0 6px 18px rgba(15,23,42,.12);
  backdrop-filter:blur(8px);
}
.zoom-controls-3d button:hover{background:#fff;transform:translateY(-1px)}
.zoom-controls-3d button:active{transform:translateY(0)}
@media (max-width:768px){
  #handToolBtn{min-width:44px;min-height:42px}
  .zoom-controls-3d{right:max(10px,env(safe-area-inset-right));bottom:max(72px,env(safe-area-inset-bottom))}
  .zoom-controls-3d button{width:44px;height:44px;font-size:24px}
}