/* Mobile is a scrolling page. Only explicit 3D interaction captures touch. */
.mobile-interaction-bar{display:none}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
  html{height:auto;overflow-x:clip;overflow-y:auto}
  body{height:auto;min-height:100vh;min-height:100svh;display:block;overflow:visible;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .mobile-interaction-bar{display:flex;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#fff;border-block:1px solid var(--line);box-shadow:0 3px 12px #553a1b09}
  .mobile-interaction-copy{min-width:0;font-size:12px;line-height:1.5;color:#787165}
  .mobile-interaction-copy strong{display:block;font-size:13px;color:#25231f}
  .mobile-interaction-bar button{flex-shrink:0;min-height:44px;padding:10px 14px;border-radius:10px;background:#fef7ee;color:#8b4600;font-size:13px;font-weight:650;touch-action:manipulation}
  .mobile-interaction-bar button[aria-pressed=true]{background:#8b4600;color:white}
  .editor-layout{display:flex;flex-direction:column;flex:none;height:auto;min-height:0;overflow:visible}
  .viewport{order:0;flex:none;width:100%;height:clamp(380px,60svh,560px);min-height:0;touch-action:pan-y pinch-zoom;scroll-margin-top:88px}
  .canvas-mount,.canvas-mount canvas{touch-action:pan-y pinch-zoom!important}
  .mobile-canvas-active .viewport,.mobile-canvas-active .canvas-mount,.mobile-canvas-active .canvas-mount canvas{touch-action:none!important}
  body:not(.mobile-canvas-active) .resize-handles,body:not(.mobile-canvas-active) .resize-handle{pointer-events:none!important}
  .library-panel,.inspector-panel{order:1;position:static;inset:auto;width:100%;height:auto;max-height:none;min-height:0;overflow:visible;overscroll-behavior:auto;box-shadow:none;border:0;border-top:1px solid var(--line);scroll-margin-top:88px}
  .editor-layout.show-library .library-panel{display:flex}
  .editor-layout.show-inspector .inspector-panel{display:block}
  .panel-tabs,.inspector-header{position:static}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-card{touch-action:pan-y pinch-zoom;-webkit-user-drag:none}
  .catalog-card b{font-size:13px}.catalog-card small{font-size:11px}
  .library-hint{font-size:12px;line-height:1.6}
  .mobile-dock{position:fixed;inset:auto 0 0;z-index:40;height:calc(60px + env(safe-area-inset-bottom,0px));padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -4px 20px #553a1b10}
  .mobile-dock button{min-height:48px;border-radius:10px}
  .mobile-dock button.active{background:#fef7ee;color:#8b4600}
  .status-bar{height:auto;min-height:38px;flex-wrap:wrap;gap:4px;padding:5px 12px;font-size:10px}
  .snap-toggle{min-height:32px}
  .toast{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .walk-control-row{flex-wrap:wrap;gap:0}.walk-controls{max-width:100%}
  .editor-layout.show-library .resize-handles,.editor-layout.show-inspector .resize-handles{visibility:visible}
}
@media(min-width:601px) and (max-width:782px){body.admin-bar .mobile-interaction-bar{top:46px}}
@media(orientation:landscape) and (max-height:500px){
  .mobile-interaction-bar{padding:4px 12px}.mobile-interaction-copy strong{display:inline;margin-right:8px}.mobile-interaction-copy{font-size:11px}
  .viewport{height:440px}.status-bar{display:flex}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}