/* ── Responsive ──────────────────────────────── */
@media (max-width: 1024px) {
  :root {
    --right-panel-w: 240px;
  }
}

@media (max-width: 768px) {
  :root {
    --toolbar-w: 44px;
    --right-panel-w: 220px;
  }

  .tool-btn { width: 34px; height: 34px; }
  .tool-btn svg { width: 16px; height: 16px; }
  .tool-btn .tool-shortcut { display: none; }

  .menu-bar { padding: 0 4px; }
  .menu-item { padding: 6px 8px; font-size: 12px; }

  .panel-header h3 { font-size: 11px; }

  .status-bar { gap: 12px; font-size: 10px; }
}

@media (max-width: 600px) {
  .right-panels { display: none; }
  :root { --right-panel-w: 0px; }

  .menu-bar .brand-link { display: none; }

  .tool-options-bar { font-size: 11px; gap: 6px; }
  .tool-opt-group input[type="range"] { width: 50px; }
}