body.ai-narration-admin-settings-page {
  --ai-narration-admin-bg: #f0f0f1;
  --ai-narration-admin-surface: #fff;
  --ai-narration-admin-surface-alt: #f6f7f7;
  --ai-narration-admin-field: #fff;
  --ai-narration-admin-border: #c3c4c7;
  --ai-narration-admin-border-strong: #8c8f94;
  --ai-narration-admin-text: #1d2327;
  --ai-narration-admin-muted: #646970;
  --ai-narration-admin-link: #2271b1;
  --ai-narration-admin-link-hover: #135e96;
  --ai-narration-admin-focus: #2271b1;
  --ai-narration-admin-primary: #2271b1;
  --ai-narration-admin-shadow: rgba(0, 0, 0, .09);
  --ai-narration-admin-theme-pill-border: rgba(60, 67, 74, .18);
  --ai-narration-admin-ready-text: #1e4620;
  --ai-narration-admin-ready-bg: #edfaef;
  --ai-narration-admin-ready-border: #9dcc9f;
  --ai-narration-admin-previous-text: #3c434a;
  --ai-narration-admin-previous-bg: #f6f7f7;
  --ai-narration-admin-previous-border: #8c8f94;
  --ai-narration-admin-failed-text: #8a2424;
  --ai-narration-admin-failed-bg: #fcf0f1;
  --ai-narration-admin-failed-border: #e8a5aa;
  --ai-narration-admin-queued-text: #674e00;
  --ai-narration-admin-queued-bg: #fff8e5;
  --ai-narration-admin-queued-border: #d9bd65;
  --ai-narration-admin-danger: #b32d2e;
  --ai-narration-admin-danger-hover: #8a2424;
  --ai-narration-admin-danger-bg: #fcf0f1;
  --ai-narration-admin-danger-border: #d8a0a1;
  --ai-narration-admin-danger-border-hover: #b32d2e;
  background: var(--ai-narration-admin-bg);
}

/* Free-edition additions intentionally sit on the accepted Beta 26 design. */
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-dashboard-card.ai-narration-pro-card {
  color: #f2f2f2;
  background: #242424;
  border-color: #3c434a;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pro-card h3,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-dashboard-card.ai-narration-pro-card p {
  color: #f2f2f2;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-dashboard-card.ai-narration-pro-card > p {
  color: #c3c4c7;
}

.ai-narration-pro-card .ai-narration-pro-wordmark {
  --ai-narration-pro-wordmark-rule-height: 28px;
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 0 .7rem;
  padding-left: 7px;
  color: #f2f2f2;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.035em;
}

.ai-narration-pro-card .ai-narration-pro-wordmark::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: var(--ai-narration-pro-wordmark-rule-height);
  border-radius: 999px;
  background: #3858e9;
  content: "";
  transform: translateY(-50%);
}

.ai-narration-pro-card .ai-narration-pro-wordmark-core {
  display: inline-flex;
  align-items: center;
  gap: .16em;
}

.ai-narration-pro-card .ai-narration-pro-wordmark strong {
  font-weight: 700;
}

.ai-narration-pro-card .ai-narration-pro-wordmark-name {
  font-weight: 400;
}

