.pane-menu-body {
  box-sizing: border-box;
  width: 320px;
  min-width: 0;
  max-width: calc(100vw - 24px);
  gap: 6px;
  font: 14px/1.4 var(--sans);
}
.pane-menu-body :is(button, select, input[type="number"]) { min-height: 32px; }
.pane-menu-body :is(select, .pane-picker, .zed-camera-field) { min-width: 0; max-width: 100%; }
.pane-menu-body select { width: 158px; }
.settings-section { border: 0; }
.settings-section > summary { cursor: pointer; min-height: 32px; padding: 6px 0; font-weight: 600; }
.settings-section > :not(summary) { margin-bottom: 6px; }
.diagnostics-readouts, .diagnostics-topics { display: grid; gap: 8px; min-width: 0; }
.diagnostics-readouts { padding-top: 36px; }
.diagnostics-readouts .telemetry { margin-top: 0; }
.diagnostics-topics > details { min-width: 0; border-top: 1px solid var(--hairline); }
.readout-group > summary {
  min-height: 32px;
  padding: 6px 0;
  font: 600 14px/1.4 var(--sans);
  color: var(--text);
  cursor: pointer;
}
.diagnostics-readouts [data-modem-rows] { margin-top: 6px; }
.diagnostics-readouts .telemetry > div {
  min-width: 0;
  gap: 8px;
  padding: 6px 8px;
  font: 14px/1.4 var(--sans);
  letter-spacing: normal;
  text-transform: none;
}
.diagnostics-readouts .telemetry span, .diagnostics-readouts .telemetry strong, .diagnostics-readouts .telemetry button {
  min-width: 0;
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
}
.diagnostics-readouts .telemetry strong { overflow-wrap: anywhere; }
.diagnostics-topics > details[hidden] { display: none; }
.header-readout-list > .header-readout-group { grid-column: 1 / -1; min-width: 0; }
.settings-section > label, .video-menu-views label, .zed-camera-field, .jitter-controls > label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 158px);
  align-items: center;
  gap: 8px;
}
.video-menu-views .video-controls > label { width: 100%; }
.video-menu-views .pane-menu-row, .video-hud-view > .pane-menu-row { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.video-menu-views .video-detach { min-width: 32px; }
.zed-camera-menu { padding-top: 0; border: 0; }
.zed-camera-menu p { font: inherit; overflow-wrap: anywhere; }
.pane-menu-body .pane-picker-button { padding: 5px 8px; gap: 4px; white-space: normal; text-align: left; }
.pane-menu-body .pane-picker-list { max-height: 220px; }
.pane-menu-body .pane-picker-category > summary { padding: 4px 8px; }
.pane-menu-body .pane-picker-category > button { padding: 5px 8px; }
.pane-menu-help { font: inherit; }
.pane-menu-header { position: relative; min-height: 32px; }
.pane-menu-header > .pane-menu-title {
  margin: 0 38px 0 0;
  padding: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
  border: 0;
  font: inherit;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
}
.pane-menu-header > .pane-menu-help > summary { position: absolute; top: 0; right: 0; }
.pane-menu-header > .pane-menu-help:not([open]) { height: 0; }
.pane-menu-header > .pane-menu-help dl { margin-top: 6px; }
.pane-menu-help > summary {
  width: 32px;
  min-height: 32px;
  display: grid;
  place-items: center;
  margin-left: auto;
  border: 0;
  cursor: pointer;
  list-style: none;
}
.pane-menu-help > summary::-webkit-details-marker { display: none; }
.pane-menu-help dl { display: block; max-width: 100%; margin: 8px 0; }
.pane-menu-help dt { margin-top: 10px; font-weight: 600; }
.pane-menu-help dd { margin: 2px 0 0; color: var(--muted); }
.settings-diagnostics > summary, .jitter-advanced > summary { cursor: pointer; min-height: 32px; padding: 6px 0; }
.settings-diagnostics > :not(summary) { display: block; margin-top: 6px; }
.pane-menu-body .model-badge { white-space: normal; }
.shell .pane-menu-body { container-type: inline-size; }
.shell .pane-menu-body :is(label, button, select, input, summary, strong, .zed-camera-field > span) {
  font: 14px/1.4 var(--sans);
  letter-spacing: normal;
  text-transform: none;
}
.shell .pane-menu-body .settings-section > summary { font-weight: 600; }
.pane-menu-body .switch-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  padding: 0;
  gap: 8px;
}
.pane-menu-body .switch-control > span:first-child { flex: 1; min-width: 0; }
.pane-menu-body .switch-track { flex: none; }
@container (max-width: 260px) {
  .settings-section > label, .video-menu-views .video-controls > label,
  .zed-camera-field, .jitter-controls > label {
    grid-template-columns: minmax(0, 1fr);
  }
  .pane-menu-body select { width: 100%; }
  .video-menu-views .pane-menu-row, .video-hud-view > .pane-menu-row { grid-template-columns: minmax(0, 1fr); }
}
.video-menu-views .video-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: end;
  gap: 8px;
}
.video-menu-views .video-controls > :is(.pane-menu-row, label:not(:first-child), .settings-section) { grid-column: 1 / -1; }

.pane-menu-body[popover] {
  position: fixed;
  right: auto;
  bottom: auto;
  margin: 0;
  border: 0;
  color: inherit;
}
/* Light, Exposure and Gain rows of the Front camera, settings design C: quiet when in sync,
   underlined label when changed, hatched while pending, red when refused, note under the label. */
