.experiment-field {
  --experiment-accent: var(--acc);
  min-width: 0;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  color: var(--mut);
  font-size: 14px;
  line-height: 1.5;
}
.experiment-field legend { padding: 0; margin-bottom: 12px; font-size: 14px; font-weight: 650; }
.experiment-field small { display: inline-block; margin-left: 7px; color: var(--mut); font-size: 12px; font-weight: 400; }
.experiment-choices { display: flex; flex-wrap: wrap; gap: 8px; }
.experiment-choice {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid var(--b-100);
  border-radius: 7px;
  background: var(--row-alt);
  color: var(--mut);
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
.experiment-choice span { min-width: 0; overflow-wrap: anywhere; }
.experiment-choice input[type="checkbox"] { width: 15px; height: 15px; flex: 0 0 15px; margin: 0; accent-color: var(--experiment-accent); }
.experiment-choice:has(input:checked) { color: var(--experiment-accent); background: var(--sunken2); border-color: var(--b-300); }
.experiment-field:not(:disabled) .experiment-choice:hover { border-color: var(--b-300); background: var(--sunken); }
.experiment-choice:focus-within { outline: 2px solid var(--b-300); outline-offset: 2px; }
.experiment-field:disabled .experiment-choice { cursor: default; }
.experiment-custom { display: grid; gap: 7px; margin-top: 14px; font-size: 13px; }
.experiment-custom > span { font-weight: 600; }
.experiment-custom input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--panel);
  color: var(--fg-2);
  font: inherit;
  line-height: 1.5;
}
.experiment-custom input::placeholder { color: var(--mut); }
.experiment-custom input:focus-visible { outline: 2px solid var(--b-300); outline-offset: 2px; border-color: var(--b-300); }
.experiment-field:disabled .experiment-custom { display: none; }
.experiment-tag { display: inline-block; max-width: 100%; padding: 3px 7px; border-radius: 5px; background: var(--sunken2); color: var(--acc); font-size: 13px; line-height: 19px; overflow-wrap: anywhere; }
.experiment-empty { color: var(--mut); }
.experiment-picker:hover .experiment-tag { background: var(--b-100); }
.experiment-menu-popover { display: flex; flex-direction: column; }
.experiment-menu-popover .floating-menu-scroll { flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; overscroll-behavior-y: contain; padding: 3px; margin: -3px; }
.experiment-menu-popover .experiment-menu-actions { flex-shrink: 0; }
.experiment-menu-popover .experiment-field { margin-bottom: 0; }
/* Choices and custom input share the menu body's single scroll container. */
.experiment-menu-popover .experiment-choices { padding: 3px; margin: -3px; }
@media (max-width: 550px) {
  .experiment-field legend small, .experiment-custom small { display: block; margin: 3px 0 0; }
  .experiment-choice { padding: 6px 9px; }
}