/* ============ Responsive ============ */
@media (max-width: 840px) {
  :root { --gutter-main: var(--gutter-main-mobile); }
  .sidebar { position: absolute; z-index: 30; height: 100%; }
  .main { width: 100%; }
  .composer { padding: 0 12px 16px; padding-top: 28px; }
  .welcome-sub { margin-left: 46px; }
  .prompt-grid { grid-template-columns: 1fr; }
  .header-theme-seg .theme-seg-btn:nth-child(2) { display: none; }
}

/* B8 项目编辑模态：色板/图标网格在窄屏下改 6 列，避免 8 列被挤折行 */
@media (max-width: 600px) {
  .pm-icon-grid { grid-template-columns: repeat(6, 1fr) !important; }
  .pm-color-row { flex-wrap: wrap; }
  .proj-modal { width: 92vw !important; }
}