/* Настройки инструментов: общий язык A. Результаты имеют отдельный этап. */
body.settings-active {
  --accent: #ff6d02; --accent-ink: #202733; --accent-text: #a84400;
  --accent-soft: #fff1e7; --bg: #f6f7f9; --surface: #fff;
  --surface-2: #f4f5f7; --text: #202733; --muted: #626c7b;
  --faint: #687382; --line: #e3e7ed; --line-2: #cdd3dc;
  --radius-sm: 5px; --r-xl: 7px; --h-control: 36px;
  font-size: 14px;
}
:root[data-theme=dark] body.settings-active {
  color-scheme: dark;
  --bg: #171b20; --surface: #1e242b; --surface-2: #252c34;
  --text: #e4e9ef; --muted: #adb7c4; --faint: #98a4b3;
  --line: #353e49; --line-2: #576371;
  --accent-text: #ffb480; --accent-soft: #3b2c22;
}
.settings-active .rail { background: var(--surface); border-right: 1px solid var(--line); }
.settings-active .rb { color: var(--muted); border-radius: 5px; font-weight: 500; }
.settings-active .rb:hover { background: var(--surface-2); color: var(--text); }
.settings-active .rb.on,.settings-active .rb.is-active { background: var(--accent-soft); color: var(--accent-text); }
.settings-active .toolnav { width: 200px; }
.settings-active .ti { font-size: 13px; border-radius: 5px; }
.settings-active .ti.on { background: var(--accent-soft); color: var(--accent-text); box-shadow: none; }
.settings-active .top { padding: 24px 32px; gap: 16px; }
.settings-active .top h1 { font-size: 24px; line-height: 1.3; font-weight: 600; letter-spacing: -.035em; }
.settings-active .top .sub { font-size: 13px; color: var(--muted); }
.settings-active .stages { background: var(--surface-2); border-radius: 6px; padding: 3px; }
.settings-active .stages__item { min-height: 36px; border-radius: 4px; font-size: 13px; font-weight: 500; }
.settings-active .stages__item[aria-current=page] { box-shadow: none; border: 1px solid var(--line); }
.settings-active #setup { padding: 24px 32px 48px; background: var(--bg); }
.settings-active .setup-card { max-width: 1400px; margin: 0 auto; padding: 0; background: transparent; border: 0; box-shadow: none; }
.settings-active .setup-grid,
.settings-active .setup-grid.no-run,
.settings-active .setup-grid.no-aside,
.settings-active .setup-grid.no-run.no-aside {
  grid-template-columns: minmax(0,1fr) 280px; gap: 24px; align-items: start;
}
.settings-active .col-run { grid-column: 1; grid-row: 1; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; padding: 20px; gap: 16px; }
.settings-active .col-params { grid-column: 1; grid-row: 2; border: 0; background: transparent; padding: 0; }
.settings-active .no-run .col-params { grid-row: 1; }
.settings-active .launch-card { display: flex; grid-column: 2; grid-row: 1 / span 2; padding: 20px; border-radius: 7px; gap: 16px; }
.settings-active .col-aside { display: none; }
.settings-active .col-head { border: 0; padding: 0 0 16px; align-items: center; }
.settings-active .col-head h2,.settings-active .settings-source-title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.5; }
.settings-active .sect { padding: 20px; }
.settings-active .card,.settings-active .sr-block { border-radius: 7px; box-shadow: none; }
.settings-active #setup h2,.settings-active #setup h3 { font-size: 16px; font-weight: 600; line-height: 1.5; }
.settings-active .sh { align-items: baseline; gap: 8px 12px; flex-wrap: wrap; }
.settings-active .sh .hint { font-size: 12px; }
.settings-active .label,.settings-active .field__label { font-size: 12px; font-weight: 500; color: var(--muted); }
.settings-active .hint,.settings-active .field__hint { font-size: 12px; line-height: 1.5; color: var(--muted); }
.settings-active .hint:empty { display: none; }
.settings-active input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
.settings-active select {
  height: 36px; min-height: 36px; max-width: 100%; padding: 6px 10px;
  border: 1px solid var(--line-2); border-radius: 5px;
  background-color: var(--surface); color: var(--text); font: inherit; font-size: 14px; box-shadow: none;
}
.settings-active textarea { max-width: 100%; border: 1px solid var(--line-2); border-radius: 5px; background: var(--surface); color: var(--text); font: inherit; font-size: 14px; line-height: 1.5; }
.settings-active button.primary,.settings-active button.secondary,.settings-active .btn {
  min-height: 36px; border-radius: 5px; font-size: 13px; font-weight: 500;
  text-transform: none; letter-spacing: 0; box-shadow: none;
}
.settings-active button.primary,.settings-active .btn--primary { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.settings-active button.secondary { background: var(--surface); color: var(--text); border-color: var(--line-2); }
.settings-active .chip,.settings-active .chp { border-radius: 5px; font-size: 13px; font-weight: 500; }
.settings-active .chip.on,.settings-active .chp.on { background: var(--accent-soft); border-color: var(--accent-text); color: var(--accent-text); }
.settings-active .tab { font-size: 13px; font-weight: 500; }
.settings-active .tab.on { color: var(--accent-text); }
.settings-active .help-btn { border-radius: 5px; font-size: 12px; }
.settings-active .help-btn::before { background: var(--accent-soft); color: var(--accent-text); }
.settings-active :is(button,input,select,textarea):focus-visible { outline: 2px solid var(--accent-text); outline-offset: 2px; }
.settings-active :is(input,select,textarea,button):disabled { opacity: .55; cursor: not-allowed; }
.settings-active .launch-summary__row { gap: 12px; font-size: 13px; padding: 8px 0; }
.settings-active .launch-summary__value { min-width: 0; overflow-wrap: anywhere; }
.settings-active .sr-sidebar-section { border-color: var(--line); }
.settings-active .sr-sidebar-section h3 { margin-top: 0; }
.settings-active .settings-save-panel { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 1px solid var(--line); }
.settings-active .settings-save-panel h3 { margin: 0; }
.settings-active .settings-save-panel .hint { margin: 0; }
.settings-active .brand-actions:empty { display: none; }
.settings-active #setup details>summary { display: flex; align-items: center; gap: 8px; color: var(--text); }
.settings-active #setup details>summary::after { margin-left: auto; color: var(--muted); }
@media (max-width: 1180px) {
  .settings-active .toolnav { width: 180px; }
  .settings-active .top { padding: 20px 24px; }
  .settings-active #setup { padding: 24px; }
  .settings-active .setup-grid,.settings-active .setup-grid.no-run,.settings-active .setup-grid.no-aside,.settings-active .setup-grid.no-run.no-aside { grid-template-columns: minmax(0,1fr); }
  .settings-active .launch-card { grid-column: 1; grid-row: 3; }
  .settings-active .no-run .launch-card { grid-row: 2; }
}
@media (max-width: 760px) {
  .settings-active .toolnav { width: auto; }
  .settings-active .top { padding: 20px 16px; }
  .settings-active .top h1 { font-size: 22px; }
  .settings-active #setup { padding: 20px 16px 40px; }
  .settings-active .setup-grid { gap: 20px; }
  .settings-active .col-run,.settings-active .sect,.settings-active .launch-card { padding: 16px; }
  .settings-active input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.settings-active select,.settings-active button.primary,.settings-active button.secondary,.settings-active .btn { min-height: 44px; height: auto; }
  .settings-active .field,.settings-active .field-row>* { min-width: 0; }
  .settings-active .stages__item { min-height: 44px; }
  .settings-active #tool-stages { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; }
  .settings-active #tool-stages .stages__item { padding: 6px; font-size: 12px; justify-content: center; }
  .settings-active #tool-stages .num { display: none; }
}