.zww-pc-settings-dropdown {
  --zww-pc-settings-bg: rgba(255, 255, 255, 0.98);
  --zww-pc-settings-soft: rgba(248, 250, 252, 0.92);
  --zww-pc-settings-section: rgba(248, 250, 252, 0.72);
  --zww-pc-settings-line: rgba(148, 163, 184, 0.22);
  --zww-pc-settings-text: rgba(15, 23, 42, 0.92);
  --zww-pc-settings-muted: rgba(71, 85, 105, 0.76);
  color: var(--zww-pc-settings-text);
}

:is(html.dark, html.tw-dark) .zww-pc-settings-dropdown {
  --zww-pc-settings-bg: rgba(24, 24, 24, 0.98);
  --zww-pc-settings-soft: rgba(255, 255, 255, 0.045);
  --zww-pc-settings-section: rgba(255, 255, 255, 0.035);
  --zww-pc-settings-line: rgba(255, 255, 255, 0.1);
  --zww-pc-settings-text: rgba(241, 245, 249, 0.92);
  --zww-pc-settings-muted: rgba(203, 213, 225, 0.7);
}

.zww-pc-settings-head {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 34px 8px 12px;
  border-bottom: 1px solid var(--zww-pc-settings-line);
  background: linear-gradient(180deg, var(--zww-pc-settings-soft), var(--zww-pc-settings-bg));
}

.zww-pc-settings-title {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  color: var(--zww-pc-settings-text);
}

.zww-pc-settings-close {
  position: absolute;
  top: 5px;
  right: 6px;
}

.zww-pc-settings-body-wrap {
  padding: 8px;
  background: var(--zww-pc-settings-bg);
}

.zww-pc-settings-section {
  padding: 8px;
  border: 1px solid var(--zww-pc-settings-line);
  border-radius: 8px;
  background: var(--zww-pc-settings-section);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

:is(html.dark, html.tw-dark) .zww-pc-settings-section {
  box-shadow: none;
}

.zww-pc-settings-section-title {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: var(--zww-pc-settings-muted);
}

.zww-pc-settings-section-body {
  min-width: 0;
}

.zww-pc-settings-dropdown :is(button, [role="button"]) {
  min-height: 26px;
  border-radius: 6px;
  font-size: 12px;
}

.zww-pc-settings-dropdown :is(input, select, [data-scope="select"][data-part="trigger"]) {
  min-height: 30px;
  height: 30px;
  border-radius: 6px;
  font-size: 12px;
  background: var(--zww-pc-settings-bg);
  border-color: var(--zww-pc-settings-line);
}

.zww-pc-settings-dropdown [data-scope="toggle-group"][data-part="root"],
.zww-pc-settings-dropdown [role="radiogroup"] {
  gap: 5px;
}

.zww-pc-settings-dropdown [data-scope="toggle-group"][data-part="item"] {
  height: 28px;
  min-height: 28px;
  padding-inline: 9px;
  font-size: 12px;
  font-weight: 600;
}

.zww-pc-settings-dropdown [data-scope="toggle-group"][data-part="item"] svg {
  width: 14px;
  height: 14px;
}

.zww-pc-settings-dropdown [role="radiogroup"] [role="radio"] {
  width: 21px;
  height: 21px;
  min-width: 21px;
  min-height: 21px;
  border-radius: 5px;
}

.zww-pc-settings-dropdown [role="radiogroup"] [role="radio"] svg {
  width: 13px;
  height: 13px;
}

.zww-pc-settings-dropdown .zww-region-version-chips {
  gap: 6px !important;
}

.zww-pc-settings-dropdown .zww-region-version-chips button {
  height: 27px !important;
  min-height: 27px !important;
  padding-inline: 10px !important;
  gap: 4px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.zww-pc-settings-export-row {
  gap: 8px;
}

.zww-pc-settings-export-row > span,
.zww-pc-settings-export-row p {
  font-size: 12px !important;
  color: var(--zww-pc-settings-text);
  white-space: nowrap;
}