:root {
  color-scheme: light;
  --bg: hsl(80 13% 95%);
  --sidebar: hsl(0 0% 100%);
  --surface: hsl(0 0% 100%);
  --surface-2: hsl(96 14% 93%);
  --surface-3: hsl(80 27% 98%);
  --line: hsl(86 9% 85%);
  --line-soft: hsl(86 9% 85% / .68);
  --text: hsl(150 9% 10%);
  --muted: hsl(146 7% 35%);
  --muted-2: hsl(150 10% 24%);
  --green: hsl(161 65% 25%);
  --green-ink: #fff;
  --green-soft: hsl(140 24% 93%);
  --blue: hsl(213 64% 42%);
  --blue-soft: hsl(213 64% 95%);
  --amber: hsl(41 70% 32%);
  --amber-soft: hsl(41 70% 94%);
  --red: hsl(4 59% 45%);
  --red-soft: hsl(4 59% 95%);
  --radius: 6px;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

html { background: var(--bg); font-size: 16px; }

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 1rem;
  line-height: 1.5;
}

button, input, select, textarea { font: inherit; }
button { color: inherit; }

.app-shell { min-height: 100vh; }

.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  display: flex;
  width: 244px;
  flex-direction: column;
  padding: 25px 17px 18px;
  border-right: 1px solid var(--line-soft);
  background: rgba(12, 15, 19, .96);
  backdrop-filter: blur(20px);
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 8px 24px;
  color: var(--text);
  font-size: 1.14rem;
  font-weight: 740;
  letter-spacing: -.04em;
  text-decoration: none;
}

.brand > span:last-child span { color: var(--green); }

.brand-mark {
  display: grid;
  width: 29px;
  height: 29px;
  grid-template-columns: repeat(3, 1fr);
  align-items: end;
  gap: 3px;
  padding: 5px;
  border: 1px solid rgba(184,243,74,.35);
  background: var(--green-soft);
}

.brand-mark span { display: block; background: var(--green); }
.brand-mark span:nth-child(1) { height: 7px; opacity: .55; }
.brand-mark span:nth-child(2) { height: 13px; opacity: .78; }
.brand-mark span:nth-child(3) { height: 19px; }

.main-nav { display: grid; gap: 5px; }

.nav-item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 11px;
  min-height: 43px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: .9rem;
  font-weight: 600;
  text-align: left;
}

.nav-item svg, .search-field svg {
  width: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.7;
}

.nav-item:hover { color: var(--text); background: rgba(255,255,255,.035); }
.nav-item.active { border-color: #303942; background: #171c22; color: var(--text); }
.nav-item.active svg { color: var(--green); }

.nav-count {
  margin-left: auto;
  min-width: 24px;
  padding: 1px 6px;
  border-radius: 99px;
  background: #242b32;
  color: #c7cfcb;
  font-family: var(--mono);
  font-size: .72rem;
  text-align: center;
}

.sidebar-spacer { flex: 1; }

.connection-card {
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #101419;
}

.connection-line { display: flex; align-items: center; gap: 8px; font-size: .8rem; }
.connection-card p { margin: 7px 0 0 15px; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.access-card { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-3); }
.access-card div { display: grid; min-width: 0; }
.access-card span { overflow: hidden; color: var(--muted); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.access-card strong { color: var(--text); font-family: var(--mono); font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; }
.access-card .table-action { flex: 0 0 auto; }
.read-only [data-run-action="cancel"],
.read-only [data-run-action="retry"],
.read-only [data-linked-action="cancel"] { display: none; }

.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); }
.status-dot.online { background: var(--green); box-shadow: 0 0 9px rgba(184,243,74,.55); }
.status-dot.offline { background: var(--red); }
.status-dot.checking { animation: pulse 1.2s ease-in-out infinite; }

@keyframes pulse { 50% { opacity: .3; } }

.sidebar-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 13px;
  padding: 0 3px;
  color: var(--muted-2);
  font-family: var(--mono);
  font-size: .66rem;
  letter-spacing: .06em;
}

.workspace { min-height: 100vh; margin-left: 244px; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 84px;
  padding: 0 34px;
  border-bottom: 1px solid var(--line-soft);
  background: rgba(8, 10, 13, .88);
  backdrop-filter: blur(18px);
}

