/* Native gesture handling is scoped to the design canvas, not the page. */
#app .lb-touch-controls{display:none}
@media (pointer:coarse), (hover:none) {
  #app .canvas-container,
  #app #main-canvas,
  #app #canvas-overlay{
    touch-action:none!important;
    overscroll-behavior:contain;
    -webkit-user-select:none;
    user-select:none;
  }
  #app .lb-status-host{height:auto!important;min-height:46px!important}
  #app .lb-status-host .status-bar{
    height:auto!important;min-height:46px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:7px!important;padding:4px 7px!important;flex-wrap:nowrap!important;
  }
  #app .lb-status-host #canvas-size{display:none!important}
  #app .lb-status-host #zoom-indicator{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px!important}
  #app .lb-touch-controls{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
  #app .lb-touch-hint{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#92b7c9;font-size:10px}
  #app .lb-touch-controls button{
    flex:0 0 auto;min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
    border:1px solid #497c92;border-radius:7px;background:#173649;color:#e9f9fd;
    padding:0 9px;font-size:17px;font-weight:750;line-height:1;
    touch-action:manipulation;cursor:pointer;
  }
  #app .lb-touch-controls button[data-touch-zoom="fit"]{font-size:11px;min-width:41px}
  #app .lb-touch-controls button[data-touch-mode]{min-width:37px;padding:0 6px;font-size:11px}
  #app .lb-touch-controls button[data-touch-mode][aria-pressed="true"]{background:#23677d;border-color:#55deea;color:#fff}
  #app .lb-touch-controls button:active{background:#22617a}
  #app .lb-canvas-host{min-height:0}
}
@media(max-width:420px){
  #app .lb-touch-hint{display:none}
  #app .lb-touch-controls{gap:4px}
  #app .lb-touch-controls button{min-width:32px;height:32px}
}

@media(max-width:350px){#app .lb-status-host .status-bar{gap:3px!important;padding:3px 4px!important}#app .lb-touch-controls{gap:2px}#app .lb-touch-controls button{min-width:29px;padding:0 5px}#app .lb-touch-controls button[data-touch-mode]{min-width:33px}}