.ai-narration-pro-card .ai-narration-pro-wordmark-edition {
  display: inline-block;
  margin-left: 5px;
  color: #3858e9;
  font-size: .44em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  transform: translateY(3px);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pro-card .button-primary {
  margin-top: .65rem;
  color: #fff !important;
  background: #3858e9 !important;
  border-color: #3858e9 !important;
  border-radius: var(--ai-narration-admin-radius);
  box-shadow: none;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pro-card .button-primary:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pro-card .button-primary:focus-visible {
  color: #fff !important;
  background: #2f4ed4 !important;
  border-color: #2f4ed4 !important;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pro-context a {
  color: #3858e9;
  font-weight: 600;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pro-context a:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pro-context a:focus-visible {
  color: #2f4ed4;
}

.ai-narration-remove-key {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-inline-start: 8px;
  vertical-align: middle;
}

.ai-narration-remove-key input[type="checkbox"] {
  margin: 0;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-free-design-layout {
  display: block;
  max-width: 760px;
}

.ai-narration-free-design-layout .ai-narration-design-preview-wrap {
  margin-top: 1.5rem;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-toolbar {
  gap: 10px;
}

.ai-narration-cache-actions-top {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 1320px;
  margin: 0 0 .65rem;
}

.ai-narration-row-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: .55rem;
  min-width: 190px;
  white-space: nowrap;
}

.ai-narration-row-actions > .button {
  flex: 0 0 auto;
}

.ai-narration-block-option {
  display: block;
  margin-bottom: 6px;
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark {
  --ai-narration-admin-bg: #242424;
  --ai-narration-admin-surface: #2b2b2b;
  --ai-narration-admin-surface-alt: #343434;
  --ai-narration-admin-field: #292929;
  --ai-narration-admin-border: #484848;
  --ai-narration-admin-border-strong: #686868;
  --ai-narration-admin-text: #e6e6e6;
  --ai-narration-admin-muted: #adadad;
  --ai-narration-admin-link: #6f91ff;
  --ai-narration-admin-link-hover: #9ab2ff;
  --ai-narration-admin-focus: #6f91ff;
  --ai-narration-admin-primary: #3858e9;
  --ai-narration-admin-shadow: rgba(0, 0, 0, .32);
  --ai-narration-admin-theme-pill-border: transparent;
  --ai-narration-admin-ready-text: #bde9c1;
  --ai-narration-admin-ready-bg: #1e3823;
  --ai-narration-admin-ready-border: #548b5b;
  --ai-narration-admin-previous-text: #dedede;
  --ai-narration-admin-previous-bg: #343434;
  --ai-narration-admin-previous-border: #6b6b6b;
  --ai-narration-admin-failed-text: #ffc2c5;
  --ai-narration-admin-failed-bg: #3b2225;
  --ai-narration-admin-failed-border: #9b5058;
  --ai-narration-admin-queued-text: #ffe5a0;
  --ai-narration-admin-queued-bg: #3b321e;
  --ai-narration-admin-queued-border: #9a813e;
  --ai-narration-admin-danger: #ff8f94;
  --ai-narration-admin-danger-hover: #ffc2c5;
  --ai-narration-admin-danger-bg: #3b2225;
  --ai-narration-admin-danger-border: #9b5058;
  --ai-narration-admin-danger-border-hover: #c86d74;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system {
    --ai-narration-admin-bg: #242424;
    --ai-narration-admin-surface: #2b2b2b;
    --ai-narration-admin-surface-alt: #343434;
    --ai-narration-admin-field: #292929;
    --ai-narration-admin-border: #484848;
    --ai-narration-admin-border-strong: #686868;
    --ai-narration-admin-text: #e6e6e6;
    --ai-narration-admin-muted: #adadad;
    --ai-narration-admin-link: #6f91ff;
    --ai-narration-admin-link-hover: #9ab2ff;
    --ai-narration-admin-focus: #6f91ff;
    --ai-narration-admin-primary: #3858e9;
    --ai-narration-admin-shadow: rgba(0, 0, 0, .32);
    --ai-narration-admin-theme-pill-border: transparent;
    --ai-narration-admin-ready-text: #bde9c1;
    --ai-narration-admin-ready-bg: #1e3823;
    --ai-narration-admin-ready-border: #548b5b;
    --ai-narration-admin-previous-text: #dedede;
    --ai-narration-admin-previous-bg: #343434;
    --ai-narration-admin-previous-border: #6b6b6b;
    --ai-narration-admin-failed-text: #ffc2c5;
    --ai-narration-admin-failed-bg: #3b2225;
    --ai-narration-admin-failed-border: #9b5058;
    --ai-narration-admin-queued-text: #ffe5a0;
    --ai-narration-admin-queued-bg: #3b321e;
    --ai-narration-admin-queued-border: #9a813e;
    --ai-narration-admin-danger: #ff8f94;
    --ai-narration-admin-danger-hover: #ffc2c5;
    --ai-narration-admin-danger-bg: #3b2225;
    --ai-narration-admin-danger-border: #9b5058;
    --ai-narration-admin-danger-border-hover: #c86d74;
    color-scheme: dark;
  }
}

.ai-narration-admin {
  --ai-narration-admin-radius: 9px;
  --ai-narration-admin-radius-large: 12px;
}

body.ai-narration-admin-settings-page .ai-narration-page > h1.ai-narration-admin-brand {
  --ai-narration-brand-rule-height: 34px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .16em;
  margin: .15rem 0 .3rem;
  padding: 0 0 0 8px;
  color: var(--ai-narration-admin-text);
  font-family: "Roboto", Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.035em;
}

body.ai-narration-admin-settings-page .ai-narration-page > h1.ai-narration-admin-brand::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: var(--ai-narration-brand-rule-height);
  border-radius: 999px;
  background: var(--ai-narration-admin-primary);
  content: "";
  transform: translateY(-50%);
}

body.ai-narration-admin-settings-page .ai-narration-page > h1.ai-narration-admin-brand strong {
  font-weight: 700;
}

body.ai-narration-admin-settings-page .ai-narration-page > h1.ai-narration-admin-brand span {
  font-weight: 400;
}

.ai-narration-admin-intro {
  margin: .65rem 0 0;
}

.ai-narration-admin-storage-note {
  margin: .35rem 0 0;
  color: #646970;
}

.ai-narration-cache-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0;
}

.ai-narration-cache-summary span {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	padding: 7px 11px;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	background: #fff;
}

.ai-narration-cache-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: .75rem 1rem;
  max-width: 1320px;
  margin: 1.25rem 0 .85rem;
}

.ai-narration-cache-search {
  width: min(360px, 100%);
}

.ai-narration-cache-toolbar select {
  min-width: 170px;
}

.ai-narration-usage-toolbar {
  justify-content: flex-start;
}

.ai-narration-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: .5rem;
  color: var(--ai-narration-admin-muted);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pagination .button,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pagination .button:disabled {
  border-color: var(--ai-narration-admin-border-strong) !important;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-pagination .button:disabled {
  color: var(--ai-narration-admin-muted) !important;
  background: var(--ai-narration-admin-surface) !important;
  box-shadow: none !important;
  opacity: 1;
}

.ai-narration-usage-table td:first-child > .description {
  display: block;
}

.ai-narration-cache-audition {
  position: sticky;
  top: 42px;
  z-index: 30;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
  box-sizing: border-box;
  max-width: 1320px;
  margin: 0 0 .85rem;
  padding: .85rem 1rem;
  background: #fff;
  border: 1px solid #c3c4c7;
  border-radius: var(--ai-narration-admin-radius-large);
  box-shadow: 0 3px 12px rgba(0, 0, 0, .09);
}

.ai-narration-cache-audition[hidden] {
  display: none;
}

.ai-narration-cache-audition-title {
  flex: 0 1 280px;
  min-width: 170px;
  overflow: hidden;
}

.ai-narration-cache-audition-title span,
.ai-narration-cache-audition-title strong {
  display: block;
}

.ai-narration-cache-audition-title span {
  margin-bottom: 2px;
  color: #646970;
  font-size: 12px;
  line-height: 1.2;
}

.ai-narration-cache-audition-title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-narration-cache-audition-controls {
  display: flex;
  flex: 1 1 700px;
  align-items: center;
  gap: .55rem;
  min-width: 0;
}

.ai-narration-cache-audition-controls .ai-narration-cache-audition-play {
  flex: 0 0 64px;
  width: 64px;
  min-width: 64px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

.ai-narration-cache-skip {
  min-width: 46px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.ai-narration-cache-audition-time {
  min-width: 3.2rem;
  color: #50575e;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.ai-narration-cache-audition-range {
  --ai-narration-cache-progress: 0%;
  flex: 1 1 220px;
  min-width: 130px;
  margin: 0;
  accent-color: var(--ai-narration-admin-primary);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-cache-audition-range {
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    var(--ai-narration-admin-primary) 0,
    var(--ai-narration-admin-primary) var(--ai-narration-cache-progress),
    var(--ai-narration-admin-border-strong) var(--ai-narration-cache-progress),
    var(--ai-narration-admin-border-strong) 100%
  );
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-cache-audition-range::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
  background: transparent;
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-cache-audition-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -6px;
  border: 0;
  border-radius: 50%;
  background: var(--ai-narration-admin-primary);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-cache-audition-range::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: var(--ai-narration-admin-border-strong);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-cache-audition-range::-moz-range-progress {
  height: 6px;
  border-radius: 999px;
  background: var(--ai-narration-admin-primary);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-cache-audition-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 50%;
  background: var(--ai-narration-admin-primary);
}

@media (prefers-color-scheme: dark) {
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-cache-audition-range {
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(
      to right,
      var(--ai-narration-admin-primary) 0,
      var(--ai-narration-admin-primary) var(--ai-narration-cache-progress),
      var(--ai-narration-admin-border-strong) var(--ai-narration-cache-progress),
      var(--ai-narration-admin-border-strong) 100%
    );
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-cache-audition-range::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: transparent;
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-cache-audition-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin-top: -6px;
    border: 0;
    border-radius: 50%;
    background: var(--ai-narration-admin-primary);
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-cache-audition-range::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: var(--ai-narration-admin-border-strong);
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-cache-audition-range::-moz-range-progress {
    height: 6px;
    border-radius: 999px;
    background: var(--ai-narration-admin-primary);
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-cache-audition-range::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 50%;
    background: var(--ai-narration-admin-primary);
  }
}

.ai-narration-cache-audition-close {
  flex: 0 0 auto;
  padding: .35rem .25rem;
  text-decoration: none;
}

.ai-narration-cache-audition-status {
  flex: 0 0 100%;
  margin: 0;
  color: #b32d2e;
}

.ai-narration-cache-bulk-actions,
.ai-narration-cache-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem .75rem;
}

.ai-narration-cache-selected-form {
  display: inline-flex;
  margin: 0;
}

.ai-narration-cache-table-wrap {
  max-width: 1320px;
  overflow-x: auto;
}

.ai-narration-cache-profile-group {
  margin-top: 1.5rem;
}

.ai-narration-cache-profile-group[data-ai-narration-cache-profile-group="a"] {
  margin-top: 1.25rem;
}

.ai-narration-cache-profile-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .75rem 1rem;
  margin: 0 0 .65rem;
}

.ai-narration-cache-profile-header h3 {
  margin: 0;
}

.ai-narration-cache-bulk-actions--global {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 0 0 auto;
}

[data-ai-narration-audio-panel="cache"] .ai-narration-cache-toolbar,
[data-ai-narration-audio-panel="cache"] .ai-narration-cache-audition,
[data-ai-narration-audio-panel="cache"] .ai-narration-cache-table-wrap {
  width: 100%;
  max-width: none;
}

.ai-narration-cache-table th,
.ai-narration-cache-table td {
  vertical-align: middle;
}

.ai-narration-cache-sort {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  background: transparent;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  cursor: pointer;
}

.ai-narration-cache-sort:hover {
  color: #135e96;
}

.ai-narration-cache-sort:focus-visible {
  outline: 2px solid #2271b1;
  outline-offset: 2px;
}

.ai-narration-cache-sort span {
  display: inline-block;
  width: .8em;
  font-size: 11px;
  line-height: 1;
  text-align: center;
}

.ai-narration-cache-sort[data-sort-direction="asc"] span::before {
  content: "\2191";
}

.ai-narration-cache-sort[data-sort-direction="desc"] span::before {
  content: "\2193";
}

.ai-narration-cache-table .ai-narration-cache-select-column {
  box-sizing: border-box;
  width: 44px;
  min-width: 44px;
  padding-top: 0;
  padding-right: 6px;
  padding-bottom: 0;
  padding-left: 10px;
  text-align: center;
  vertical-align: middle;
}

.ai-narration-cache-table .ai-narration-cache-select-column input {
  margin: 0;
}

.ai-narration-cache-table th:nth-child(2),
.ai-narration-cache-table td:nth-child(2) {
  width: auto;
  min-width: 0;
  max-width: none;
}

.ai-narration-cache-table td:nth-child(2) strong,
.ai-narration-cache-table td:nth-child(2) strong a {
  display: block;
  min-width: 0;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-narration-custom-table th:nth-child(2),
.ai-narration-custom-table td:nth-child(2) {
  width: auto;
  min-width: 0;
  max-width: none;
}

.ai-narration-custom-table td:nth-child(2) strong,
.ai-narration-custom-table td:nth-child(2) strong a {
  max-width: 130px;
}

.ai-narration-cache-table th:nth-child(n+3),
.ai-narration-cache-table td:nth-child(n+3) {
  white-space: nowrap;
}

.ai-narration-free-cache-table th:first-child,
.ai-narration-free-cache-table td:first-child {
  width: auto;
  min-width: 0;
  max-width: none;
}

.ai-narration-free-cache-table {
  min-width: 1120px;
}

.ai-narration-free-cache-table td:first-child strong,
.ai-narration-free-cache-table td:first-child strong a {
  display: block;
  min-width: 0;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-narration-free-cache-table th:nth-child(n+2),
.ai-narration-free-cache-table td:nth-child(n+2) {
  white-space: nowrap;
}

.ai-narration-cache-table .ai-narration-cache-status-column {
  width: auto;
  padding-right: 14px;
  white-space: nowrap;
}

.ai-narration-cache-status {
  display: inline-block;
  padding: 4px 8px;
  color: #3c434a;
  background: #f0f0f1;
  border: 1px solid #c3c4c7;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1.25;
}

.ai-narration-cache-status--ready {
  color: #1e4620;
  background: #edfaef;
  border-color: #9dcc9f;
}

.ai-narration-cache-status--previous {
  color: #3c434a;
  background: #f6f7f7;
  border-color: #8c8f94;
}

.ai-narration-cache-status--failed {
  color: #8a2424;
  background: #fcf0f1;
  border-color: #e8a5aa;
}

.ai-narration-cache-status--generating,
.ai-narration-cache-status--regenerating,
.ai-narration-cache-status--retrying,
.ai-narration-cache-status--queued {
  color: #674e00;
  background: #fff8e5;
  border-color: #d9bd65;
}

.ai-narration-cache-actions {
  flex-wrap: nowrap;
  min-width: 160px;
  white-space: nowrap;
}

.ai-narration-cache-row-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

.ai-narration-cache-row-play__label {
  display: inline-block;
}

.ai-narration-cache-row-play[aria-pressed="true"] .ai-narration-cache-row-play__label {
  transform: translateX(-3px);
}

.ai-narration-cache-footnote {
  flex: 1 1 620px;
  max-width: none;
  margin: 0;
}

.ai-narration-cache-profile-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  max-width: 1320px;
  margin-top: .5rem;
}

.ai-narration-cache-profile-footer .ai-narration-pagination {
  flex: 0 0 auto;
  margin-top: 0;
  margin-left: auto;
}

.ai-narration-tabs {
  margin-top: 1.25rem;
}

.ai-narration-tabs .nav-tab {
  border-radius: var(--ai-narration-admin-radius) var(--ai-narration-admin-radius) 0 0;
  cursor: pointer;
  font: inherit;
}

[data-ai-narration-panel="narration"],
[data-ai-narration-panel="design"],
[data-ai-narration-panel="usage"] {
  padding-top: 10px;
}

.ai-narration-audio-tabs,
.ai-narration-dashboard-tabs {
  margin: 1.5rem 0;
}

.ai-narration-audio-tabs .nav-tab,
.ai-narration-dashboard-tabs .nav-tab {
	border-radius: var(--ai-narration-admin-radius) var(--ai-narration-admin-radius) 0 0;
  cursor: pointer;
  font: inherit;
}

.ai-narration-getting-started {
  box-sizing: border-box;
  max-width: 960px;
  margin: 1rem 0 1.5rem;
  padding: 1.35rem;
  border: 1px solid var(--ai-narration-admin-border);
  border-radius: var(--ai-narration-admin-radius-large);
  color: var(--ai-narration-admin-text);
  background: var(--ai-narration-admin-surface);
}

.ai-narration-getting-started__header { display: block; }
.ai-narration-getting-started__header h3 { margin: 0; font-size: 1.25rem; }
.ai-narration-getting-started__header p { max-width: 680px; margin: .35rem 0 0; color: var(--ai-narration-admin-muted); line-height: 1.5; }
.ai-narration-getting-started__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.ai-narration-getting-started__step { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: .75rem; min-width: 0; padding: .85rem; border: 1px solid var(--ai-narration-admin-border); border-radius: var(--ai-narration-admin-radius); background: var(--ai-narration-admin-surface-alt); }
.ai-narration-getting-started__marker { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 28px; height: 28px; border: 1px solid var(--ai-narration-admin-border-strong); border-radius: 50%; color: var(--ai-narration-admin-muted); background: var(--ai-narration-admin-surface); font-weight: 700; }
.ai-narration-getting-started__step.is-complete .ai-narration-getting-started__marker { color: var(--ai-narration-admin-ready-text); background: var(--ai-narration-admin-ready-bg); border-color: var(--ai-narration-admin-ready-border); }
.ai-narration-getting-started__copy { display: flex; flex-direction: column; min-width: 0; }
.ai-narration-getting-started__copy strong { line-height: 1.35; }
.ai-narration-getting-started__copy span,
.ai-narration-getting-started__waiting { margin-top: .2rem; color: var(--ai-narration-admin-muted); line-height: 1.35; }
.ai-narration-getting-started__step form { margin: 0; }
.ai-narration-getting-started__step .button,
.ai-narration-getting-started__waiting { white-space: nowrap; }
#ai-narration-provider-credentials,
#ai-narration-provider,
#ai-narration-marker-guide,
#ai-narration-preview-voice { scroll-margin-top: 48px; }

.ai-narration-dashboard-card {
  max-width: 760px;
  margin: 1rem 0;
  padding: 1.25rem 1.35rem;
  background: #fff;
  border: 1px solid #c3c4c7;
  border-radius: var(--ai-narration-admin-radius-large);
}

.ai-narration-dashboard-card + .ai-narration-dashboard-card {
  margin-top: 1rem;
}

.ai-narration-dashboard-card h3 {
	margin: .85rem 0 .7rem;
  font-size: 1.25rem;
}

.ai-narration-dashboard-card p {
  max-width: 680px;
  margin: 0;
  color: #646970;
  font-size: 1rem;
  line-height: 1.55;
}

.ai-narration-dashboard-card p + p {
  margin-top: .65rem;
}

.ai-narration-background-details {
  margin-top: .9rem;
  color: var(--ai-narration-admin-muted);
}

.ai-narration-background-details summary,
.ai-narration-advanced-markers summary {
  display: inline-block;
  cursor: pointer;
  font-size: .95rem;
  font-weight: 500;
  list-style: none;
}

.ai-narration-background-details summary::-webkit-details-marker,
.ai-narration-advanced-markers summary::-webkit-details-marker {
  display: none;
}

.ai-narration-background-details summary::before,
.ai-narration-advanced-markers summary::before {
  content: "";
  display: inline-block;
  margin-right: .55rem;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid currentColor;
  transform-origin: 4.5px 6px;
  vertical-align: -1px;
}

.ai-narration-background-details[open] summary::before,
.ai-narration-advanced-markers[open] summary::before {
  transform: rotate(90deg);
}

.ai-narration-background-details__body {
  margin-top: .8rem;
  padding-top: .8rem;
  border-top: 1px solid var(--ai-narration-admin-border);
}

.ai-narration-background-diagnostics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem 1.5rem;
  margin: 0;
}

.ai-narration-background-diagnostics div {
  min-width: 0;
}

.ai-narration-background-diagnostics dt {
  color: var(--ai-narration-admin-text);
  font-weight: 600;
}

.ai-narration-background-diagnostics dd {
  margin: .15rem 0 0;
}

.ai-narration-dashboard-card .ai-narration-background-result {
  margin: 0 0 .8rem;
  color: var(--ai-narration-admin-text);
}

.ai-narration-background-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1rem;
}

.ai-narration-background-actions form {
  margin: 0;
}

.ai-narration-dashboard-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  max-width: 960px;
  margin: 0 0 2rem;
}

.ai-narration-dashboard-settings {
  display: grid;
  gap: .9rem;
  margin: 0;
}

.ai-narration-dashboard-settings div,
.ai-narration-dashboard-settings dt,
.ai-narration-dashboard-settings dd {
  margin: 0;
}

.ai-narration-dashboard-settings div + div {
  padding-top: .8rem;
  border-top: 1px solid #dcdcde;
}

.ai-narration-dashboard-settings dt {
  color: #646970;
}

.ai-narration-dashboard-settings dd {
  margin-top: .2rem;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.35;
}

.ai-narration-theme-setting {
  max-width: 760px;
  margin: .5rem 0 .5rem;
}

.ai-narration-theme-options {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.ai-narration-theme-options + .description {
  margin-top: .5rem;
  max-width: none;
  white-space: nowrap;
}

.ai-narration-admin .ai-narration-theme-option.button {
  font-weight: 600;
  text-align: center;
  transition: color 120ms ease;
}

.ai-narration-admin .ai-narration-theme-option.button:focus-visible {
  outline: 2px solid var(--ai-narration-admin-focus);
  outline-offset: 2px;
}

.ai-narration-theme-status {
  margin: .35rem 0 0;
  color: var(--ai-narration-admin-muted);
}

.ai-narration-theme-status:empty {
  display: none;
}

.ai-narration-admin hr {
  border: 0;
  border-top: 1px solid var(--ai-narration-admin-border);
}

.ai-narration-appearance-divider {
  max-width: 1320px;
  margin: 1rem 0 1.75rem;
}

.ai-narration-settings-divider {
  max-width: 1320px;
  margin: 1.75rem 0;
}

.ai-narration-admin input[type="text"],
.ai-narration-admin input[type="search"],
.ai-narration-admin input[type="password"],
.ai-narration-admin input[type="number"],
.ai-narration-admin select,
.ai-narration-admin textarea,
.ai-narration-admin .button,
.ai-narration-admin .wp-color-result {
  border-radius: var(--ai-narration-admin-radius);
}

.ai-narration-admin input[type="checkbox"] {
  border-radius: 4px;
}

.ai-narration-admin #ai-narration-api-key + label {
  margin-inline-start: 5px;
}

.ai-narration-admin input[type="range"] {
  border-radius: 999px;
}

.ai-narration-admin .wp-color-result,
.ai-narration-admin .iris-picker {
  overflow: hidden;
}

.ai-narration-admin .iris-picker,
.ai-narration-admin .ai-narration-notice,
.ai-narration-admin .ai-narration-settings-errors .notice,
.ai-narration-admin table.widefat {
  border-radius: var(--ai-narration-admin-radius-large);
}

.ai-narration-admin table.widefat {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

[data-ai-narration-panel][hidden],
[data-ai-narration-settings-panel][hidden],
[data-ai-narration-cache-profile-group][hidden],
[data-ai-narration-profile-picker][hidden],
[data-ai-narration-custom-profile-picker][hidden],
[data-ai-narration-additional-marker][hidden] {
  display: none !important;
}

.ai-narration-voice-preview {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: .75rem;
}

.ai-narration-article-preview {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .65rem;
  margin: .65rem 0;
}

[id^="ai-narration-preview-post"] {
  width: 110px;
}

[id^="ai-narration-article-preview-status"] {
  color: #50575e;
  font-style: italic;
}

[id^="ai-narration-voice-preview-status"] {
  color: #50575e;
  font-style: italic;
}

.ai-narration-settings-type-tabs {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.ai-narration-settings-type-tabs .nav-tab {
  border-radius: var(--ai-narration-admin-radius) var(--ai-narration-admin-radius) 0 0;
  cursor: pointer;
  font: inherit;
}

.ai-narration-profile-picker {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 0;
}

.ai-narration-profile-description {
  margin: .5rem 0 .25rem;
}

.ai-narration-admin .ai-narration-profile-option.button {
  font-weight: 600;
  text-align: center;
  transition: color 120ms ease;
}

.ai-narration-admin .ai-narration-profile-option.button:focus-visible {
  outline: 2px solid var(--ai-narration-admin-focus);
  outline-offset: 2px;
}

.ai-narration-marker-guide {
  max-width: 760px;
}

.ai-narration-marker-row {
  margin: 0 0 1rem;
}

.ai-narration-marker-row > label {
  display: block;
  margin-bottom: .35rem;
}

.ai-narration-marker-copy {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.ai-narration-marker-code {
  width: min(430px, 100%);
}

#ai-narration-copy-status {
  min-height: 1.4em;
  margin-top: 0;
}

#ai-narration-copy-status:empty {
  display: none;
}

.ai-narration-advanced-markers {
  margin: .25rem 0 2rem;
}

.ai-narration-advanced-markers p {
  margin: .65rem 0 0;
}

.ai-narration-usage-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  max-width: 1180px;
  margin: 1rem 0 2rem;
}

.ai-narration-usage-card {
  padding: 1rem 1.1rem;
  background: #fff;
  border: 1px solid #c3c4c7;
  border-radius: var(--ai-narration-admin-radius-large);
}

.ai-narration-usage-card h3 {
  margin: 0 0 .9rem;
}

.ai-narration-usage-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem 1.25rem;
  margin: 0;
}

.ai-narration-usage-metrics div,
.ai-narration-usage-metrics dt,
.ai-narration-usage-metrics dd {
  margin: 0;
}

.ai-narration-usage-recent {
  margin: 1rem 0 0;
  padding-top: .8rem;
  color: #646970;
  border-top: 1px solid #dcdcde;
}

.ai-narration-usage-recent strong {
  color: #1d2327;
}

.ai-narration-dashboard-usage-lists {
  max-width: 1180px;
  margin: 2rem 0;
}

.ai-narration-dashboard-usage-lists section + section {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ai-narration-admin-border);
}