.zed-picture { display: grid; gap: 8px; }
.zed-picture[hidden] { display: none; }
.zed-picture-row > span { display: grid; }
.zed-picture-row:is([data-picture="light"], [data-picture="area"]) { grid-template-columns: minmax(0, 1fr); }
.shell .pane-menu-body .zed-picture-note { font-size: 12px; color: var(--text-3); }
.zed-status > summary { display: inline-flex; gap: 6px; align-items: center; cursor: pointer; list-style: none; }
.zed-status > summary::-webkit-details-marker { display: none; }
.zed-status-help { color: var(--muted); }
.zed-status-detail { display: block; }
.zed-picture-row[data-changed="true"] .zed-picture-label { text-decoration: underline; text-underline-offset: 3px; }
.shell .pane-menu-body .zed-picture-row[data-state="pending"] .zed-picture-note { color: var(--accent-line); }
.shell .pane-menu-body .zed-picture-row[data-state="refused"] .zed-picture-note { color: var(--alert-red); }
.zed-picture-row[data-state="pending"] :is(.zed-picture-control, .zed-light-buttons) {
  background: repeating-linear-gradient(135deg, var(--hairline) 0 2px, transparent 2px 7px);
}
.zed-picture-row[data-state="refused"] :is(.zed-picture-control, .zed-light-buttons) { outline: 1px solid var(--alert-red); }
.shell .pane-menu-body [data-held] :is(button, select, input) { opacity: 0.5; }
.shell .pane-menu-body .zed-held-note { display: block; font-size: 12px; color: var(--text-3); }
.zed-picture-control { display: grid; grid-template-columns: minmax(0, 1fr) 40px 24px; align-items: center; gap: 4px; }
.zed-picture-control output { text-align: right; font-variant-numeric: tabular-nums; }
.pane-menu-body .zed-picture-reset { min-height: 24px; padding: 0; }
.zed-picture-reset[hidden] { display: block; visibility: hidden; }
.zed-light-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.shell .pane-menu-body .zed-picture-auto { display: flex; justify-content: flex-start; align-items: center; gap: 6px; }
.shell .pane-menu-body .zed-picture-auto input { width: 16px; height: 16px; min-height: 16px; flex: none; margin: 0; padding: 0; accent-color: var(--accent-line); }

.settings-drawer {
  box-sizing: border-box;
  width: min(320px, 100% - var(--rail-width));
  gap: 0;
  container-type: inline-size;
  font: 14px/1.4 var(--sans);
}
.settings-drawer-header { position: sticky; top: 0; z-index: 1; }
.settings-drawer .settings-drawer-group {
  padding: 16px 10px 6px;
  color: var(--text-3);
}
.settings-drawer :is(h2, h3, h4, label, button, input, select, summary, strong, span, small, em, output) {
  font: 14px/1.4 var(--sans);
  letter-spacing: normal;
  text-transform: none;
}
.settings-drawer :is(h2, h3, h4) { font-weight: 600; }
.settings-drawer-section { border-bottom: 1px solid var(--hairline); }
.settings-drawer .dock-pane-list { width: 100%; min-width: 0; }
.settings-drawer-section > summary { min-height: 32px; gap: 8px; }
.settings-drawer-section > summary::after { flex: none; }
.settings-drawer :is(button, select, input:not([type="checkbox"]):not([type="range"])) { min-height: 32px; }
.settings-drawer :is(button, select, input, label) { min-width: 0; max-width: 100%; box-sizing: border-box; }
.settings-drawer button { white-space: normal; overflow-wrap: anywhere; }
.settings-drawer-section > label:not(.switch-control):not(.map-budget-control):not(.detection-confidence) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 150px);
  align-items: center;
  gap: 8px;
}
.settings-drawer-section > label > :is(input:not([type="checkbox"]), select) { width: 100%; }
.settings-drawer-section.focus-grace label { color: var(--text); }
.settings-drawer .switch-control > span:first-child { min-width: 0; }
.settings-drawer .switch-track { flex: none; }
.settings-drawer .settings-drawer-row > input { flex: 1; }
.settings-drawer small { font: inherit; color: var(--muted); }
.settings-drawer .pane-menu-help li { margin-bottom: 8px; }
.settings-drawer :is(p, small, li) { overflow-wrap: anywhere; }
@container (max-width: 260px) {
  .settings-drawer-section > label:not(.switch-control):not(.map-budget-control):not(.detection-confidence) {
    grid-template-columns: minmax(0, 1fr);
  }
  .settings-drawer :is(.dock-pane-list, .settings-drawer-fold > div, .shortcut-row, .pad-row) {
    grid-template-columns: minmax(0, 1fr);
  }
  .settings-drawer .backtrack-steps-pair { grid-template-columns: minmax(0, 1fr); }
  .settings-drawer .setting-row { grid-template-columns: minmax(0, 1fr) 44px; }
  .settings-drawer .setting-row > span:first-child { grid-column: 1 / -1; }
  .settings-drawer .setting-row select { grid-column: 1 / -1; width: 100%; }
  .settings-drawer .setting-row input:not([type="checkbox"]) { width: 100%; }
  .settings-drawer .setting-row:has(input[type="checkbox"]) { grid-template-columns: minmax(0, 1fr) 32px; }
  .settings-drawer .setting-row:has(input[type="checkbox"]) > span:first-child { grid-column: auto; }
}
.video-hud-view > small { display: block; margin-top: 6px; color: var(--muted); }
.video-hud-view:only-of-type > small { display: none; }