.topbar h1 { margin: 1px 0 0; font-size: 1.35rem; letter-spacing: -.035em; }
.eyebrow { margin: 0; color: var(--muted); font-family: var(--mono); font-size: .68rem; letter-spacing: .11em; }
.top-actions { display: flex; gap: 9px; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid var(--line);
  border-radius: 4px;
  cursor: pointer;
  font-size: .82rem;
  font-weight: 700;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.btn:hover { transform: translateY(-1px); }
.btn:disabled { cursor: not-allowed; opacity: .45; transform: none; }
.btn.secondary { background: #14181d; color: #d5dcd8; }
.btn.secondary:hover { border-color: #46515c; background: #191f25; }
.btn.primary { border-color: var(--green); background: var(--green); color: var(--green-ink); }
.btn.primary:hover { background: #c6ff58; }
.btn.small { min-height: 34px; padding: 0 11px; font-size: .75rem; }

.view { display: none; padding: 22px 30px 48px; }
.view.active { display: block; }

.mode-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

.mode-card {
  position: relative;
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 12px;
  padding: 10px 42px 10px 14px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(17, 21, 26, .82);
  cursor: pointer;
}

.mode-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--muted-2);
  content: "";
}

.mode-card.quality.selected::before { background: var(--blue); }
.mode-card.synthetic.selected::before { background: var(--green); }
.mode-card.production.selected::before { background: var(--red); }
.mode-card input { position: absolute; opacity: 0; pointer-events: none; }
.mode-card:not(.selected) { opacity: .55; }
.mode-index { color: var(--muted-2); font-family: var(--mono); font-size: .67rem; }
.mode-card strong { display: block; font-size: .88rem; }
.mode-card small { display: block; margin-top: 2px; color: var(--muted); font-size: .73rem; }
.check-mark { position: absolute; right: 14px; color: var(--green); font-family: var(--mono); font-size: .8rem; }

#experiment-form { display: grid; gap: 14px; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: rgba(17, 21, 26, .94); }
.section-panel { padding: 19px; }

.section-heading {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  margin-bottom: 16px;
}

.section-number {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #39424c;
  color: var(--muted);
  font-family: var(--mono);
  font-size: .68rem;
}

.section-heading h2 { margin: -2px 0 2px; font-size: 1rem; letter-spacing: -.015em; }
.section-heading p { margin: 0; color: var(--muted); font-size: .78rem; }
.section-state { padding: 4px 7px; border: 1px solid #3a434b; color: var(--muted); font-family: var(--mono); font-size: .63rem; letter-spacing: .07em; }
.section-state.complete { border-color: rgba(184,243,74,.35); background: var(--green-soft); color: var(--green); }

.previous-run-loader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin: -2px 0 14px;
  padding: 11px;
  border: 1px solid var(--line-soft);
  background: var(--surface-3);
}
.previous-run-actions { display: flex; align-items: center; gap: 8px; }
.previous-run-loader .btn { align-self: center; white-space: nowrap; }

.form-grid { display: grid; gap: 11px; }
.form-grid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.form-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid.compact { gap: 9px; }
.span-2 { grid-column: span 2; }
.span-3 { grid-column: span 3; }
.span-4 { grid-column: span 4; }

.field { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.field > span { color: #aab3af; font-size: .75rem; font-weight: 650; }
.field > span small { margin-left: 4px; color: var(--muted-2); font-size: .62rem; font-weight: 500; }
.field > small { color: var(--muted-2); font-size: .66rem; }

input, select, textarea {
  width: 100%;
  min-height: 39px;
  border: 1px solid #313a43;
  border-radius: 3px;
  outline: none;
  background: #0c1014;
  color: var(--text);
  font-size: .82rem;
}

input, select { padding: 0 11px; }
textarea { padding: 9px 11px; resize: vertical; font-family: var(--mono); font-size: .75rem; line-height: 1.45; }
input::placeholder, textarea::placeholder { color: #56605c; }
input:focus, select:focus, textarea:focus { border-color: rgba(184,243,74,.65); box-shadow: 0 0 0 3px rgba(184,243,74,.07); }
input:invalid:not(:placeholder-shown) { border-color: rgba(255,107,100,.55); }
select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #75807b 50%), linear-gradient(135deg, #75807b 50%, transparent 50%); background-position: calc(100% - 15px) 16px, calc(100% - 10px) 16px; background-repeat: no-repeat; background-size: 5px 5px; padding-right: 28px; }

.inline-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }

.segmented { display: inline-flex; margin-bottom: 14px; padding: 3px; border: 1px solid var(--line); background: #0d1115; }
.segmented label { cursor: pointer; }
.segmented input { position: absolute; opacity: 0; }
.segmented span { display: block; padding: 7px 13px; color: var(--muted); font-size: .75rem; font-weight: 700; }
.segmented input:checked + span { background: #252c33; color: var(--text); box-shadow: inset 0 0 0 1px #333d46; }
.deployment-fields { padding: 13px; border: 1px solid var(--line-soft); background: #0d1115; }
.managed-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: -1px 0 12px; color: var(--muted); font-size: .68rem; }
.managed-toolbar .status-chip { margin-right: auto; }
.hidden { display: none !important; }

.advanced { margin-top: 12px; border-top: 1px solid var(--line-soft); }
.advanced summary { padding: 11px 2px 0; color: var(--muted); cursor: pointer; font-size: .73rem; font-weight: 650; }
.advanced[open] summary { color: var(--text); }
.advanced-body { padding-top: 13px; }
.compact-advanced { margin-top: 11px; }
.compact-note { margin: 0 0 12px; color: var(--muted); font-size: .7rem; }
.compact-note.critical { padding-left: 9px; border-left: 2px solid var(--red); color: var(--muted-2); }
.compact-note code { font-family: var(--mono); }

.check-row { display: flex; min-height: 39px; flex-wrap: wrap; align-items: center; gap: 9px 16px; }
.check-row label { display: flex; align-items: center; gap: 7px; color: #c2cac6; font-size: .76rem; }
.check-row input { width: 15px; min-height: 15px; accent-color: var(--green); }

.notice {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
  padding: 11px 13px;
  border: 1px solid;
  border-radius: 3px;
  font-size: .75rem;
}
.notice strong { white-space: nowrap; }
.notice span { color: #b9c0bd; }
.notice.amber { border-color: rgba(255,200,87,.3); background: var(--amber-soft); }
.notice.amber strong { color: var(--amber); }
.notice.green { border-color: rgba(184,243,74,.27); background: var(--green-soft); }
.notice.green strong { color: var(--green); }
.notice.red { border-color: rgba(255,107,100,.25); background: var(--red-soft); }
.notice.red strong { color: var(--red); }

.arm-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.arm-card { position: relative; display: grid; gap: 12px; padding: 15px; border: 1px solid var(--line); background: #0d1115; }
.arm-card::after { position: absolute; inset: 0 0 auto; height: 2px; background: var(--muted-2); content: ""; }
.arm-card.baseline::after { background: #737f89; }
.arm-card.dflash::after { background: var(--green); }
.arm-card.eagle::after { background: var(--blue); }
.arm-card.disabled { opacity: .45; }

.arm-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; }
.arm-head h3 { margin: 0; font-size: .96rem; }
.arm-tag { display: block; margin-bottom: 1px; color: var(--muted); font-family: var(--mono); font-size: .58rem; letter-spacing: .08em; }
.method-badge { padding: 3px 6px; border: 1px solid #35404a; color: #9ca7a2; font-family: var(--mono); font-size: .59rem; }
.dflash .method-badge { border-color: rgba(184,243,74,.3); color: var(--green); }
.eagle .method-badge { border-color: rgba(102,166,255,.35); color: var(--blue); }
.arm-foot { display: flex; justify-content: space-between; padding-top: 11px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: .72rem; }
.arm-foot strong { color: #d9dfdc; }
.arm-advanced { border-top: 1px solid var(--line-soft); }
.arm-advanced summary { padding-top: 10px; color: var(--muted); cursor: pointer; font-size: .69rem; font-weight: 650; }
.arm-advanced[open] { display: grid; gap: 11px; }
.arm-advanced[open] summary { color: var(--text); }

.toggle input { position: absolute; opacity: 0; }
.toggle span { position: relative; display: block; width: 30px; height: 17px; border: 1px solid #414b54; border-radius: 20px; background: #1d2329; cursor: pointer; }
.toggle span::after { position: absolute; top: 3px; left: 3px; width: 9px; height: 9px; border-radius: 50%; background: #747f7a; content: ""; transition: transform .15s ease; }
.toggle input:checked + span { border-color: rgba(184,243,74,.5); background: rgba(184,243,74,.12); }
.toggle input:checked + span::after { background: var(--green); transform: translateX(13px); }

.workload-panel { padding-bottom: 18px; }
.tab-list { display: flex; gap: 0; border-bottom: 1px solid var(--line); }
.tab { position: relative; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: .78rem; font-weight: 700; }
.tab::after { position: absolute; inset: auto 0 -1px; height: 2px; background: transparent; content: ""; }
.tab.active { color: var(--text); }
.tab.active::after { background: var(--green); }
.tab span { margin-left: 5px; color: var(--green); font-family: var(--mono); }
.tab-panel { padding-top: 15px; }

.workload-toolbar { display: grid; grid-template-columns: minmax(260px, 1fr) 250px auto; align-items: end; gap: 10px; }
.corpus-generator { display: grid; grid-template-columns: minmax(260px, 1fr) auto; align-items: center; gap: 8px 16px; min-height: 58px; padding: 10px 12px; border: 1px solid var(--line-soft); background: #0d1115; }
.runtime-discovery { min-height: 54px; padding: 10px 12px; border: 1px solid var(--line-soft); background: var(--surface-3); }
.runtime-discovery strong, .runtime-discovery small { display: block; }
.runtime-discovery strong { font-size: .77rem; }
.runtime-discovery small { margin-top: 3px; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.runtime-discovery.resolved { border-color: color-mix(in srgb, var(--green) 42%, var(--line)); background: var(--green-soft); }
.runtime-discovery.warning { border-color: color-mix(in srgb, var(--amber) 42%, var(--line)); }
.corpus-generator strong, .corpus-generator small { display: block; }
.corpus-generator strong { font-size: .77rem; }
.corpus-generator small { margin-top: 2px; color: var(--muted); font-size: .68rem; }
.corpus-generator-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.corpus-generation-log { grid-column: 1 / -1; max-height: 150px; margin: 2px 0 0; padding: 9px 10px; overflow: auto; border: 1px solid var(--line-soft); background: #080b0e; color: #aeb8b3; font-family: var(--mono); font-size: .64rem; line-height: 1.5; white-space: pre-wrap; }
.search-field { display: flex; height: 39px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #313a43; background: #0c1014; }
.search-field svg { flex: 0 0 auto; color: var(--muted); }
.search-field input { min-height: 35px; padding: 0; border: 0; background: transparent; box-shadow: none; }
.inline-select { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; }
.catalog-status { padding: 14px 0 5px; color: var(--muted); font-size: .73rem; }

.benchmark-grid { display: grid; max-height: 300px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; overflow-y: auto; padding: 7px 4px 10px 0; scrollbar-color: #3a444d transparent; }
.benchmark-card { position: relative; display: block; min-height: 76px; padding: 10px 31px 10px 11px; border: 1px solid var(--line); background: #0d1115; cursor: pointer; }
.benchmark-card:hover { border-color: #3d4852; }
.benchmark-card.selected { border-color: rgba(184,243,74,.46); background: var(--green-soft); }
.benchmark-card input { position: absolute; opacity: 0; }
.benchmark-card strong { display: block; overflow: hidden; font-family: var(--mono); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.benchmark-card small { display: block; margin-top: 5px; overflow: hidden; color: var(--muted); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.benchmark-card .catalog-check { position: absolute; top: 10px; right: 10px; display: grid; width: 14px; height: 14px; place-items: center; border: 1px solid #47525c; color: transparent; font-size: .55rem; }
.benchmark-card.selected .catalog-check { border-color: var(--green); background: var(--green); color: var(--green-ink); }
.benchmark-options { margin-top: 14px; padding-top: 16px; border-top: 1px solid var(--line-soft); }

.preflight-row { display: flex; align-items: center; gap: 18px; margin-top: 17px; padding: 12px; border: 1px dashed #343e47; color: var(--muted); font-size: .71rem; }
.preflight-row .preflight-label { color: var(--text); font-weight: 700; }
.preflight-row strong { color: #d6ddda; font-family: var(--mono); }
.preflight-row button { margin-left: auto; }

.linked-workflow { margin-top: 16px; padding: 14px; border: 1px solid rgba(184,243,74,.3); background: var(--surface-3); }
.linked-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.linked-head h3 { margin: 0; font-size: .92rem; }
.linked-head p:last-child { margin: 0; color: var(--muted); font-size: .75rem; }
.pipeline-compact { display: flex; align-items: center; gap: 9px; padding: 10px 0 12px; color: var(--muted-2); font-size: .7rem; }
.pipeline-compact i { color: var(--green); font-family: var(--mono); font-style: normal; }
.pipeline-compact strong { color: var(--green); }
.pipeline { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 10px; margin: 17px 0; }
.pipeline article { min-height: 82px; padding: 12px; border: 1px solid var(--line); background: rgba(9,12,15,.72); }
.pipeline article span { display: block; color: var(--green); font-family: var(--mono); font-size: .58rem; letter-spacing: .08em; }
.pipeline article strong { display: block; margin-top: 3px; font-size: .8rem; }
.pipeline article small { display: block; margin-top: 5px; color: var(--muted); font-size: .65rem; line-height: 1.4; }
.pipeline > i { color: var(--green); font-family: var(--mono); font-style: normal; }
.linked-inputs { padding-top: 12px; border-top: 1px solid var(--line-soft); }
.linked-source-picker { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; border-top: 1px solid var(--line-soft); }
.linked-source-picker > span { color: var(--muted); font-size: .72rem; font-weight: 700; }
.linked-source-picker .segmented { margin: 0; }
.linked-shared-inputs { margin-bottom: 14px; }
.field-help code { font-family: var(--mono); font-size: .92em; }
.hosted-source-grid { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.hosted-source-head, .hosted-source-row { display: grid; grid-template-columns: 125px repeat(4, minmax(170px, 1fr)); gap: 10px; align-items: center; }
.hosted-source-head { padding: 8px 12px; border-bottom: 1px solid var(--line); background: var(--surface-2); color: var(--muted); font-family: var(--mono); font-size: .56rem; letter-spacing: .045em; text-transform: uppercase; }
.hosted-source-row { position: relative; padding: 13px 12px; border-bottom: 1px solid var(--line-soft); }
.hosted-source-row:last-child { border-bottom: 0; }
.hosted-source-row::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--green); content: ""; }
.hosted-source-row.eagle-source::before { background: var(--blue); }
.hosted-source-row .field > span { display: none; }
.hosted-arm-label { display: grid; gap: 2px; padding-left: 3px; }
.hosted-arm-label strong { font-size: .78rem; }
.hosted-arm-label span { color: var(--muted); font-size: .61rem; }
.field-help { margin: 9px 1px 0; color: var(--muted); font-size: .67rem; }
.check-option { display: flex; min-height: 45px; align-items: center; gap: 10px; color: var(--text); }
.check-option > input { width: 16px; min-height: 16px; accent-color: var(--green); }
.check-option > span { display: grid; gap: 2px; }
.check-option strong { font-size: .73rem; }
.check-option small { color: var(--muted); font-size: .64rem; }
.linked-method-details { margin-top: 10px; }
.formula-line { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 10px; padding: 9px 10px; border: 1px dashed #39444c; background: #090d10; }
.formula-line code { color: #c9d5cf; font-family: var(--mono); font-size: .68rem; }
.formula-line span { color: var(--muted); font-size: .65rem; white-space: nowrap; }

.review-bar {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(240px, 1fr) auto auto;
  align-items: center;
  gap: 21px;
  min-height: 120px;
  padding: 18px 22px;
  overflow: hidden;
  border: 1px solid rgba(184,243,74,.32);
  background: linear-gradient(98deg, rgba(184,243,74,.09), rgba(17,21,26,.98) 40%);
}

.review-bar h2 { margin: 2px 0; font-size: 1.2rem; }
.review-bar p:last-child { margin: 0; color: var(--muted); font-size: .75rem; }
.matrix-graphic { display: grid; width: 50px; grid-template-columns: repeat(3, 12px); gap: 4px; }
.matrix-graphic span { height: 12px; border: 1px solid rgba(184,243,74,.55); background: rgba(184,243,74,.12); }
.matrix-graphic span:nth-child(2), .matrix-graphic span:nth-child(5) { background: var(--green); }
.review-stats { display: flex; gap: 25px; }
.review-stats div { display: grid; gap: 2px; min-width: 54px; }
.review-stats span { color: var(--muted); font-family: var(--mono); font-size: .57rem; letter-spacing: .08em; }
.review-stats strong { font-family: var(--mono); font-size: 1.02rem; }
.review-actions { display: flex; gap: 8px; }

.view-toolbar, .results-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.linked-runs-panel { margin-bottom: 12px; }
.filter-group { display: inline-flex; gap: 4px; }
.filter { min-height: 34px; padding: 0 11px; border: 1px solid transparent; background: transparent; color: var(--muted); cursor: pointer; font-size: .74rem; font-weight: 700; }
.filter.active { border-color: var(--line); background: var(--surface-2); color: var(--text); }

.table-panel { overflow: hidden; }
.table-scroll { width: 100%; overflow: auto; scrollbar-color: #38434c transparent; }
.very-wide table { min-width: 5400px; }
table { width: 100%; border-collapse: collapse; font-size: .75rem; white-space: nowrap; }
th { height: 40px; padding: 0 13px; border-bottom: 1px solid var(--line); background: #0e1216; color: #84908b; font-family: var(--mono); font-size: .62rem; font-weight: 600; letter-spacing: .045em; text-align: left; text-transform: uppercase; }
td { height: 48px; padding: 0 13px; border-bottom: 1px solid var(--line-soft); color: #c9d0cd; font-variant-numeric: tabular-nums; }
tbody tr:hover td { background: rgba(255,255,255,.018); }
tbody tr:last-child td { border-bottom: 0; }
.empty-row td { height: 160px; color: var(--muted); text-align: center; }
.run-id { color: var(--blue); font-family: var(--mono); }
.status-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 7px; border: 1px solid #3a444d; color: #a8b2ae; font-family: var(--mono); font-size: .62rem; text-transform: uppercase; }
.status-chip.completed { border-color: rgba(184,243,74,.3); color: var(--green); }
.status-chip.running { border-color: rgba(102,166,255,.35); color: var(--blue); }
.status-chip.partial { border-color: rgba(245,181,65,.4); color: var(--amber); }
.status-chip.interrupted { border-color: rgba(245,181,65,.4); color: var(--amber); }
.status-chip.failed { border-color: rgba(255,107,100,.35); color: var(--red); }
.table-action { border: 0; background: transparent; color: var(--blue); cursor: pointer; font-size: .72rem; }

.results-tabs { border: 0; }
.history-selector { display: grid; width: min(520px, 48vw); gap: 5px; }
.history-selector span { color: var(--muted); font-family: var(--mono); font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; }
.run-compare-controls { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 12px; padding: 16px 18px; }
.run-compare-picker { display: grid; min-width: min(760px, 68vw); grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr); align-items: end; gap: 10px; }
.compare-swap { width: 42px; padding: 0; font-family: var(--mono); font-size: 1rem; }
.run-compare-tabs { flex: 0 0 auto; border: 0; }
.run-compare-empty { display: grid; min-height: 180px; place-content: center; text-align: center; }
.run-compare-empty h2 { margin: 5px 0 3px; font-size: 1.12rem; }
.run-compare-empty p:last-child { margin: 0; color: var(--muted); font-size: .78rem; }
.run-compare-summaries { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.run-compare-summaries > article { padding: 17px 18px; }
.run-compare-summary-head { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.run-compare-summary-head h2 { margin: 2px 0; font-size: 1rem; }
.run-compare-summary-head > div:last-child { display: flex; align-items: center; gap: 9px; }
.run-compare-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 15px 0 0; padding-top: 13px; border-top: 1px solid var(--line-soft); }
.run-compare-facts div { min-width: 0; }
.run-compare-facts dt { color: var(--muted); font-family: var(--mono); font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; }
.run-compare-facts dd { overflow: hidden; margin: 3px 0 0; font-family: var(--mono); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.run-compare-head { align-items: end; }
.run-compare-scenarios { display: flex; gap: 10px; }
.run-compare-scenarios .comparison-selector { flex-basis: 220px; }
.run-comparison-table { min-width: 980px; }
.run-comparison-table thead tr:first-child th:not(:first-child) { border-left: 1px solid var(--line-soft); text-align: center; }
.run-comparison-table thead tr:nth-child(2) th { text-align: right; }
.run-comparison-table tbody td:nth-child(4) { border-left: 1px solid var(--line-soft); }
.linked-run-overview {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  align-items: center;
  gap: 24px;
  margin-bottom: 14px;
  padding: 18px 20px;
  border-color: hsl(161 65% 25% / .3);
  background: linear-gradient(105deg, var(--green-soft), var(--surface) 46%);
}
.linked-run-overview h2 { margin: 2px 0; font-size: 1.05rem; }
.linked-run-overview p:last-child { margin: 0; color: var(--muted); font-size: .71rem; }
.linked-run-facts { display: flex; gap: 24px; }
.linked-run-facts div { display: grid; min-width: 78px; gap: 2px; }
.linked-run-facts span { color: var(--muted); font-family: var(--mono); font-size: .57rem; letter-spacing: .07em; }
.linked-run-facts strong { font-family: var(--mono); font-size: .76rem; text-transform: capitalize; }
.linked-run-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.legend { display: flex; gap: 14px; color: var(--muted); font-size: .68rem; }
.legend span { display: flex; align-items: center; gap: 5px; }
.legend i { display: block; width: 6px; height: 6px; border-radius: 50%; }
.legend .valid { background: var(--green); }
.legend .pending { background: var(--amber); }
.legend .invalid { background: var(--red); }
.result-panel { display: none; }
.result-panel.active { display: block; }

.metric-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; }
.metric-cards article { display: grid; min-height: 84px; align-content: center; padding: 13px 15px; border: 1px solid var(--line); background: var(--surface); }
.metric-cards span { color: var(--muted); font-family: var(--mono); font-size: .6rem; letter-spacing: .08em; }
.metric-cards strong { margin-top: 3px; font-family: var(--mono); font-size: 1.5rem; }
.metric-cards small { color: var(--muted-2); font-size: .69rem; }
.metric-cards article.comparison-valid { border-color: color-mix(in srgb, var(--green) 42%, var(--line)); background: var(--green-soft); }
.metric-cards article.comparison-valid strong { color: var(--green); }
.metric-cards article.comparison-invalid { border-color: color-mix(in srgb, var(--red) 42%, var(--line)); background: color-mix(in srgb, var(--red) 8%, var(--surface)); }
.metric-cards article.comparison-invalid strong { color: var(--red); }
.metric-cards article.comparison-pending strong { color: var(--amber); }
.comparison-panel { margin-bottom: 12px; overflow: hidden; }
.comparison-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.comparison-head h2 { margin: 2px 0; font-size: 1rem; }
.comparison-head p:last-child { margin: 0; color: var(--muted); font-size: .71rem; }
.comparison-selector { display: grid; flex: 0 0 240px; gap: 5px; }
.comparison-selector span { color: var(--muted); font-family: var(--mono); font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; }
.comparison-table { min-width: 700px; }
.comparison-table thead th:first-child { width: 34%; }
.comparison-table tbody th { height: 42px; padding: 7px 20px; border-bottom: 1px solid var(--line-soft); background: var(--surface); color: var(--muted-2); font-family: var(--sans); font-size: .73rem; font-weight: 650; letter-spacing: 0; text-transform: none; }
.metric-label { display: inline; }
.metric-info { display: inline-grid; width: 15px; height: 15px; margin-left: 6px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-family: var(--mono); font-size: .55rem; font-weight: 600; }
.comparison-table tbody tr:hover th { background: var(--surface-3); }
.comparison-table tbody tr.metric-section-start > * { border-top: 2px solid var(--line); }
.comparison-value { min-width: 150px; font-family: var(--mono); font-weight: 650; }
.comparison-value.winner { background: var(--green-soft); color: var(--green); }
.comparison-delta { min-width: 210px; font-family: var(--mono); }
.comparison-delta span { display: inline-block; margin-left: 8px; padding: 2px 5px; background: var(--green-soft); color: var(--green); font-family: var(--sans); font-size: .58rem; font-weight: 700; text-transform: uppercase; }
.osl-table { min-width: 1120px; }
.osl-table thead th:first-child { width: auto; }
.raw-results-details { margin-top: 12px; }
.raw-results-details > summary { display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; border: 1px solid var(--line); background: var(--surface); color: var(--muted-2); cursor: pointer; font-size: .74rem; font-weight: 700; }
.raw-results-details > summary span { color: var(--muted); font-family: var(--mono); font-size: .62rem; font-weight: 500; }
.raw-results-details[open] > summary { border-bottom: 0; color: var(--text); }
.raw-results-details > .panel { border-top-left-radius: 0; border-top-right-radius: 0; }
.table-label { display: flex; align-items: center; justify-content: space-between; padding: 16px 17px; border-bottom: 1px solid var(--line); }
.table-label h2 { margin: 0; font-size: .9rem; }
.table-label p { margin: 3px 0 0; color: var(--muted); font-size: .71rem; }
.schema-pill { padding: 4px 7px; border: 1px solid rgba(102,166,255,.3); color: var(--blue); font-family: var(--mono); font-size: .58rem; letter-spacing: .06em; }
.schema-pill.green { border-color: rgba(184,243,74,.3); color: var(--green); }
.schema-pill.red { border-color: rgba(255,107,100,.3); color: var(--red); }
.methodology-banner { display: flex; gap: 10px; margin-bottom: 12px; padding: 11px 14px; border: 1px solid rgba(255,200,87,.3); background: var(--amber-soft); font-size: .75rem; }
.methodology-banner strong { color: var(--amber); }
.methodology-banner span { color: #c6c0af; }

dialog {
  width: min(720px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding: 0;
  border: 1px solid #39434c;
  border-radius: var(--radius);
  background: #11161b;
  color: var(--text);
  box-shadow: 0 24px 80px rgba(0,0,0,.65);
}
dialog::backdrop { background: rgba(0,0,0,.7); backdrop-filter: blur(3px); }
.dialog-head { display: flex; align-items: start; justify-content: space-between; padding: 21px; border-bottom: 1px solid var(--line); }
.dialog-head h2 { margin: 2px 0 0; font-size: 1.15rem; }
.icon-button { width: 34px; height: 34px; border: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; font-size: 1.25rem; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 21px; border-top: 1px solid var(--line); }
#review-content, #submit-content, #info-content, #linked-dialog-content { padding: 20px 21px; }
.logs-dialog { width: min(1120px, calc(100vw - 32px)); overflow: hidden; }
.logs-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: var(--surface-3); }
.log-arm-tabs { display: flex; gap: 6px; }
.log-arm-tab { min-height: 34px; padding: 0 13px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); cursor: pointer; font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.log-arm-tab.active { border-color: hsl(161 65% 25% / .45); background: var(--green-soft); color: var(--green); }
.logs-toolbar-actions { display: flex; align-items: center; gap: 8px; }
.log-stream-state, .log-source { color: var(--muted); font-family: var(--mono); font-size: .62rem; letter-spacing: .035em; }
.engine-log-output { height: min(62vh, 680px); margin: 0; overflow: auto; padding: 18px 20px; border: 0; outline: none; background: #09100d; color: #bfe6ce; font-family: var(--mono); font-size: .7rem; line-height: 1.52; white-space: pre-wrap; word-break: break-word; tab-size: 2; }
.engine-log-output:focus { box-shadow: inset 0 0 0 2px hsl(161 65% 45% / .3); }
.logs-dialog .dialog-actions { align-items: center; justify-content: space-between; }
.json-view { max-height: 420px; overflow: auto; margin: 0; padding: 13px; border: 1px solid var(--line); background: #090c0f; color: #bdc7c2; font-family: var(--mono); font-size: .7rem; line-height: 1.55; white-space: pre-wrap; }
.review-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.review-list li { display: flex; align-items: start; gap: 9px; padding: 10px; border: 1px solid var(--line-soft); background: #0d1115; font-size: .75rem; }
.review-list i { display: grid; flex: 0 0 auto; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: var(--green-soft); color: var(--green); font-family: var(--mono); font-size: .62rem; font-style: normal; }
.review-list li.warning i { background: var(--amber-soft); color: var(--amber); }
.review-list li.error i { background: var(--red-soft); color: var(--red); }
.dialog-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; }
.dialog-summary div { padding: 12px; border: 1px solid var(--line); }
.dialog-summary span { display: block; color: var(--muted); font-size: .65rem; }
.dialog-summary strong { font-family: var(--mono); font-size: 1.1rem; }

.toast-region { position: fixed; z-index: 50; right: 20px; bottom: 20px; display: grid; gap: 8px; width: min(380px, calc(100vw - 40px)); }
.toast { padding: 12px 14px; border: 1px solid #3b4650; border-left: 3px solid var(--green); background: #151a20; box-shadow: 0 14px 40px rgba(0,0,0,.4); font-size: .78rem; animation: toast-in .2s ease-out; }
.toast.error { border-left-color: var(--red); }
.toast.warn { border-left-color: var(--amber); }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }

/* Keep the local console aligned with the hosted TurboEval application theme. */
.sidebar { background: hsl(0 0% 100% / .96); }
.brand-mark { border-color: hsl(161 65% 25% / .3); }
.nav-item:hover { background: var(--surface-2); }
.nav-item.active { border-color: var(--line); background: var(--green-soft); }
.nav-count { background: var(--surface-2); color: var(--muted-2); }
.connection-card { background: var(--surface-3); }
.status-dot.online { box-shadow: 0 0 0 3px hsl(161 65% 25% / .12); }
.topbar { background: hsl(0 0% 100% / .92); }
.btn.secondary { background: var(--surface); color: var(--text); }
.btn.secondary:hover { border-color: hsl(113 7% 76%); background: var(--surface-2); }
.btn.primary:hover { background: hsl(161 65% 21%); }
.mode-card, .panel { background: var(--surface); }
.section-number, .section-state { border-color: var(--line); }
.section-state.complete, .schema-pill.green, .status-chip.completed { border-color: hsl(161 65% 25% / .3); }
.field > span { color: var(--muted-2); }
input, select, textarea, .search-field { border-color: var(--line); background-color: var(--surface-3); }
input::placeholder, textarea::placeholder { color: hsl(146 7% 35% / .65); }
input:focus, select:focus, textarea:focus { border-color: hsl(161 65% 25% / .62); box-shadow: 0 0 0 3px hsl(161 65% 25% / .08); }
.segmented, .deployment-fields, .arm-card, .benchmark-card, .corpus-generator { background: var(--surface-3); }
.corpus-generation-log { background: var(--surface); color: var(--muted-2); }
.segmented input:checked + span { background: var(--surface); color: var(--text); box-shadow: inset 0 0 0 1px hsl(113 7% 76%); }
.check-row label, .notice span { color: var(--muted-2); }
.notice.green, .dflash .method-badge, .toggle input:checked + span { border-color: hsl(161 65% 25% / .3); }
.notice.amber, .methodology-banner { border-color: hsl(41 70% 32% / .3); }
.notice.red, .schema-pill.red, .status-chip.failed { border-color: hsl(4 59% 45% / .3); }
.arm-foot strong { color: var(--text); }
.method-badge, .toggle span, .benchmark-card .catalog-check { border-color: var(--line); color: var(--muted); }
.toggle span { background: var(--surface-2); }
.toggle span::after { background: hsl(146 7% 45%); }
.eagle .method-badge, .schema-pill, .status-chip.running { border-color: hsl(213 64% 42% / .3); }
.benchmark-card:hover { border-color: hsl(113 7% 76%); }
.benchmark-card.selected { border-color: hsl(161 65% 25% / .4); }
.preflight-row, .formula-line { border-color: var(--line); }
.preflight-row strong, .formula-line code { color: var(--text); }
.linked-workflow { border-color: hsl(161 65% 25% / .28); background: linear-gradient(115deg, var(--green-soft), var(--surface) 48%); }
.pipeline article { background: var(--surface-3); }
.formula-line { background: var(--surface-3); }
.review-bar { border-color: hsl(161 65% 25% / .28); background: linear-gradient(98deg, var(--green-soft), var(--surface) 40%); }
.matrix-graphic span { border-color: hsl(161 65% 25% / .45); background: hsl(161 65% 25% / .08); }
.table-scroll, .benchmark-grid { scrollbar-color: hsl(113 7% 76%) transparent; }
th { background: var(--surface-2); color: var(--muted); }
td { color: var(--text); }
tbody tr:hover td { background: var(--surface-3); }
.status-chip { border-color: var(--line); color: var(--muted-2); }
.methodology-banner span { color: var(--muted-2); }
dialog { border-color: var(--line); background: var(--surface); box-shadow: 0 24px 80px hsl(150 9% 10% / .22); }
dialog::backdrop { background: hsl(150 9% 10% / .42); }
.json-view { background: var(--surface-2); color: var(--text); }
.review-list li { background: var(--surface-3); }
.toast { border-color: var(--line); background: var(--surface); box-shadow: 0 14px 40px hsl(150 9% 10% / .18); }
.source-run-link { display: inline-flex; align-items: center; gap: 5px; color: var(--blue); text-decoration: none; }
.artifact-local { display: block; margin-top: 2px; color: var(--muted); font-size: .6rem; }

.login-page { display: grid; min-height: 100vh; margin: 0; padding: 24px; place-items: center; background: var(--bg); }
.login-card { width: min(420px, 100%); padding: 34px; border: 1px solid var(--line); background: var(--surface); box-shadow: 0 18px 60px hsl(150 12% 12% / .12); }
.login-card h1 { margin: 5px 0 8px; font-size: 1.65rem; }
.login-card > p:not(.eyebrow, .login-error) { margin: 0 0 24px; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.login-card form { display: grid; gap: 15px; }
.login-card .btn { width: 100%; }
.login-card small { display: block; margin-top: 20px; color: var(--muted); font-size: .68rem; line-height: 1.5; }
.login-error { margin: 0 0 18px; padding: 10px 12px; border: 1px solid var(--red); color: var(--red); font-size: .75rem; }

@media (max-width: 1180px) {
  .form-grid.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arm-grid { grid-template-columns: 1fr; }
  .benchmark-grid { grid-template-columns: repeat(3, 1fr); }
  .review-bar { grid-template-columns: auto 1fr auto; }
  .review-stats { display: none; }
  .pipeline { grid-template-columns: 1fr; }
  .pipeline > i { transform: rotate(90deg); justify-self: center; }
  .hosted-source-head { display: none; }
  .hosted-source-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hosted-arm-label { grid-column: 1 / -1; }
  .hosted-source-row .field > span { display: block; }
  .linked-run-overview { grid-template-columns: 1fr auto; }
  .linked-run-facts { grid-row: 2; }
  .linked-run-actions { grid-column: 2; grid-row: 1 / span 2; flex-direction: column; align-items: flex-end; }
  .run-compare-controls { align-items: stretch; flex-direction: column; }
  .run-compare-picker { width: 100%; min-width: 0; }
  .run-compare-tabs { align-self: flex-start; }
  .run-compare-head { align-items: stretch; flex-direction: column; }
}

@media (max-width: 820px) {
  .sidebar { position: static; width: auto; min-height: auto; flex-direction: row; align-items: center; padding: 12px 16px; border-right: 0; border-bottom: 1px solid var(--line); }
  .brand { padding: 0 12px 0 0; }
  .main-nav { display: flex; }
  .nav-item { width: auto; }
  .nav-item svg, .nav-count, .connection-card, .sidebar-foot, .sidebar-spacer { display: none; }
  .workspace { margin-left: 0; }
  .topbar { top: 66px; padding: 0 18px; }
  .view { padding: 20px 18px 40px; }
  .mode-strip { grid-template-columns: 1fr; }
  .workload-toolbar { grid-template-columns: 1fr; }
  .benchmark-grid { grid-template-columns: repeat(2, 1fr); }
  .review-bar { grid-template-columns: 1fr; }
  .matrix-graphic { display: none; }
  .review-actions { width: 100%; }
  .review-actions .btn { flex: 1; }
  .run-compare-picker { grid-template-columns: 1fr auto 1fr; }
  .run-compare-summaries { grid-template-columns: 1fr; }
  .run-compare-scenarios { width: 100%; }
  .run-compare-scenarios .comparison-selector { flex: 1 1 0; }
}

@media (max-width: 560px) {
  .brand > span:last-child { display: none; }
  .nav-item { padding: 0 8px; font-size: .72rem; }
  .topbar { height: 76px; }
  .top-actions .secondary { display: none; }
  .form-grid.cols-4, .form-grid.cols-2, .metric-cards { grid-template-columns: 1fr; }
  .span-2, .span-3, .span-4 { grid-column: auto; }
  .section-panel { padding: 17px; }
  .section-heading { grid-template-columns: 30px minmax(0,1fr); }
  .section-state { display: none; }
  .previous-run-loader { grid-template-columns: 1fr; }
  .previous-run-actions { width: 100%; }
  .previous-run-actions .btn { flex: 1; }
  .benchmark-grid { grid-template-columns: 1fr; }
  .preflight-row { flex-wrap: wrap; }
  .preflight-row button { width: 100%; margin-left: 0; }
  .results-head { align-items: start; gap: 12px; flex-direction: column; }
  .results-tabs { width: 100%; overflow: auto; }
  .linked-source-picker { align-items: stretch; flex-direction: column; }
  .linked-source-picker .segmented { width: 100%; }
  .linked-source-picker .segmented label { flex: 1; text-align: center; }
  .hosted-source-row { grid-template-columns: 1fr; }
  .hosted-arm-label { grid-column: auto; }
  .linked-run-overview { grid-template-columns: 1fr; }
  .linked-run-facts { flex-wrap: wrap; grid-row: auto; gap: 12px 20px; }
  .linked-run-actions { grid-column: auto; grid-row: auto; align-items: stretch; }
  .logs-toolbar { align-items: stretch; flex-direction: column; }
  .logs-toolbar-actions { flex-wrap: wrap; }
  .comparison-head { align-items: stretch; flex-direction: column; }
  .comparison-selector { flex-basis: auto; }
  .run-compare-picker { grid-template-columns: 1fr; }
  .compare-swap { width: 100%; }
  .run-compare-tabs { width: 100%; overflow: auto; }
  .run-compare-scenarios { flex-direction: column; }
  .run-compare-facts { grid-template-columns: 1fr; }
  .corpus-generator { grid-template-columns: 1fr; }
  .corpus-generator-actions { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}