.settings-panel {
    max-width: 40rem;
  }

  .settings-search {
    border: 1.5px solid var(--theme-keyword);
    border-radius: 6px;
    padding: 0.45em 0.8em;
    margin-bottom: 1.4em;
    line-height: 1.75;
    transition: border-color 0.3s ease;
  }
  .settings-placeholder {
    color: var(--theme-quiet);
    transition: color 0.3s ease;
  }
  .settings-query {
    color: var(--theme-fg);
    white-space: pre-wrap;
    transition: color 0.3s ease;
  }
  .settings-cursor {
    background: var(--theme-fg);
    color: var(--theme-bg);
    transition: background 0.3s ease, color 0.3s ease;
  }

  .settings-tabs {
    display: flex;
    gap: 1.5em;
    margin-bottom: 1em;
  }
  .settings-tab {
    border: 0;
    padding: 0;
    background: none;
    color: var(--theme-quiet);
    font: inherit;
    line-height: 1.75;
    cursor: pointer;
    transition: color 0.3s ease;
  }
  .settings-tab:hover {
    color: var(--theme-fg);
  }
  .settings-tab.active,
  .settings-tab[aria-selected="true"] {
    color: var(--theme-focus);
    font-weight: 700;
  }
  .settings-tab:focus-visible {
    outline: 1.5px solid var(--theme-focus);
    outline-offset: 2px;
  }
  .settings-panel.is-filtering .settings-tab {
    opacity: 0.45;
  }

  .settings-list {
    list-style: none;
    line-height: 1.5;
  }
  .settings-list:focus {
    outline: none;
  }
  .settings-item[hidden] {
    display: none;
  }

  .settings-item {
    display: flex;
    gap: 6px;
    cursor: pointer;
    margin: 0.125em -0.45em;
    padding: 0.35em 0.45em;
    line-height: 1.5;
  }
  .settings-item:not(.selected):hover {
    background: var(--surface-hover);
  }
  .settings-item .tool-opt-bullet {
    visibility: hidden;
    color: var(--accent-green);
  }
  .settings-item.selected .tool-opt-bullet {
    visibility: visible;
  }
  .settings-list:focus-visible .settings-item.selected {
    background: color-mix(in srgb, var(--theme-focus) 26%, transparent);
  }

  .settings-item-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    column-gap: 1.5em;
    flex: 1;
    min-width: 0;
  }
  .settings-item-top {
    display: contents;
  }
  .settings-item-desc {
    display: block;
    grid-column: 1;
    min-width: 0;
    color: var(--theme-quiet);
    transition: color 0.3s ease;
  }
  .settings-item-value {
    grid-column: 2;
    justify-self: end;
    white-space: nowrap;
    color: var(--theme-quiet);
    transition: color 0.3s ease;
  }
  .settings-item.modified .settings-item-value {
    color: var(--theme-success);
  }
  .settings-item.selected .settings-item-desc,
  .settings-item.selected .settings-item-value {
    color: var(--accent-green);
  }