@media (max-width: 1180px) {
  :root { --rail-width: 184px; --inspector-width: 300px; }
  .topbar { gap: var(--space-4); padding-inline: var(--space-5); }
  .workspace { padding-inline: var(--space-6); }
}
@media (max-width: 960px) {
  :root { --header-height: 64px; }
  .topbar { grid-template-columns: 180px minmax(0, 1fr) auto; }
  .destination { max-width: 44px; padding-inline: 10px; overflow: hidden; }
  .destination > span:not(.status-dot), .destination .icon { display: none; }
  .shell-body { grid-template-columns: 76px minmax(0, 1fr); }
  .rail { padding-inline: var(--space-3); }
  .rail-heading span { display: none; }
  .rail-link span:not(.rail-count) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .rail-heading { justify-content: center; }
  .rail-link { grid-template-columns: 1fr; justify-items: center; padding-inline: 0; }
  .rail-link .rail-count { display: block; font-size: 9px; }
  .inspector-stack { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--color-line); border-left: 0; }
  .destination-card { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .topbar { grid-template-columns: 1fr auto; height: auto; min-height: var(--header-height); padding-block: var(--space-3); }
  .brand { min-width: 0; }
  .brand small { display: none; }
  .command-search { grid-column: 1 / -1; grid-row: 2; max-width: none; }
  .header-actions { gap: var(--space-1); }
  .header-actions .icon-button { display: none; }
  .avatar { width: 44px; height: 44px; }
  .shell-body { display: block; }
  .rail { display: block; padding: var(--space-3); overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--color-line); }
  .rail-heading { display: none; }
  .rail-nav, .rail-footer { display: flex; gap: var(--space-2); min-width: max-content; margin: 0; padding: 0; border: 0; }
  .rail-footer { margin-top: var(--space-2); }
  .rail-link { flex: 0 0 auto; grid-template-columns: 18px max-content auto; justify-items: start; width: max-content; padding-inline: 10px; white-space: nowrap; }
  .rail-link span:not(.rail-count) { display: block; position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: hidden; clip: auto; white-space: nowrap; border: 0; }
  .rail-link .rail-count { display: block; margin-left: 2px; }
  .workspace { padding: var(--space-6) var(--space-4) var(--space-7); }
  .workspace-heading { align-items: flex-start; flex-direction: column; gap: var(--space-4); }
  .filter-button { width: 100%; }
  .empty-state { align-items: flex-start; flex-wrap: wrap; }
  .secondary-button { width: 100%; margin: 0; }
  .inspector-stack { display: grid; grid-template-columns: 1fr; padding: var(--space-4); }
  .destination-card { grid-column: auto; }
  .toast { right: var(--space-4); bottom: var(--space-4); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
}