.ai-narration-dashboard-usage-lists h3 {
  margin: 0 0 .85rem;
}

.ai-narration-usage-metrics dt {
  color: #646970;
}

.ai-narration-usage-metrics dd {
  margin-top: .15rem;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.2;
}

.ai-narration-usage-table-group {
  max-width: 1180px;
}

.ai-narration-usage-table-wrap {
  max-width: 1180px;
  overflow-x: auto;
}

.ai-narration-usage-table th:not(:first-child),
.ai-narration-usage-table td:not(:first-child) {
  white-space: nowrap;
}

.ai-narration-usage-table tr[hidden] {
  display: none;
}

.ai-narration-usage-reset {
  max-width: 720px;
  margin-top: 2.5rem;
  padding-top: .75rem;
  border-top: 1px solid #c3c4c7;
}

.ai-narration-usage-divider {
  max-width: 1180px;
  margin: 2.5rem 0;
  border: 0;
  border-top: 1px solid var(--ai-narration-admin-border);
}

.ai-narration-usage-reset-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.ai-narration-usage-reset-actions form {
  margin: 0;
}

.ai-narration-design-layout {
  display: grid;
  grid-template-columns: minmax(360px, 440px) minmax(520px, 1fr);
  gap: 2rem;
  align-items: start;
  max-width: 1320px;
}

