:root { --topbar-height: 52px; }
.workspace { height: calc(100% - var(--topbar-height)); }
.mode-tabs { flex-shrink: 0; overflow-x: auto; }
.toolbar-actions { flex-shrink: 0; }
.journey, .journey-steps { min-width: 0; max-width: 100%; }
.journey-step { position: relative; flex: 0 0 190px; }
.journey-step + .journey-step::before { left: 0; margin-left: -6px; }
.scrim { inset: var(--topbar-height) 0 0; }
#tools-button, .mobile-paths { display: none; }
.graph-region { min-width: 0; }
@media (max-width: 1800px) {
  :root { --topbar-height: 96px; }
  .topbar { height: var(--topbar-height); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: 44px 42px; gap: 2px 8px; }
  .uri-form { grid-column: 2; grid-row: 1; width: 100%; max-width: none; min-width: 0; }
  .toolbar-actions { grid-column: 3; grid-row: 1; }
  .mode-tabs { grid-row: 2; grid-column: 1 / -1; }
  .mode { flex: 0 0 auto; padding: 0 14px; }
}
@media (max-width: 1200px) {
  #tools-button { display: block; grid-column: 3; grid-row: 1; }
  .toolbar-actions { display: none; }
  .tools-open .toolbar-actions { display: flex; flex-wrap: wrap; position: fixed; z-index: 32; right: 6px; top: var(--topbar-height); width: min(440px, calc(100vw - 12px)); max-height: 70vh; overflow: auto; padding: 12px; background: var(--surface); border: 1px solid var(--border-strong); box-shadow: var(--shadow); }
  .tools-open .toolbar-actions .view-option { display: grid; width: 100px; }
  .tools-open .toolbar-actions button { display: inline-grid !important; }
  .mobile-paths { display: flex; gap: 5px; }
}
@media (min-width: 721px) and (max-width: 1060px) {
  .workspace { grid-template-columns: 250px minmax(0, 1fr); }
  .inspector { position: fixed; z-index: 16; right: 0; top: var(--topbar-height); bottom: 0; width: min(520px, 86vw); transform: translateX(100%); box-shadow: var(--shadow); }
  .inspector.open { transform: translateX(0); z-index: 24; }
  .inspector .mobile-only { display: block; }
}
@media (max-width: 720px) {
  .sidebar { top: var(--topbar-height); }
  .mode { padding: 0 12px; }
  #menu-button { grid-column: 1; grid-row: 1; }
}