/* ============================================
   Expert Mode (3D Live View) Panel Styles
   ============================================
   Ensures sidebar panels layered above the Three.js canvas correctly
   capture touch events so they do not propagate to OrbitControls. */

/* Sidebar panels must capture all touch interactions */
.panel-sidebar,
.panel-overlay,
.panel-modal,
.panel-backdrop {
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
}

/* Panel content areas scroll normally without leaking touches */
.panel-content {
    overscroll-behavior: contain;
}

/* Ensure the Three.js canvas has touch-action: none to prevent passive listener warnings
   This is set inline in app.js but also here for CSS-level consistency */
#scene-container {
    touch-action: none;
}

canvas {
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}