.ai-narration-design-controls .form-table th {
  width: 145px;
}

.ai-narration-design-controls .wp-picker-container {
  vertical-align: top;
}

.ai-narration-design-controls .description {
  max-width: 26rem;
}

.ai-narration-heading-field {
  width: min(280px, 100%);
}

.ai-narration-radius-control {
  display: flex;
  align-items: center;
  gap: .75rem;
}

.ai-narration-radius-control input[type="range"] {
  --ai-narration-radius-progress: 0%;
  width: min(240px, 100%);
  accent-color: var(--ai-narration-admin-primary);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-radius-control input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    var(--ai-narration-admin-primary) 0,
    var(--ai-narration-admin-primary) var(--ai-narration-radius-progress),
    var(--ai-narration-admin-border-strong) var(--ai-narration-radius-progress),
    var(--ai-narration-admin-border-strong) 100%
  );
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-radius-control input[type="range"]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
  background: transparent;
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-radius-control input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -6px;
  border: 0;
  border-radius: 50%;
  background: var(--ai-narration-admin-primary);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-radius-control input[type="range"]::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: var(--ai-narration-admin-border-strong);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-radius-control input[type="range"]::-moz-range-progress {
  height: 6px;
  border-radius: 999px;
  background: var(--ai-narration-admin-primary);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-radius-control input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 50%;
  background: var(--ai-narration-admin-primary);
}

