@media (max-width: 1180px) {
  :root { --sidebar-w: 228px; --inspector-w: 290px; }
  .topbar { gap: 10px; }
  .topbar-actions .button-ghost { padding-inline: 7px; }
  .workspace-content { padding-inline: 19px; }
  .quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .analysis-layout { grid-template-columns: 1fr; }
  .topbar { grid-template-columns: auto minmax(0, 1fr) auto; }
  .topbar-actions .button-ghost { display: none; }
  .project-title-wrap { justify-content: flex-start; }
  .project-name-input { text-align: left; }
}
@media (max-width: 820px) {
  :root { --inspector-w: 0px; }
  .main-shell { grid-template-columns: var(--sidebar-w) minmax(0, 1fr); }
  .inspector { display: none; }
}
@media (max-width: 680px) {
  :root { --sidebar-w: 0px; --topbar-h: 56px; }
  .topbar { grid-template-columns: auto minmax(0, 1fr) auto; padding: 0 11px; }
  .mobile-only { display: inline-flex !important; }
  .brand-name { font-size: 13px; }
  .brand-mark { width: 22px; height: 22px; }
  .topbar-actions { gap: 1px; }
  #importProjectButton, #saveProjectButton { display: none; }
  .main-shell { grid-template-columns: minmax(0, 1fr); position: relative; }
  .workspace { grid-column: 1 / -1; width: 100%; }
  .sidebar { position: fixed; z-index: 30; top: var(--topbar-h); bottom: var(--statusbar-h); left: 0; width: min(285px, 86vw); transform: translateX(-102%); box-shadow: var(--shadow-md); transition: transform .2s ease; }
  .sidebar.is-open { transform: none; }
  .workspace-content { padding: 16px 13px 23px; }
  .workspace-toolbar { padding-inline: 13px; }
  .welcome-hero { padding: 27px 22px 30px; }
  .welcome h1 { font-size: 30px; }
  .quick-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .quick-card { padding: 13px; }
  .page-head { flex-direction: column; }
  .field-grid, .radio-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .color-picker-portal { width: calc(100vw - 16px) !important; max-height: calc(100dvh - 16px); }
  .color-editor-head { grid-template-columns: 46px minmax(0, 1fr) 34px; }
  .color-editor-head-swatch { width: 46px; height: 46px; }
  .color-editor-transparent { grid-column: 1 / -1; grid-row: 2; width: 100%; }
  .color-editor-close { grid-column: 3; grid-row: 1; }
  .color-editor-body { grid-template-columns: 1fr; }
  .color-editor-preview { width: 100%; height: 78px; }
  .color-editor-foot { align-items: stretch; flex-direction: column; }
  .chart-grid { grid-template-columns: 1fr; }
  .dataset-format-layout { grid-template-columns: 1fr; }
  .dataset-format-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dataset-format-card { grid-template-columns: 1fr; grid-template-rows: auto auto auto; justify-items: center; text-align: center; gap: 2px; padding: 5px 3px; }
  .dataset-format-card-visual { grid-row: auto; width: 38px; height: 28px; }
  .dataset-format-card-title { font-size: 9px; }
  .dataset-format-card-english { display: none; }
  .dataset-preview-layout { grid-template-columns: 1fr; }
  .dataset-preview-illustration { min-height: 92px; }
  .dataset-option-grid { grid-template-columns: 1fr; }
  .statusbar { gap: 7px; padding-inline: 8px; font-size: 10px; }
  .status-context { min-width: 0; max-width: 42%; }
  .status-right { min-width: 0; }
}