/* EngiPlan Pro - Responsive CSS v2 */
@media (max-width: 1400px) {
  .cad-canvas { width: 100%; }
}
@media (max-width: 1200px) {
  .right-panel { width: 280px; min-width: 280px; }
  .left-panel { width: 48px; min-width: 48px; }
}
@media (max-width: 992px) {
  .right-panel { width: 240px; min-width: 240px; }
  .left-panel { width: 44px; min-width: 44px; }
}
@media (max-width: 768px) {
  .right-panel {
    position: fixed; right: -300px; top: 0; bottom: 0;
    width: 280px; z-index: 1000;
    transition: right 0.3s ease;
    box-shadow: -2px 0 10px rgba(0,0,0,0.5);
  }
  .right-panel.active { right: 0; }
  .left-panel {
    position: fixed; left: 0; top: 50%; transform: translateY(-50%);
    z-index: 999;
    border-radius: 0 8px 8px 0;
  }
  .cad-canvas { width: 100vw; }
  .top-bar { padding: 4px 8px !important; }
  .top-bar select, .top-bar button { padding: 3px 6px !important; font-size: 10px !important; }
  .bottom-bar { padding: 4px 8px !important; font-size: 10px !important; }
}
@media (max-width: 480px) {
  .left-panel { width: 40px; min-width: 40px; }
  .left-panel button { width: 34px; height: 34px; font-size: 13px; }
  .right-panel { width: 260px; min-width: 260px; }
  .top-bar .sep { display: none; }
}
@media (pointer: coarse) {
  .left-panel button { min-height: 44px; min-width: 44px; }
  .cad-canvas { touch-action: none; }
}
@media print {
  .left-panel, .right-panel, .top-bar, .bottom-bar { display: none !important; }
  .cad-canvas { width: 100% !important; height: 100% !important; border: none !important; }
  body { background: white !important; }
}