@media (prefers-color-scheme: dark) {
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-radius-control input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(
      to right,
      var(--ai-narration-admin-primary) 0,
      var(--ai-narration-admin-primary) var(--ai-narration-radius-progress),
      var(--ai-narration-admin-border-strong) var(--ai-narration-radius-progress),
      var(--ai-narration-admin-border-strong) 100%
    );
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-radius-control input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: transparent;
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-radius-control input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin-top: -6px;
    border: 0;
    border-radius: 50%;
    background: var(--ai-narration-admin-primary);
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-radius-control input[type="range"]::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: var(--ai-narration-admin-border-strong);
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-radius-control input[type="range"]::-moz-range-progress {
    height: 6px;
    border-radius: 999px;
    background: var(--ai-narration-admin-primary);
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-radius-control input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 50%;
    background: var(--ai-narration-admin-primary);
  }
}

.ai-narration-radius-control output {
  min-width: 3.5rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.ai-narration-design-preview-wrap h3 {
  margin-bottom: .25rem;
}

.ai-narration-design-preview-wrap > .description {
	margin-bottom: .75rem;
}

.ai-narration-idle-duration-option {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-weight: 400;
}

.ai-narration-idle-duration-option {
	margin: .85rem 0 0;
}

.ai-narration-idle-duration-option input {
	margin: 0;
}

.ai-narration-design-preview {
  max-width: 900px;
  padding: 1.5rem .75rem;
  overflow: hidden;
  color: #9ca1ad;
  background: var(--ai-narration-preview-background, #202125);
  border: 1px solid #34373e;
  border-radius: var(--ai-narration-admin-radius-large);
}

.ai-narration-design-preview .ai-narration {
  margin-top: 0;
  margin-bottom: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
}

.ai-narration--admin-preview .ai-narration__play,
.ai-narration--admin-preview .ai-narration__timeline {
  transition: opacity 180ms ease-out;
}

.ai-narration--admin-preview.is-preview-resetting .ai-narration__play,
.ai-narration--admin-preview.is-preview-resetting .ai-narration__timeline {
  opacity: 0;
  transition-timing-function: ease-in;
}

@media (prefers-reduced-motion: reduce) {
  .ai-narration--admin-preview .ai-narration__play,
  .ai-narration--admin-preview .ai-narration__timeline {
    transition: none;
  }
}

body.ai-narration-admin-settings-page #wpcontent,
body.ai-narration-admin-settings-page #wpbody,
body.ai-narration-admin-settings-page #wpbody-content,
body.ai-narration-admin-settings-page #wpfooter {
  background: var(--ai-narration-admin-bg);
}

body.ai-narration-admin-settings-page #wpfooter {
  color: var(--ai-narration-admin-muted);
}

body.ai-narration-admin-settings-page #wpfooter a {
  color: var(--ai-narration-admin-link);
}

body.ai-narration-admin-settings-page .ai-narration-page > h1,
body.ai-narration-admin-settings-page .ai-narration-admin,
body.ai-narration-admin-settings-page .ai-narration-admin h1,
body.ai-narration-admin-settings-page .ai-narration-admin h2,
body.ai-narration-admin-settings-page .ai-narration-admin h3,
body.ai-narration-admin-settings-page .ai-narration-admin label,
body.ai-narration-admin-settings-page .ai-narration-admin .form-table th,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat th,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat td {
  color: var(--ai-narration-admin-text);
}

body.ai-narration-admin-settings-page .ai-narration-admin .description,
body.ai-narration-admin-settings-page .ai-narration-admin-storage-note,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat .description,
body.ai-narration-admin-settings-page .ai-narration-admin [id^="ai-narration-article-preview-status"],
body.ai-narration-admin-settings-page .ai-narration-admin [id^="ai-narration-voice-preview-status"],
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-audition-time,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-audition-title span {
  color: var(--ai-narration-admin-muted);
}

body.ai-narration-admin-settings-page .ai-narration-admin a,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-sort:hover {
  color: var(--ai-narration-admin-link);
}

body.ai-narration-admin-settings-page .ai-narration-admin a:hover,
body.ai-narration-admin-settings-page .ai-narration-admin a:focus-visible {
  color: var(--ai-narration-admin-link-hover);
}

body.ai-narration-admin-settings-page .ai-narration-admin input[type="text"],
body.ai-narration-admin-settings-page .ai-narration-admin input[type="search"],
body.ai-narration-admin-settings-page .ai-narration-admin input[type="password"],
body.ai-narration-admin-settings-page .ai-narration-admin input[type="number"],
body.ai-narration-admin-settings-page .ai-narration-admin select,
body.ai-narration-admin-settings-page .ai-narration-admin textarea {
  color: var(--ai-narration-admin-text);
  background-color: var(--ai-narration-admin-field);
  border-color: var(--ai-narration-admin-border-strong);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-toolbar select {
  color: var(--ai-narration-admin-muted);
}

body.ai-narration-admin-settings-page .ai-narration-admin input[readonly] {
  background-color: var(--ai-narration-admin-surface-alt);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-admin select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%23adadad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (prefers-color-scheme: dark) {
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-admin select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%23adadad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

body.ai-narration-admin-settings-page .ai-narration-admin input::placeholder,
body.ai-narration-admin-settings-page .ai-narration-admin textarea::placeholder {
  color: var(--ai-narration-admin-muted);
  opacity: .85;
}

body.ai-narration-admin-settings-page .ai-narration-admin input[type="checkbox"] {
  background-color: var(--ai-narration-admin-field);
  border-color: var(--ai-narration-admin-border-strong);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-light .ai-narration-admin input[type="checkbox"]:checked {
  background-color: var(--ai-narration-admin-primary);
  border-color: var(--ai-narration-admin-primary);
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-light .ai-narration-admin input[type="checkbox"]:checked::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  background: center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (prefers-color-scheme: light) {
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-admin input[type="checkbox"]:checked {
    background-color: var(--ai-narration-admin-primary);
    border-color: var(--ai-narration-admin-primary);
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-admin input[type="checkbox"]:checked::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    background: center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

body.ai-narration-admin-settings-page .ai-narration-admin input:focus,
body.ai-narration-admin-settings-page .ai-narration-admin select:focus,
body.ai-narration-admin-settings-page .ai-narration-admin textarea:focus,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-sort:focus-visible {
  border-color: var(--ai-narration-admin-focus);
  box-shadow: 0 0 0 1px var(--ai-narration-admin-focus);
  outline: 2px solid transparent;
}

body.ai-narration-admin-settings-page .ai-narration-admin .button:not(.button-primary),
body.ai-narration-admin-settings-page .ai-narration-admin .wp-color-result {
  color: var(--ai-narration-admin-link);
  background: var(--ai-narration-admin-surface);
  border-color: var(--ai-narration-admin-border-strong);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-selected-form .button:disabled {
  color: var(--ai-narration-admin-muted) !important;
  background: var(--ai-narration-admin-surface) !important;
  border-color: var(--ai-narration-admin-border-strong) !important;
  box-shadow: none !important;
  opacity: 1;
}

body.ai-narration-admin-settings-page .ai-narration-admin .button:not(.button-primary):hover,
body.ai-narration-admin-settings-page .ai-narration-admin .button:not(.button-primary):focus-visible,
body.ai-narration-admin-settings-page .ai-narration-admin .wp-color-result:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .wp-color-result:focus-visible {
  color: var(--ai-narration-admin-link-hover);
  background: var(--ai-narration-admin-surface-alt);
  border-color: var(--ai-narration-admin-link);
}

body.ai-narration-admin-settings-page .ai-narration-admin .button-primary {
  color: #fff;
  background: var(--ai-narration-admin-primary);
  border-color: var(--ai-narration-admin-primary);
}

body.ai-narration-admin-settings-page .ai-narration-admin button:focus:not(:focus-visible),
body.ai-narration-admin-settings-page .ai-narration-admin .button:focus:not(:focus-visible),
body.ai-narration-admin-settings-page .ai-narration-admin summary:focus:not(:focus-visible) {
  box-shadow: none !important;
  outline: none !important;
}

body.ai-narration-admin-settings-page .ai-narration-admin .nav-tab-wrapper {
  border-color: var(--ai-narration-admin-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .nav-tab {
  color: var(--ai-narration-admin-muted);
  background: var(--ai-narration-admin-surface-alt);
  border-color: var(--ai-narration-admin-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .nav-tab:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .nav-tab:focus-visible {
  color: var(--ai-narration-admin-text);
  background: var(--ai-narration-admin-surface);
}

body.ai-narration-admin-settings-page .ai-narration-admin .nav-tab-active,
body.ai-narration-admin-settings-page .ai-narration-admin .nav-tab-active:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .nav-tab-active:focus-visible {
  color: var(--ai-narration-admin-text);
  background: var(--ai-narration-admin-bg);
  border-bottom-color: var(--ai-narration-admin-bg);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-tabs .ai-narration-get-pro-tab,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-tabs .ai-narration-get-pro-tab:visited {
  color: #6f91ff;
  background: #242424;
  border-color: #242424;
  font-weight: 600;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-tabs .ai-narration-get-pro-tab:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-tabs .ai-narration-get-pro-tab:focus-visible {
  color: #fff;
  background: #2b2b2b;
  border-color: #2b2b2b;
}

.ai-narration-custom-create {
	margin-top: 28px;
	width: min(100%, 1100px);
	box-sizing: border-box;
}

.ai-narration-custom-create summary {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	list-style: none;
	border: 1px solid var(--ai-narration-admin-border-strong);
	border-radius: var(--ai-narration-admin-radius);
	color: var(--ai-narration-admin-link);
	background: var(--ai-narration-admin-surface);
	font-weight: 600;
}

.ai-narration-custom-create summary::-webkit-details-marker {
	display: none;
}

.ai-narration-custom-create summary:hover,
.ai-narration-custom-create summary:focus-visible {
	color: var(--ai-narration-admin-link-hover);
	background: var(--ai-narration-admin-surface-alt);
	border-color: var(--ai-narration-admin-link);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-custom-create[open] > summary.button,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-custom-create[open] > summary.button:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-custom-create[open] > summary.button:focus-visible {
	color: var(--ai-narration-admin-muted);
	background: var(--ai-narration-admin-surface);
	border-color: var(--ai-narration-admin-border-strong);
}

.ai-narration-custom-create form {
	margin-top: 1.5rem;
}

.ai-narration-custom-create-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem .75rem;
}

.ai-narration-custom-library {
	margin-top: 0;
}

.ai-narration-custom-profile-group {
  margin-top: 2rem;
}

.ai-narration-custom-profile-group:first-child {
  margin-top: 1.1rem;
}

.ai-narration-custom-item-profile {
  max-width: 980px;
  margin: 1.25rem 0;
}

.ai-narration-custom-item-profile > strong {
  display: block;
  margin-bottom: .65rem;
}

.ai-narration-custom-item-profile > .description {
  margin: .5rem 0 0;
}

.ai-narration-custom-audition {
	width: 100%;
	max-width: none;
	margin: 0 0 .85rem;
}

.ai-narration-custom-library-title {
	margin: 1.65rem 0 0;
}

.ai-narration-custom-library-toolbar {
	width: 100%;
	max-width: none;
	margin-top: .75rem;
}

.ai-narration-custom-create h3,
.ai-narration-custom-library h3 {
  margin-top: 0;
}

.ai-narration-custom-create-grid {
  display: grid;
	grid-template-columns: minmax(220px, 1fr);
  gap: 1.25rem;
}

.ai-narration-custom-create-grid p {
  margin: 0;
}

.ai-narration-custom-create-grid p,
.ai-narration-custom-create label,
.ai-narration-custom-editor label {
  display: block;
}

.ai-narration-custom-create-grid input,
.ai-narration-custom-marker-preview input,
.ai-narration-custom-editor input,
.ai-narration-custom-create textarea,
.ai-narration-custom-editor textarea {
  margin-top: 7px;
}

.ai-narration-custom-editor input,
.ai-narration-custom-editor textarea {
  margin-top: 11px;
}

.ai-narration-custom-editor-text {
  margin-bottom: 0;
}

.ai-narration-custom-editor-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem .75rem;
  margin: 1.35rem 0 0;
}

.ai-narration-custom-editor-action-description {
  margin: .75rem 0 0;
}

.ai-narration-custom-marker-preview {
	width: min(680px, 100%);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-custom-marker-preview > strong,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-custom-marker-preview > label > strong {
	color: var(--ai-narration-admin-text);
}

.ai-narration-custom-marker-preview > label {
	margin-bottom: .35rem;
}

.ai-narration-custom-marker-preview .ai-narration-marker-copy input {
	margin-top: 0;
}

.ai-narration-custom-marker-preview .description {
	display: block;
	margin-top: .35rem;
}

.ai-narration-custom-idle-duration-option label {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-weight: 400;
}

.ai-narration-admin .ai-narration-custom-idle-duration-option input[type="checkbox"] {
	margin: 0;
}

.ai-narration-custom-idle-duration-option {
	margin-bottom: 1.15rem;
}

.ai-narration-custom-table code {
  display: inline-block;
  margin-top: 4px;
  font-size: 11px;
}

.ai-narration-custom-library .ai-narration-cache-table-wrap {
  max-width: none;
}

.ai-narration-custom-delete {
  color: var(--ai-narration-admin-danger) !important;
  border-color: var(--ai-narration-admin-danger-border) !important;
}

.ai-narration-custom-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

.ai-narration-cache-status--changed,
.ai-narration-cache-status--previous {
  border-color: var(--ai-narration-admin-previous-border);
  color: var(--ai-narration-admin-previous-text);
  background: var(--ai-narration-admin-previous-bg);
}

.ai-narration-disclosure-field {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ai-narration-disclosure-field span {
  white-space: nowrap;
  font-weight: 600;
}

.ai-narration-custom-title-description,
.ai-narration-custom-player-label-description {
  display: block;
  margin-top: .4rem;
}

.ai-narration-narration-divider {
  margin: 40px 0 32px;
  border: 0;
  border-top: 1px solid var(--ai-narration-admin-border);
}

@media (max-width: 782px) {
	.ai-narration-getting-started { padding: 1rem; }
	.ai-narration-getting-started__steps { grid-template-columns: 1fr; }
	.ai-narration-getting-started__step { grid-template-columns: 30px minmax(0, 1fr); }
	.ai-narration-getting-started__step .button,
	.ai-narration-getting-started__step form,
	.ai-narration-getting-started__waiting { grid-column: 2; justify-self: start; }
	.ai-narration-background-diagnostics {
		grid-template-columns: 1fr;
	}

  .ai-narration-custom-create-grid {
    grid-template-columns: 1fr;
  }

  .ai-narration-custom-create-grid input[type="text"] {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }

  .ai-narration-custom-library-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .ai-narration-custom-library-heading input[type="search"] {
    width: 100%;
  }
}

body.ai-narration-admin-settings-page .ai-narration-admin table.widefat,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-audition,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-summary span,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-dashboard-card,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-usage-card,
body.ai-narration-admin-settings-page .ai-narration-notice,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-settings-errors .notice {
  color: var(--ai-narration-admin-text);
  background: var(--ai-narration-admin-surface);
  border-color: var(--ai-narration-admin-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-dashboard-card p {
  color: var(--ai-narration-admin-muted);
}

body.ai-narration-admin-settings-page .ai-narration-notice p {
  color: var(--ai-narration-admin-text);
}

body.ai-narration-admin-settings-page .ai-narration-notice,
body.ai-narration-admin-settings-page #setting-error-settings_updated {
  overflow: hidden;
  border-radius: 9px;
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-notice,
body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark #setting-error-settings_updated {
  color: var(--ai-narration-admin-text) !important;
  background: var(--ai-narration-admin-surface-alt) !important;
  border: 1px solid var(--ai-narration-admin-border) !important;
  border-left: 4px solid #46b450 !important;
}

body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-notice p,
body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark .ai-narration-notice .notice-dismiss::before,
body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark #setting-error-settings_updated p,
body.ai-narration-admin-settings-page.ai-narration-admin-theme-dark #setting-error-settings_updated .notice-dismiss::before {
  color: var(--ai-narration-admin-text) !important;
}

@media (prefers-color-scheme: dark) {
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-notice,
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system #setting-error-settings_updated {
    color: var(--ai-narration-admin-text) !important;
    background: var(--ai-narration-admin-surface-alt) !important;
    border: 1px solid var(--ai-narration-admin-border) !important;
    border-left: 4px solid #46b450 !important;
  }

  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-notice p,
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system .ai-narration-notice .notice-dismiss::before,
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system #setting-error-settings_updated p,
  body.ai-narration-admin-settings-page.ai-narration-admin-theme-system #setting-error-settings_updated .notice-dismiss::before {
    color: var(--ai-narration-admin-text) !important;
  }
}

.ai-narration-notice[data-ai-narration-cache-action-notice] {
  transition: opacity .2s ease;
}

.ai-narration-notice--expiring {
  opacity: 0;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-audition {
  box-shadow: 0 3px 12px var(--ai-narration-admin-shadow);
}

body.ai-narration-admin-settings-page .ai-narration-admin .widefat thead td,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat thead th,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat tfoot td,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat tfoot th,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat td,
body.ai-narration-admin-settings-page .ai-narration-admin .widefat th {
  border-color: var(--ai-narration-admin-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .striped > tbody > :nth-child(odd),
body.ai-narration-admin-settings-page .ai-narration-admin ul.striped > :nth-child(odd) {
  background-color: var(--ai-narration-admin-surface-alt);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-custom-table.striped > tbody > tr[data-ai-narration-custom-row] {
	background-color: var(--ai-narration-admin-surface);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-custom-table.striped > tbody > tr.ai-narration-custom-row--alternate {
	background-color: var(--ai-narration-admin-surface-alt);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-table.striped > tbody > tr[data-ai-narration-cache-row] {
  background-color: var(--ai-narration-admin-surface);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-table.striped > tbody > tr.ai-narration-cache-row--alternate {
  background-color: var(--ai-narration-admin-surface-alt);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-table > tbody > tr.ai-narration-cache-alert-row > td {
  color: var(--ai-narration-admin-failed-text);
  background-color: var(--ai-narration-admin-failed-bg);
  border-top: 1px solid var(--ai-narration-admin-failed-border);
  border-bottom: 1px solid var(--ai-narration-admin-failed-border);
  padding-top: 11px;
  padding-bottom: 11px;
  vertical-align: middle;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-table .ai-narration-cache-alert-message {
  width: auto;
  min-width: 0;
  max-width: none;
  white-space: nowrap;
  font-size: inherit;
  font-weight: 400;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-free-cache-table .ai-narration-cache-alert-message > strong {
  display: inline;
  max-width: none;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-usage-recent,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-usage-reset {
  color: var(--ai-narration-admin-muted);
  border-color: var(--ai-narration-admin-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-dashboard-settings dt {
  color: var(--ai-narration-admin-muted);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-dashboard-settings div + div {
  border-color: var(--ai-narration-admin-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-usage-recent strong {
  color: var(--ai-narration-admin-text);
}

body.ai-narration-admin-settings-page .ai-narration-admin .wp-color-result-text {
  color: var(--ai-narration-admin-text);
  background: var(--ai-narration-admin-surface-alt);
  border-color: var(--ai-narration-admin-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .iris-picker {
  color: var(--ai-narration-admin-text);
  background: var(--ai-narration-admin-surface);
  border-color: var(--ai-narration-admin-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-status--ready {
  color: var(--ai-narration-admin-ready-text);
  background: var(--ai-narration-admin-ready-bg);
  border-color: var(--ai-narration-admin-ready-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-status--previous {
  color: var(--ai-narration-admin-previous-text);
  background: var(--ai-narration-admin-previous-bg);
  border-color: var(--ai-narration-admin-previous-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-status--failed {
  color: var(--ai-narration-admin-failed-text);
  background: var(--ai-narration-admin-failed-bg);
  border-color: var(--ai-narration-admin-failed-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-status--generating,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-status--regenerating,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-status--retrying,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-status--queued {
  color: var(--ai-narration-admin-queued-text);
  background: var(--ai-narration-admin-queued-bg);
  border-color: var(--ai-narration-admin-queued-border);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-cache-audition-status {
  color: var(--ai-narration-admin-danger);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-theme-option.button:not(.button-primary)[aria-pressed="false"],
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-profile-option.button:not(.button-primary)[aria-pressed="false"] {
  color: var(--ai-narration-admin-muted);
  background: var(--ai-narration-admin-surface);
  border-color: var(--ai-narration-admin-border-strong);
  box-shadow: none;
  font-weight: 600;
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-theme-option.button:not(.button-primary)[aria-pressed="false"]:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-theme-option.button:not(.button-primary)[aria-pressed="false"]:focus-visible,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-profile-option.button:not(.button-primary)[aria-pressed="false"]:hover,
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-profile-option.button:not(.button-primary)[aria-pressed="false"]:focus-visible {
  color: var(--ai-narration-admin-muted);
  background: var(--ai-narration-admin-surface-alt);
  border-color: var(--ai-narration-admin-border-strong);
}

body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-theme-option.button:not(.button-primary)[aria-pressed="true"],
body.ai-narration-admin-settings-page .ai-narration-admin .ai-narration-profile-option.button:not(.button-primary)[aria-pressed="true"] {
  color: var(--ai-narration-admin-link);
  background: var(--ai-narration-admin-surface);
  border-color: var(--ai-narration-admin-border-strong);
  box-shadow: none;
  font-weight: 600;
}

@media (max-width: 1180px) {
	.ai-narration-cache-audition {
		align-items: stretch;
		flex-direction: column;
		gap: .75rem;
	}

	.ai-narration-cache-audition-title {
		flex-basis: auto;
		width: 100%;
	}

	.ai-narration-cache-audition-controls {
		flex-basis: auto;
		width: 100%;
	}

  .ai-narration-design-layout {
    grid-template-columns: 1fr;
  }

  .ai-narration-design-preview-wrap {
    max-width: 900px;
  }
}

@media (max-width: 782px) {
	.ai-narration-cache-profile-header {
		align-items: stretch;
		flex-direction: column;
	}

	.ai-narration-theme-options + .description {
		white-space: normal;
	}

	.ai-narration-admin .ai-narration-remove-key {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: .625rem 0 0;
	}

	.ai-narration-admin .ai-narration-remove-key input[type="checkbox"] {
		flex: 0 0 auto;
		margin: 0;
	}

	body.ai-narration-admin-settings-page .ai-narration-page > h1.ai-narration-admin-brand {
		--ai-narration-brand-rule-height: 30px;
		padding-left: 7px;
		font-size: 27px;
	}

	body.ai-narration-admin-settings-page .ai-narration-page > h1.ai-narration-admin-brand::before {
		width: 2px;
	}

	.ai-narration-cache-audition {
		top: 56px;
	}

	.ai-narration-cache-audition-controls {
		flex-basis: auto;
		flex-wrap: wrap;
	}

	.ai-narration-cache-audition-range {
		order: 10;
		flex-basis: calc(100% - 7.2rem);
	}

	.ai-narration-cache-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.ai-narration-cache-search {
		width: 100%;
	}

	.ai-narration-cache-toolbar select {
		width: 100%;
		max-width: none;
	}

	.ai-narration-cache-bulk-actions--global {
		justify-content: flex-start;
		margin-left: 0;
	}

	.ai-narration-pagination {
		justify-content: flex-start;
	}

	.ai-narration-cache-profile-footer .ai-narration-pagination {
		margin-left: 0;
	}

	.ai-narration-usage-summary {
		grid-template-columns: 1fr;
	}

	.ai-narration-usage-reset-actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.ai-narration-dashboard-overview {
		grid-template-columns: 1fr;
	}

	.ai-narration-marker-copy {
		align-items: stretch;
		flex-direction: column;
	}

	.ai-narration-marker-copy .button {
		align-self: flex-start;
	}

  .ai-narration-design-layout {
    display: block;
  }

  .ai-narration-design-controls .form-table th {
    width: auto;
  }

  .ai-narration-design-preview-wrap {
    margin-top: 1.5rem;
  }
}