:root {
  --ui-font-weight: 400;
  --ui-font-style: normal;
  --ui-font-page: 26px;
  --ui-font-section: 20px;
  --ui-font-card: 18px;
  --ui-font-nav: 16px;
  --ui-font-tab: 15px;
  --ui-font-body: 15px;
  --ui-font-button: 15px;
  --ui-font-input: 15px;
  --ui-font-label: 15px;
  --ui-font-meta: 14px;
  --ui-font-caption: 13px;
  --bg: #f4f5f7;
  --ink: #1f2430;
  --muted: #697386;
  --line: #d9e0ea;
  --panel: #ffffff;
  --main: #0e8588;
  --main-ink: #ffffff;
  --soft: #eef7f7;
  --bad: #b42318;
  --shadow: 0 14px 36px rgba(31, 36, 48, .08);
  --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", "Courier New", monospace;
  --nav-command-font-size: 16px;
  --nav-command-font-weight: 500;
  --nav-command-color: #182230;
}

* { box-sizing: border-box; }

[hidden] {
  display: none !important;
}

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  color: var(--ink);
  background: var(--bg);
  font-family: var(--font-sans);
  font-weight: var(--ui-font-weight);
  font-style: var(--ui-font-style);
}

button,
input,
select,
textarea {
  font-family: var(--font-sans);
  font-weight: var(--ui-font-weight);
  font-style: var(--ui-font-style);
}

h1, h2, p { margin: 0; }

.rail {
  width: max-content;
  height: 100vh;
  position: sticky;
  top: 0;
  padding: 26px 16px 18px;
  border-right: 1px solid var(--line);
  background: #fbfcfd;
  display: flex;
  flex-direction: column;
}

.rail h1 {
  font-size: var(--ui-font-section);
  margin: 0 10px 28px;
}

.rail nav {
  display: grid;
  gap: 8px;
  justify-items: start;
}

.rail button {
  width: max-content;
  height: 40px;
  justify-content: flex-start;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.rail button.rail-active {
  color: #f04a2a;
  background: #fff1ed;
  border-color: #ffd7d0;
}

.rail-bottom {
  margin-top: auto;
  color: var(--muted);
  font-size: var(--ui-font-meta);
  padding: 10px;
}

.mainstage {
  min-width: 0;
  padding: 14px 28px 32px;
}

.page {
  display: none;
  width: 100%;
  max-width: none;
  margin: 0;
}

.page.active {
  display: block;
}

.topbar {
  width: 100%;
  max-width: none;
  margin: 0 0 18px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(31, 36, 48, .06);
}

.movie-context {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.movie-context span {
  color: #3f4856;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
  white-space: nowrap;
}

.movie-context select {
  min-width: 0;
  height: 38px;
  border-color: transparent;
  background: #f6f8fb;
}

.movie-toolbar,
.movie-picker-compact {
  display: contents;
}

.promptbar {
  display: grid;
  gap: 12px;
  align-items: stretch;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow);
  margin-bottom: 30px;
}

.promptbar textarea {
  min-height: 38px;
  max-height: 96px;
  resize: vertical;
}

.movie-select-row,
.movie-compose-row {
  display: grid;
  gap: 10px;
  align-items: end;
}

.movie-select-row {
  grid-template-columns: minmax(260px, 1fr) auto auto;
}

.movie-compose-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.command-field {
  display: grid;
  gap: 6px;
}

.command-field span {
  color: #3f4856;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
}

.movie-actions {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px;
  align-items: end;
}

.page-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 10px;
}

.page-head h2 {
  font-size: var(--ui-font-page);
}

.page-head span {
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.inline-tools {
  display: flex;
  gap: 8px;
  align-items: center;
}

.inline-tools select {
  width: 180px;
}

[data-page="edit"] .review-filter-row {
  display: flex;
  align-items: center;
  gap: 18px;
}

[data-page="edit"] .review-filter-row .field {
  flex: 0 0 auto;
}

[data-page="edit"] #episode,
[data-page="edit"] #reviewMediaType {
  width: auto;
  min-width: 0;
  max-width: 220px;
}

.filter-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 0 14px;
  margin-bottom: 4px;
}

.filter-strip button {
  height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  background: #fff;
}

.filter-strip button.active {
  color: #fff;
  border-color: var(--main);
  background: var(--main);
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 18px;
  box-shadow: var(--shadow);
}

.field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.field span {
  color: #3f4856;
  font-size: var(--ui-font-label);
}

.field-help {
  color: var(--muted);
  font-size: var(--ui-font-caption);
  line-height: 1.45;
}

.wide-field {
  grid-column: 1 / -1;
}

[data-page="assets"] .form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.publish-account-status {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid #c8d4e2;
  border-radius: 8px;
  background: #fbfcfd;
  color: #344054;
  font-size: var(--ui-font-body);
}

.publish-account-status strong {
  color: var(--ink);
}

.publish-account-status span {
  color: var(--muted);
}

.publish-account-status-success {
  border-color: #9ad4b2;
  background: #f0fdf4;
}

.publish-account-status-warn {
  border-color: #fedf89;
  background: #fffbeb;
}

input, textarea, select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  color: var(--ink);
  font: inherit;
  font-size: var(--ui-font-input);
  padding: 11px 12px;
  outline: none;
}

textarea {
  resize: vertical;
  line-height: 1.55;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--main);
  box-shadow: 0 0 0 3px rgba(14, 133, 136, .14);
  background: #fff;
}

button {
  height: 40px;
  padding: 0 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: var(--ui-font-button);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

button:hover {
  background: var(--soft);
}

button.main {
  background: var(--main);
  border-color: var(--main);
  color: var(--main-ink);
  box-shadow: 0 10px 22px rgba(14, 133, 136, .24);
}

button.danger {
  border-color: #f2b8ae;
  color: var(--bad);
  background: #fff8f6;
}

button.danger:hover {
  background: #fff1ed;
}

.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.output-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}

.output-run-status {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 14px;
}

.output-run-status[hidden] {
  display: none;
}

.output-progress-list {
  grid-column: 1 / -1;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px 12px;
  color: var(--muted);
}

.output-progress-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.output-progress-list:empty {
  display: none;
}

.episode-llm-progress {
  grid-column: 1 / -1;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.episode-llm-progress:empty {
  display: none;
}

.episode-llm-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: baseline;
  margin-bottom: 10px;
}

.episode-llm-summary span,
.episode-llm-summary small {
  color: var(--muted);
}

.episode-llm-summary small {
  flex-basis: 100%;
  font-size: var(--ui-font-meta);
}

.episode-llm-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.episode-llm-card {
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 8px;
  background: #fbfcfd;
}

.episode-llm-card.done {
  background: #f2faf6;
}

.episode-llm-card.running {
  background: #fff8eb;
}

.episode-repair-btn {
  height: 30px;
  padding: 0 10px;
  justify-self: start;
  margin-top: 6px;
  font-size: var(--ui-font-button);
}

.episode-llm-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.episode-llm-head span {
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.episode-evidence-link {
  display: block;
  margin-top: 4px;
  font-size: var(--ui-font-button);
  color: var(--ink);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.episode-evidence-link-button {
  width: 100%;
  min-height: 0;
  height: auto;
  border: 0 !important;
  border-radius: 0;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit;
  font-size: var(--ui-font-button);
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.episode-evidence-link.done {
  color: #11683d;
}

.episode-evidence-link.warn {
  color: var(--bad);
}

.episode-evidence-link[href]:hover {
  text-decoration: underline;
}

.episode-evidence-link-button:hover,
.episode-evidence-link-button:focus-visible {
  text-decoration: underline;
}

.empty-board {
  grid-column: 1 / -1;
  min-height: 360px;
  border: 1px dashed #c8d4e2;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--muted);
  background: #fbfcfd;
  text-align: center;
  padding: 24px;
}

.hidden-view-release-placeholder {
  width: 100%;
  min-height: 220px;
}

.output-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
}

.output-card.selected {
  outline: 3px solid rgba(14, 133, 136, .28);
}

.output-media {
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
  background: #101820;
}

.output-media img,
.output-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.output-info {
  display: grid;
  gap: 4px;
  padding: 9px 10px 10px;
  background: #fff;
  color: var(--ink);
}

.output-info strong {
  font-size: var(--ui-font-card);
}

.output-info span {
  color: var(--muted);
  font-size: var(--ui-font-meta);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-panel {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow);
}

[data-page="edit"] .form-grid {
  grid-template-columns: 180px 220px;
  gap: 10px;
  padding: 12px;
  box-shadow: 0 8px 24px rgba(31, 36, 48, .05);
}

[data-page="edit"] .form-grid .edit-hidden-field {
  display: none;
}

[data-page="edit"] > .actions {
  display: none;
}

[data-page="edit"] .review-panel {
  margin-top: 14px;
  box-shadow: 0 8px 24px rgba(31, 36, 48, .05);
}

.review-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.review-head h3 {
  margin: 0 0 5px;
  font-size: var(--ui-font-section);
}

.review-head span,
.review-selected {
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.review-selected {
  margin-bottom: 12px;
  padding: 9px 11px;
  border: 1px dashed #c8d4e2;
  border-radius: 8px;
  background: #fbfcfd;
}

.review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

.review-grid.review-grid--inline {
  display: block;
  width: 100%;
}

.review-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.review-card.selected {
  outline: 3px solid rgba(14, 133, 136, .28);
}

.review-card.batch-selected {
  outline: 3px solid rgba(14, 133, 136, .45);
}

.review-card.needs-admission {
  border-color: rgba(180, 83, 9, .55);
}

.review-card.machine-review-warning {
  border-color: rgba(185, 28, 28, .48);
}

.review-machine-status,
.evidence-modal__machine-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 3px 7px;
  border-radius: 6px;
  font-size: var(--ui-font-meta);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.review-machine-status--pass,
.evidence-modal__machine-status--pass {
  background: #ecfdf3;
  color: #067647;
}

.review-machine-status--fail,
.review-machine-status--warn,
.evidence-modal__machine-status--fail,
.evidence-modal__machine-status--warn {
  background: #fef3f2;
  color: #b42318;
}

.review-machine-status--unavailable,
.evidence-modal__machine-status--unavailable {
  background: #fffaeb;
  color: #b54708;
}

.review-machine-status--unknown,
.evidence-modal__machine-status--unknown {
  background: #f2f4f7;
  color: #475467;
}

.review-card.machine-review-required .review-card-state {
  background: rgba(185, 28, 28, .94);
  color: #fff;
}

.review-card-media {
  position: relative;
}

.review-card-state {
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(146, 64, 14, .92);
  color: #fff;
  font-size: var(--ui-font-meta);
  line-height: 1;
  pointer-events: none;
}

.review-card img,
.review-card video {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  background: #101820;
}

.review-card-script-preview {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  padding: 14px;
  border: 1px solid rgba(14, 133, 136, .18);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, .96), rgba(229, 247, 247, .88)),
    repeating-linear-gradient(0deg, rgba(15, 23, 42, .06), rgba(15, 23, 42, .06) 1px, transparent 1px, transparent 10px);
  color: var(--text);
}

.review-card-script-preview span {
  color: var(--muted);
  font-size: var(--ui-font-meta);
  line-height: 1;
}

.review-card-script-preview strong {
  font-size: var(--ui-font-card);
  line-height: 1.25;
}

.review-card video {
  pointer-events: none;
}

.review-card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 4px;
}

.review-card-view {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 5px 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--text);
  font-size: var(--ui-font-button);
  line-height: 1;
  cursor: pointer;
}

.review-card-view:hover {
  border-color: rgba(14, 133, 136, .45);
  background: #f8fafc;
}

.review-card-info {
  display: grid;
  gap: 4px;
  padding: 8px 9px 9px;
}

.review-card-info strong {
  font-size: var(--ui-font-card);
}

.review-card-info span {
  color: var(--muted);
  font-size: var(--ui-font-meta);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-card-info .review-machine-warning {
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid rgba(185, 28, 28, .2);
  border-radius: 6px;
  padding: 5px 6px;
  line-height: 1.35;
  white-space: normal;
}

.evidence-modal__machine-warning {
  display: inline-flex;
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid rgba(185, 28, 28, .2);
  border-radius: 6px;
  padding: 5px 6px;
  line-height: 1.35;
}

.review-card-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding: 5px 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #f8fafc;
  color: var(--text);
  font-size: var(--ui-font-meta);
  cursor: pointer;
}

.review-card-check input {
  width: 14px;
  height: 14px;
  accent-color: var(--brand);
}

.movie-asset-review-grid {
  grid-template-columns: 1fr;
}

[data-page="edit"] .review-grid.movie-asset-review-grid,
[data-page="outputs"] .output-board.movie-asset-review-grid {
  width: 100%;
  max-width: none;
  grid-template-columns: minmax(0, 1fr) !important;
}

[data-page="edit"] .review-grid.movie-asset-review-grid > .movie-asset-browser,
[data-page="outputs"] .output-board.movie-asset-review-grid > .movie-asset-browser {
  width: 100%;
  max-width: none;
}

.movie-asset-browser {
  width: 100%;
  min-width: 0;
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
}

.movie-asset-type-tabs {
  margin: 0;
  padding: 0 0 8px;
  border-bottom: 1px solid var(--line);
}

.movie-asset-list.asset-list {
  width: 100%;
  min-width: 0;
  margin-top: 0;
  max-height: none;
  overflow: visible;
  justify-content: stretch;
  grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
  gap: 16px;
}

.movie-asset-list.asset-list:has(.asset-type-characters) {
  grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
}

.movie-asset-list .asset-item {
  align-content: start;
}

.movie-asset-list .asset-type-characters .asset-thumb {
  width: min(138px, 100%);
}

.movie-asset-card .asset-thumb-button {
  width: 100%;
}

.movie-asset-card .asset-copy {
  gap: 7px;
}

.movie-asset-card .asset-path,
.movie-asset-card .asset-standard-status {
  display: block;
  text-align: center;
}

.movie-asset-card .asset-path {
  min-height: 18px;
  color: #475467;
  font-size: var(--ui-font-meta);
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.movie-asset-card .asset-standard-status {
  color: #667085;
  font-size: var(--ui-font-meta);
}

.movie-asset-card-status {
  display: flex;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.movie-asset-review-badge,
.movie-asset-selected-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  max-width: 100%;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: var(--ui-font-meta);
  line-height: 1.2;
  white-space: nowrap;
}

.movie-asset-review-badge--pass {
  background: #ecfdf3;
  color: #067647;
}

.movie-asset-review-badge--fail,
.movie-asset-review-badge--stale {
  background: #fef3f2;
  color: #b42318;
}

.movie-asset-review-badge--uncertain,
.movie-asset-review-badge--missing {
  background: #fffaeb;
  color: #b54708;
}

.movie-asset-selected-badge {
  background: #f2f4f7;
  color: #475467;
}

.movie-asset-selected-badge.is-selected {
  background: #e6f7ef;
  color: #067647;
}

.movie-asset-group {
  display: grid;
  gap: 10px;
  padding: 4px 0 16px;
  border-bottom: 1px solid var(--line);
}

.movie-asset-group__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.movie-asset-group__head > div {
  display: grid;
  gap: 2px;
}

.movie-asset-group__head span,
.movie-asset-group__head small,
.movie-asset-group__desc {
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.movie-asset-group__head strong {
  font-size: var(--ui-font-section);
  line-height: 1.25;
}

.movie-asset-group__desc {
  margin: 0;
  line-height: 1.5;
}

.movie-asset-candidates {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

.movie-asset-card.asset-item {
  display: grid;
}

.movie-asset-card .asset-thumb-button {
  width: 100%;
}

.movie-asset-card .asset-actions:empty {
  display: none;
}

.movie-asset-card-actions {
  justify-content: center;
}

.evidence-preview {
  width: 100%;
  height: 100%;
  padding: 18px;
  display: grid;
  place-content: center;
  gap: 7px;
  color: #d8e7ef;
  text-align: center;
  text-decoration: none;
}

.evidence-preview strong {
  font-size: var(--ui-font-card);
}

.evidence-preview span {
  max-width: 100%;
  color: #aebdcc;
  font-size: var(--ui-font-meta);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.movie-asset-modal-view {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(560px, 1fr) minmax(240px, 300px);
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  background: #f4f6f8;
}

.movie-asset-modal-image {
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: none;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  align-content: center;
  align-items: stretch;
  justify-items: start;
  gap: 14px;
  padding: 24px 28px 24px 18px;
  overflow: hidden;
}

.movie-asset-modal-view--characters .movie-asset-modal-image {
  align-items: center;
  justify-items: center;
  overflow: hidden;
  padding: 12px 24px 12px 18px;
}

.movie-asset-modal-preview {
  position: relative;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
  overflow: hidden;
}

.movie-asset-modal-preview[data-movie-asset-cycle-candidate] {
  cursor: pointer;
}

.movie-asset-modal-preview > img {
  display: block;
  min-width: 0;
  min-height: 0;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
}

.movie-asset-modal-view--characters .movie-asset-modal-preview {
  width: auto;
  height: min(100%, calc(100vh - 230px));
  max-width: min(420px, 100%);
  max-height: 100%;
  aspect-ratio: 9 / 16;
  justify-self: center;
  align-self: center;
  align-items: center;
  justify-items: center;
  place-items: center;
  overflow: hidden;
}

.movie-asset-modal-view--characters .movie-asset-modal-preview > img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center;
}

.movie-asset-modal-view--characters .movie-asset-fullbody-image,
.movie-asset-character-candidate__image .movie-asset-fullbody-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.movie-asset-modal-view--scenes .movie-asset-modal-preview {
  justify-items: center;
}

.movie-asset-modal-view--vehicles .movie-asset-modal-preview,
.movie-asset-modal-view--props .movie-asset-modal-preview {
  justify-items: center;
}

.movie-asset-modal-view--scenes .movie-asset-modal-preview > img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-position: center center;
}

.movie-asset-modal-view--vehicles .movie-asset-modal-preview > img,
.movie-asset-modal-view--props .movie-asset-modal-preview > img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.movie-asset-character-comparison {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
  align-items: stretch;
  justify-items: center;
  gap: 14px;
  overflow: hidden;
}

.movie-asset-character-comparison--1 {
  grid-template-columns: minmax(0, 1fr);
}

.movie-asset-character-comparison--2 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.movie-asset-character-comparison--single {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  overflow: visible;
}

.movie-asset-character-comparison--single .movie-asset-character-candidate {
  grid-row: 1;
  width: auto;
  max-width: min(520px, 100%);
  height: 100%;
  max-height: 100%;
  aspect-ratio: auto;
}

.movie-asset-character-comparison__hint {
  grid-column: 1 / -1;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 10px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
  color: #475467;
  font-size: var(--ui-font-caption);
  line-height: 1.35;
}

.movie-asset-character-comparison__cycle {
  flex: 0 0 auto;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: #fff;
  color: #344054;
  padding: 5px 9px;
  cursor: pointer;
}

.movie-asset-character-candidate {
  grid-row: 1;
  position: relative;
  min-width: 0;
  min-height: 0;
  width: min(100%, 420px);
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 40px;
  align-content: stretch;
  gap: 16px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #344054;
  text-align: left;
  cursor: default;
}

.movie-asset-character-candidate.is-active {
  box-shadow: none;
}

.movie-asset-character-candidate.is-draft {
  box-shadow: none;
}

.movie-asset-character-candidate.is-confirmed {
  box-shadow: none;
}

.movie-asset-character-candidate__image {
  position: relative;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 9 / 16;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
}

.movie-asset-character-candidate__image img {
  display: block;
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.movie-asset-modal-authority-badge,
.movie-asset-character-candidate__badge {
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 8px;
  max-width: calc(100% - 16px);
  min-width: 42px;
  padding: 4px 7px;
  border-radius: 999px;
  color: #fff;
  background: #475467;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 6px 16px rgba(16, 24, 40, .18);
}

.movie-asset-modal-authority-badge.is-confirmed,
.movie-asset-character-candidate__badge.is-confirmed {
  background: #059669;
}

.movie-asset-modal-authority-badge.is-draft,
.movie-asset-character-candidate__badge.is-draft {
  background: #2563eb;
}

.movie-asset-character-candidate strong {
  color: #101828;
  font-size: var(--ui-font-card);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.movie-asset-character-candidate small {
  color: #667085;
  font-size: var(--ui-font-caption);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.movie-asset-candidate-actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
}

.movie-asset-character-candidate .movie-asset-candidate-actions {
  position: static;
  margin-top: 0;
}

.movie-asset-candidate-actions button {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  padding: 8px 12px;
  font-size: var(--ui-font-button);
  line-height: 1.2;
  cursor: pointer;
}

.movie-asset-candidate-actions button:hover,
.movie-asset-candidate-actions button:focus-visible {
  border-color: #f04423;
  color: #f04423;
}

.movie-asset-candidate-actions button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.movie-asset-candidate-actions .movie-asset-candidate-action-primary {
  border-color: #ff3b1f;
  background: #ff3b1f;
  color: #fff;
}

.movie-asset-candidate-actions .movie-asset-candidate-action-primary:hover,
.movie-asset-candidate-actions .movie-asset-candidate-action-primary:focus-visible {
  border-color: #e53218;
  background: #e53218;
  color: #fff;
}

.movie-asset-candidate-actions .movie-asset-candidate-action-danger {
  border-color: #fecdca;
  background: #fff;
  color: #b42318;
}

.movie-asset-candidate-actions .movie-asset-candidate-action-danger:hover,
.movie-asset-candidate-actions .movie-asset-candidate-action-danger:focus-visible {
  border-color: #d92d20;
  background: #fff1f0;
  color: #b42318;
}

.movie-asset-modal-candidates {
  width: 100%;
  max-width: 720px;
  min-height: 0;
  display: grid;
  gap: 8px;
  align-self: end;
  overflow: hidden;
  padding: 8px 10px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
}

.movie-asset-modal-candidates__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  color: #475467;
}

.movie-asset-modal-candidates__head strong {
  color: #101828;
  font-size: var(--ui-font-section);
}

.movie-asset-modal-candidates__head span {
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.35;
}

.movie-asset-modal-candidate-list {
  width: 100%;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 0 6px;
}

.movie-asset-modal-candidate {
  width: 104px;
  max-width: 104px;
  flex: 0 0 104px;
  display: grid;
  grid-template-rows: 72px auto auto auto;
  gap: 4px;
  padding: 7px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  text-align: left;
  cursor: pointer;
}

.movie-asset-modal-candidate.is-active {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .16);
}

.movie-asset-modal-candidate.is-draft {
  border-color: #2563eb;
}

.movie-asset-modal-candidate.is-confirmed {
  border-color: #059669;
}

.movie-asset-modal-candidate__thumb {
  width: 100%;
  height: 72px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 6px;
  background: #f2f4f7;
  color: #667085;
  font-size: 12px;
}

.movie-asset-modal-candidate__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.movie-asset-modal-view--scenes .movie-asset-modal-candidate {
  width: 148px;
  max-width: 148px;
  flex-basis: 148px;
  grid-template-rows: 82px auto auto auto;
}

.movie-asset-modal-view--scenes .movie-asset-modal-candidate__thumb {
  height: 82px;
}

.movie-asset-modal-candidate strong {
  color: #101828;
  font-size: var(--ui-font-card);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.movie-asset-modal-candidate small {
  color: #667085;
  font-size: var(--ui-font-caption);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.movie-asset-modal-placeholder {
  width: min(420px, 92%);
  min-height: 240px;
  border: 1px dashed #c8d4e2;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #667085;
  background: #fff;
}

.movie-asset-modal-info {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 22px 24px;
  overflow: auto;
  border-left: 1px solid var(--line);
  background: #fff;
}

.movie-asset-modal-info strong {
  color: #101828;
  font-size: var(--ui-font-section);
  line-height: 1.35;
}

.movie-asset-modal-info span,
.movie-asset-modal-info small {
  color: #475467;
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
}

.movie-asset-prompt-editor {
  display: grid;
  gap: 12px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.movie-asset-prompt-editor__head {
  display: grid;
  gap: 4px;
}

.movie-asset-prompt-editor__head strong {
  font-size: var(--ui-font-meta);
  line-height: 1.35;
}

.movie-asset-prompt-editor__head span,
.movie-asset-prompt-editor small,
.movie-asset-prompt-editor__details summary {
  color: #667085;
  font-size: var(--ui-font-caption);
  line-height: 1.5;
}

.movie-asset-prompt-editor label span {
  color: #101828;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
  line-height: 1.35;
}

.movie-asset-prompt-editor__warning {
  padding: 8px 10px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff7ed;
  color: #9a3412;
  font-size: var(--ui-font-meta);
  line-height: 1.5;
  word-break: break-word;
}

.movie-asset-prompt-editor__inline-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.movie-asset-prompt-editor__inline-actions button,
.movie-asset-prompt-editor__inline-actions button[data-movie-asset-modal-action="save_regenerate_prompt"] {
  border: 1px solid #ff3b1f !important;
  border-radius: 8px;
  background: #ff3b1f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: var(--ui-font-weight);
}

.movie-asset-prompt-editor__inline-actions button:hover:not(:disabled),
.movie-asset-prompt-editor__inline-actions button[data-movie-asset-modal-action="save_regenerate_prompt"]:hover:not(:disabled) {
  background: #e63319 !important;
  border-color: #e63319 !important;
}

.movie-asset-prompt-editor__inline-actions span {
  min-width: 180px;
  flex: 1 1 180px;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.5;
}

.movie-asset-prompt-editor label {
  display: grid;
  gap: 6px;
}

.movie-asset-prompt-editor textarea {
  width: 100%;
  min-height: 120px;
  resize: vertical;
  padding: 10px 11px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  font: 12px/1.55 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
  word-break: break-word;
}

.movie-asset-prompt-editor textarea[readonly] {
  background: #f8fafc;
  color: #475467;
}

.movie-asset-prompt-editor__details {
  display: grid;
  gap: 6px;
}

.movie-asset-prompt-chat-modal[hidden] {
  display: none !important;
}

.movie-asset-prompt-chat-modal {
  position: fixed;
  inset: 0;
  z-index: 12000 !important;
  display: grid;
  padding: 0;
}

.movie-asset-prompt-chat-modal__scrim {
  position: absolute;
  inset: 0;
  background: rgba(16, 24, 40, .52);
}

.movie-asset-prompt-chat-modal__panel {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.movie-asset-prompt-chat-modal__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  padding: 0 min(6vw, 72px);
  border-bottom: 1px solid var(--line);
  background: #f8fafc;
}

.movie-asset-prompt-chat-modal__topbar > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #101828;
  font-size: var(--ui-font-section);
  font-weight: var(--ui-font-weight);
}

.movie-asset-prompt-chat-modal__head-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}

.movie-asset-prompt-chat-modal__topbar button,
.movie-asset-prompt-chat-modal__actions button,
.movie-asset-prompt-chat-message__actions button,
.movie-asset-prompt-chat-nav button {
  border: 0;
  background: transparent;
  color: #101828;
  font: inherit;
  cursor: pointer;
}

.movie-asset-prompt-chat-modal__body {
  min-height: 0;
  overflow: hidden;
  padding: 0;
  background: #f8fafc;
}

.movie-asset-prompt-chat-modal__main {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
}

.movie-asset-prompt-chat-modal__sidebar {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 22px;
  overflow: hidden;
  padding: 28px 18px;
  border-right: 1px solid var(--line);
  background: #fff;
}

.movie-asset-prompt-chat-modal__brand {
  display: grid;
  gap: 6px;
}

.movie-asset-prompt-chat-modal__brand strong {
  color: #101828;
  font-size: var(--ui-font-page);
  line-height: 1.2;
}

.movie-asset-prompt-chat-modal__brand span {
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.movie-asset-prompt-chat-nav {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  overflow: auto;
  padding: 0;
}

.movie-asset-prompt-chat-nav button {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-align: left;
  font-size: var(--ui-font-tab);
  color: #344054;
}

.movie-asset-prompt-chat-nav button:hover {
  background: #f2f4f7;
}

.movie-asset-prompt-chat-nav button.is-active {
  border-color: transparent;
  background: #f2f4f7;
  color: #101828;
  font-weight: var(--ui-font-weight);
}

.movie-asset-prompt-chat-modal__workspace {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background: #f8fafc;
}

.movie-asset-prompt-chat-modal__content {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 14px;
  overflow: auto;
  padding: 28px min(9vw, 128px) 22px;
}

.movie-asset-prompt-chat-status {
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #475467;
  font-size: var(--ui-font-meta);
}

.movie-asset-prompt-chat-prompt-view {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.movie-asset-prompt-chat-prompt-view header {
  display: grid;
  gap: 4px;
}

.movie-asset-prompt-chat-prompt-view strong {
  color: #101828;
  font-size: var(--ui-font-section);
}

.movie-asset-prompt-chat-prompt-view span {
  color: #667085;
  font-size: var(--ui-font-meta);
}

.movie-asset-prompt-chat-prompt-view textarea {
  width: 100%;
  min-height: min(62vh, 620px);
  resize: vertical;
  border: 1px solid #d0d5dd;
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff;
  color: #344054;
  font: 13px/1.6 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.movie-asset-prompt-chat-source {
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #fff;
  padding: 10px 12px;
}

.movie-asset-prompt-chat-source summary {
  cursor: pointer;
  color: #344054;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
}

.movie-asset-prompt-chat-source textarea {
  width: 100%;
  margin-top: 8px;
  resize: vertical;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 9px 10px;
  background: #f8fafc;
  color: #475467;
  font: 12px/1.55 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.movie-asset-prompt-chat-thread {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.movie-asset-prompt-chat-empty {
  min-height: 0;
}

.movie-asset-prompt-chat-message {
  display: grid;
  gap: 8px;
}

.movie-asset-prompt-chat-message__role {
  color: #667085;
  font-size: var(--ui-font-caption);
  font-weight: var(--ui-font-weight);
}

.movie-asset-prompt-chat-message__body {
  white-space: pre-wrap;
  word-break: break-word;
  color: #101828;
  font-size: 14px;
  line-height: 1.75;
}

.movie-asset-prompt-chat-message--assistant {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.movie-asset-prompt-chat-message--user {
  padding: 0;
  border-left: 0;
  background: transparent;
}

.movie-asset-prompt-chat-message__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.movie-asset-prompt-chat-message__actions button {
  padding: 6px 9px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  color: #344054;
  font-size: var(--ui-font-button);
}

.movie-asset-prompt-chat-manual {
  margin-top: 0;
  padding: 0;
}

.movie-asset-prompt-chat-manual textarea {
  min-height: min(54vh, 520px);
}

.movie-asset-prompt-chat-modal__footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px min(6vw, 72px) 14px calc(300px + min(6vw, 72px));
  border-top: 1px solid var(--line);
  background: #fff;
}

.movie-asset-prompt-chat-modal__ask {
  padding: 12px min(9vw, 128px) 16px;
  background: linear-gradient(to top, #f8fafc 78%, rgba(248, 250, 252, .72));
}

.movie-asset-prompt-chat-inputbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .08);
}

.movie-asset-prompt-chat-inputbar__plus {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #101828;
  font-size:0;
  line-height: 1;
}

.movie-asset-prompt-chat-inputbar textarea {
  min-height: 32px;
  max-height: 120px;
  resize: vertical;
  border: 0;
  outline: 0;
  background: transparent;
  color: #101828;
  font: 15px/1.45 inherit;
}

.movie-asset-prompt-chat-inputbar__send {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size:0;
  cursor: pointer;
}

.movie-asset-prompt-chat-inputbar__send:disabled {
  opacity: .45;
  cursor: wait;
}

.movie-asset-prompt-chat-modal__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
}

@media (max-width: 860px) {
  .movie-asset-prompt-chat-modal__main {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .movie-asset-prompt-chat-modal__sidebar {
    grid-template-rows: auto auto;
    gap: 12px;
    padding: 14px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .movie-asset-prompt-chat-nav {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
  }

  .movie-asset-prompt-chat-nav button {
    white-space: nowrap;
  }

  .movie-asset-prompt-chat-modal__footer {
    padding-left: 14px;
  }

  .movie-asset-prompt-chat-modal__content,
  .movie-asset-prompt-chat-modal__ask {
    padding-left: 14px;
    padding-right: 14px;
  }
}

.movie-asset-prompt-chat-modal__actions button:first-child {
  padding: 9px 14px;
  border-radius: 8px;
  background: #ff3b1f;
  color: #fff;
  font-weight: var(--ui-font-weight);
}

.evidence-modal__footer--movie-asset .evidence-modal__footer-actions {
  gap: 8px;
  align-items: center;
  flex-wrap: nowrap;
  min-width: 0;
  width: 100%;
}

.movie-asset-footer-cycle-group {
  min-width: 0;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.movie-asset-footer-cycle-note {
  min-width: 0;
  max-width: min(58vw, 760px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #344054;
  font-size: var(--ui-font-meta);
  line-height: 1.3;
}

.evidence-modal--movie-asset .evidence-modal__body {
  display: block;
  overflow: hidden;
  padding: 0;
  background: #f4f6f8;
}

.evidence-modal--asset-prompt .evidence-modal__body {
  display: block;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 16px 0;
  background: #fff;
}

.evidence-modal--asset-prompt .evidence-modal__panel {
  height: min(860px, calc(100vh - 36px));
  max-height: calc(100vh - 36px);
}

.evidence-modal--asset-prompt .evidence-modal__footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
}

.evidence-modal--asset-prompt .evidence-modal__footer-actions button[data-asset-prompt-locked="1"],
.evidence-modal--asset-prompt .evidence-modal__footer-actions button:disabled {
  border-color: #d0d5dd !important;
  background: #f2f4f7 !important;
  color: #98a2b3 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  .movie-asset-modal-view {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(260px, 0.58fr) minmax(180px, 0.42fr);
  }

  .movie-asset-modal-info {
    border-top: 1px solid var(--line);
    border-left: 0;
  }
}

.selected-asset {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px dashed #c8d4e2;
  border-radius: 8px;
  background: #fbfcfd;
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.asset-generation-status {
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px solid #b9d9df;
  border-radius: 8px;
  background: #eefafa;
  color: #16545a;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

.asset-generation-status.status-running {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4f8f;
}

.asset-generation-status.status-success {
  border-color: #9ad4b2;
  background: #f0fdf4;
  color: #166534;
}

.asset-generation-status.status-error {
  border-color: #f2b8ae;
  background: #fff8f6;
  color: #9f2f22;
}

.sound-ai-mode-field[hidden] {
  display: none !important;
}

.sound-ai-mode-field select {
  width: 148px;
  min-width: 148px;
}

button.is-loading {
  cursor: wait;
  opacity: .82;
}

.asset-standard-box {
  border: 1px solid #d7e1ec;
  border-radius: 8px;
  background: #fbfcfd;
  padding: 9px 10px;
  color: #344054;
  font-size: inherit;
  line-height: 1.45;
}

.asset-standard-box summary {
  cursor: pointer;
  color: #344054;
  font-weight: var(--ui-font-weight);
}

.asset-standard-box ul {
  margin: 7px 0 0 18px;
  padding: 0;
}

.asset-standard-box code {
  color: inherit;
  font: inherit;
  white-space: normal;
}

.asset-standard-status {
  margin-top: 4px;
  color: #697386;
  font-size: var(--ui-font-meta);
}

.asset-list {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  align-items: start;
  max-height: 520px;
  overflow: auto;
}

.asset-sound-category-tabs {
  grid-column: 1 / -1;
  position: sticky;
  top: 0;
  z-index: 4;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px;
  padding: 0 0 8px;
  background: #fff;
  border-bottom: 1px solid #d0d5dd;
}

.asset-sound-category-tabs button {
  min-width: 76px;
  white-space: nowrap;
}

.asset-list:has(.asset-type-characters) {
  grid-template-columns: repeat(auto-fill, 134px);
}

.asset-item {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  cursor: pointer;
}

.asset-item.selected {
  border-color: var(--main);
  box-shadow: 0 0 0 3px rgba(14, 133, 136, .12);
}

.asset-item.asset-invalid {
  border-color: #f2b8ae;
  background: #fff8f6;
}

.asset-item.asset-candidate {
  border-color: #d7b46a;
  background: #fffaf0;
}

.asset-thumb-button {
  width: max-content;
  max-width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 7px;
  cursor: pointer;
  display: block;
  align-self: center;
  justify-self: center;
  box-shadow: none;
  flex: none;
  line-height: 0;
}

.asset-thumb-button:hover .asset-thumb {
  border-color: transparent;
  box-shadow: none;
}

.asset-thumb-button:hover .asset-thumb img {
  filter: brightness(.97);
}

.asset-thumb {
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 7px;
  overflow: hidden;
  background: transparent;
  border: 1px solid transparent;
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: var(--ui-font-caption);
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.asset-thumb:not(:has(img)) {
  background: #f6f8fb;
  border-color: var(--line);
}

.movie-asset-card.asset-item .asset-thumb-button {
  width: 100%;
  justify-self: stretch;
}

.movie-asset-card.asset-item .asset-path,
.movie-asset-card.asset-item .asset-standard-status {
  display: block;
  text-align: center;
}

.asset-type-characters .asset-thumb {
  width: min(112px, 100%);
  aspect-ratio: 9 / 16;
}

.asset-type-scenes .asset-thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.asset-type-sounds .asset-thumb {
  width: 100%;
  min-height: 54px;
  aspect-ratio: 16 / 9;
  background: #f7faf9;
  border-color: #c7ddd5;
  color: #245247;
  font-weight: var(--ui-font-weight);
}

.asset-type-sounds .asset-thumb > span {
  max-width: 100%;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.asset-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.asset-title {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
  min-width: 0;
  text-align: center;
}

.asset-id {
  font-weight: var(--ui-font-weight);
  color: var(--main);
  white-space: nowrap;
}

.asset-item .asset-id {
  display: none;
}

.asset-name {
  width: 100%;
  color: #344054;
  font-size: inherit;
  font-weight: var(--ui-font-weight);
  line-height: 1.45;
}

.asset-type-sounds .asset-thumb-button {
  width: 100%;
  justify-self: stretch;
}

.asset-type-sounds .asset-name {
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.asset-path {
  color: var(--muted);
  font-size: var(--ui-font-meta);
  overflow-wrap: anywhere;
}

.asset-item .asset-path,
.asset-item .asset-standard-status,
.asset-item .asset-issues {
  display: none;
}

.asset-issues {
  margin-top: 4px;
  color: var(--bad);
  font-size: var(--ui-font-meta);
  overflow-wrap: anywhere;
}

.asset-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.asset-actions .asset-delete,
.asset-actions .asset-delete-candidate,
.evidence-modal__footer-actions .asset-modal-delete,
#deleteInvalidAssetBtn {
  color: var(--bad);
  border-color: #f2b8ae;
}

.asset-actions .asset-promote,
.evidence-modal__footer-actions .asset-modal-promote {
  color: var(--main);
  border-color: rgba(14, 133, 136, .35);
}

.asset-actions .asset-replace-image,
.evidence-modal__footer-actions .asset-modal-replace {
  color: #334155;
  border-color: rgba(100, 116, 139, .35);
}

.asset-actions .asset-replace-image {
  display: none;
}

.asset-trash-panel {
  max-width: min(760px, calc(100vw - 32px));
}

.asset-trash-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.asset-trash-item {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.asset-trash-thumb {
  width: 58px;
  aspect-ratio: 1 / 1;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f6f8fb;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--muted);
  font-size: inherit;
}

.asset-trash-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.asset-trash-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.asset-trash-copy strong,
.asset-trash-copy span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-trash-copy strong {
  color: #344054;
  font-weight: var(--ui-font-weight);
}

.asset-trash-copy span {
  color: var(--muted);
}

.asset-trash-actions {
  display: flex;
  gap: 8px;
}

.asset-trash-delete {
  color: var(--bad);
  border-color: #f2b8ae;
}

.progress-summary,
.progress-grid,
.capability-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.progress-grid,
.capability-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.summary-card,
.progress-item,
.cap-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.summary-card span,
.cap-meta,
.cap-missing {
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.summary-card strong {
  display: block;
  margin-top: 6px;
}

.status-overview {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.status-overview__head,
.status-overview__title,
.status-overview__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.status-overview__head {
  justify-content: space-between;
}

.status-overview__title {
  flex: 1 1 auto;
}

.status-overview__title span,
.status-overview__meta span {
  color: var(--muted);
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

.status-overview__title strong {
  min-width: 0;
  color: var(--ink);
  font-size: var(--ui-font-section);
  font-weight: var(--ui-font-weight);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.status-overview__percent {
  flex: 0 0 auto;
  color: var(--ink);
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

.status-overview__bar {
  position: relative;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #f2f4f7;
}

.status-overview__fill {
  display: block;
  height: 100%;
  min-width: 0;
  border-radius: inherit;
  background: var(--mj-button);
  transition: width .2s ease;
}

.status-overview__stages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(76px, 1fr));
  row-gap: 16px;
  column-gap: 0;
  padding: 4px 0 2px;
}

.status-overview-stage {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-size: var(--ui-font-meta);
  line-height: 1.2;
  text-align: center;
}

.status-overview-stage::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  height: 2px;
  background: #d0d5dd;
  z-index: 0;
}

.status-overview-stage--done::before {
  background: #12b76a;
}

.status-overview-stage--active::before {
  background: linear-gradient(90deg, #12b76a 0 50%, #d0d5dd 50% 100%);
}

.status-overview-stage--blocked::before {
  background: linear-gradient(90deg, #12b76a 0 50%, var(--bad) 50% 100%);
}

.status-overview-stage__marker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 2px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

.status-overview-stage__name {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.status-overview-stage__state {
  min-width: 0;
  color: var(--muted);
  font-weight: var(--ui-font-weight);
  white-space: nowrap;
}

.status-overview-stage--done {
  color: var(--ink);
}

.status-overview-stage--done .status-overview-stage__marker {
  border-color: #12b76a;
  background: #12b76a;
  color: #fff;
}

.status-overview-stage--done .status-overview-stage__state {
  color: #067647;
}

.status-overview-stage--active {
  color: var(--ink);
}

.status-overview-stage--active .status-overview-stage__marker {
  border-color: var(--mj-button);
  background: var(--mj-button);
  color: #fff;
}

.status-overview-stage--active .status-overview-stage__state {
  color: var(--mj-button);
}

.status-overview-stage--blocked {
  color: var(--ink);
}

.status-overview-stage--blocked .status-overview-stage__marker {
  border-color: var(--bad);
  background: var(--bad);
  color: #fff;
}

.status-overview-stage--blocked .status-overview-stage__state {
  color: var(--bad);
}

.status-overview-stage--pending {
  color: var(--muted);
}

.status-overview__meta {
  flex-wrap: wrap;
  row-gap: 6px;
  column-gap: 18px;
}

.status-overview__meta span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cap-item.ok { background: #f2faf6; }
.cap-item.warn { background: #fff8ed; }
.cap-item.bad { background: #fff5f3; }
.cap-missing { color: var(--bad); overflow-wrap: anywhere; }

.cap-top,
.progress-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
  font-size: var(--ui-font-meta);
}

.progress-bar {
  height: 7px;
  border-radius: 999px;
  background: #e6ecf2;
  overflow: hidden;
}

.progress-bar span {
  display: block;
  height: 100%;
  background: var(--main);
}

pre {
  margin: 0;
  min-height: 180px;
  max-height: 420px;
  overflow: auto;
  padding: 16px;
  border-radius: 10px;
  background: #111820;
  color: #d8e7ef;
  font: 13px/1.55 Consolas, "Courier New", monospace;
  white-space: pre-wrap;
}

[data-page="status"] #logBox {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  box-shadow: none;
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.75;
  white-space: pre-wrap;
}

/* GPT shell + Midjourney gallery refinement. This section intentionally
   overrides the earlier broad styles without changing app behavior. */
:root {
  --bg: #ffffff;
  --ink: #101828;
  --muted: #667085;
  --line: #e4e7ec;
  --panel: #ffffff;
  --main: #0f8f8f;
  --main-ink: #ffffff;
  --soft: #f2f4f7;
  --bad: #b42318;
  --shadow: 0 12px 34px rgba(16, 24, 40, .08);
  --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
  grid-template-columns: max-content minmax(0, 1fr);
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: var(--ui-font-body);
  line-height: 1.45;
}

.rail {
  padding: 24px 20px 18px;
  border-right: 1px solid #edf0f4;
  background: #fbfbfc;
}

.rail h1 {
  margin: 0 6px 26px;
  font-size: var(--ui-font-section);
  line-height: 1.25;
  letter-spacing: 0;
}

.rail nav {
  gap: 6px;
}

.rail button {
  height: 42px;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  color: var(--nav-command-color);
  font-size: var(--ui-font-nav);
  font-weight: var(--ui-font-weight);
  line-height: 1.4;
  letter-spacing: 0;
}

.rail button:hover {
  background: #f2f4f7;
}

.rail button.rail-active {
  color: #d92d20;
  background: #fff3ef;
  border: 0;
  box-shadow: inset 0 0 0 1px #ffd6cc;
}

.rail-bottom {
  padding: 12px 8px 0;
  font-size: var(--ui-font-meta);
  position: relative;
  display: grid;
  gap: 8px;
}

.rail-account-btn {
  width: 128px !important;
  min-height: 54px;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 8px;
  padding: 8px !important;
  border: 1px solid #edf0f4 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #182230 !important;
  text-align: left;
}

.rail-account-btn:hover,
.rail-account-btn:focus-visible {
  border-color: #d0d5dd !important;
  background: #f7f7f8 !important;
}

.rail-avatar {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d94c11;
  color: #fff;
  font-size: 12px;
  font-weight: var(--ui-font-weight) !important;
}

.rail-account-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.rail-account-copy strong,
.rail-account-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rail-account-copy strong {
  color: #182230;
  font-size: var(--ui-font-meta);
  line-height: 1.2;
}

.rail-account-copy small,
#healthStatus,
.rail-settings-head span,
#videoBackendHelp {
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.35;
}

.rail-account-arrow {
  color: #344054;
  font-size: 22px;
  line-height: 1;
}

.rail-settings-menu[hidden] {
  display: none !important;
}

.rail-settings-menu {
  position: absolute;
  left: 8px;
  bottom: 74px;
  z-index: 40;
  width: 288px;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #d0d5dd;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(16, 24, 40, .16);
}

.rail-settings-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf0f4;
}

.rail-settings-head strong,
.rail-settings-field > span {
  color: #182230;
  font-size: var(--ui-font-section);
  line-height: 1.35;
}

.rail-settings-field {
  display: grid;
  gap: 6px;
}

.rail-settings-field select {
  width: 100%;
  height: 38px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #fff;
  color: #182230;
  font-size: var(--ui-font-input);
}

#videoBackendHelp {
  margin: 0;
}

.mainstage {
  height: 100vh;
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  padding: 0;
  background: #fff;
}

.topbar {
  position: sticky;
  top: auto;
  bottom: 0;
  z-index: 10;
  order: 2;
  display: grid;
  gap: 10px;
  max-width: none;
  min-height: 64px;
  margin: 0;
  padding: 12px 32px;
  border: 0;
  border-top: 1px solid #edf0f4;
  border-radius: 0;
  background: rgba(255, 255, 255, .96);
  box-shadow: none;
  backdrop-filter: blur(10px);
}

.topbar-main {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.movie-context {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 960px;
}

.movie-context span {
  color: #344054;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
  white-space: nowrap;
}

.movie-context select {
  height: 42px;
  border: 1px solid #d0d5dd;
  border-radius: 12px;
  background: #fff;
  font-size: var(--ui-font-input);
}

.topbar-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
}

.topbar button {
  height: 40px;
  min-width: 112px;
  border-radius: 10px;
  font-size: var(--ui-font-button);
}

.topbar #refreshJobsBtn {
  min-width: 64px;
}

.topbar-progress {
  display: grid;
  grid-template-columns: auto minmax(170px, .8fr) minmax(112px, .35fr) minmax(360px, 1.85fr);
  gap: 10px;
  align-items: stretch;
}

.topbar-progress[hidden] {
  display: none;
}

.topbar-progress-label {
  align-self: center;
  color: #344054;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
  white-space: nowrap;
}

.topbar-progress-card {
  min-width: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  background: #f9fafb;
}

.topbar-progress-card span {
  color: #667085;
  font-size: var(--ui-font-meta);
  white-space: nowrap;
}

.topbar-progress-card strong {
  min-width: 0;
  color: #101828;
  font-size: var(--ui-font-meta);
  line-height: 1.35;
  font-weight: var(--ui-font-weight);
  overflow-wrap: anywhere;
}

.topbar-progress-percent strong {
  white-space: nowrap;
}

.page {
  order: 1;
  max-width: none;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 22px 32px 34px;
  overflow: auto;
}

.page-head {
  margin: 0 0 12px;
  align-items: flex-end;
}

.page-head h2 {
  font-size: var(--ui-font-page);
  line-height: 1.25;
  font-weight: var(--ui-font-weight);
  letter-spacing: 0;
}

.page-head span {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
}

input,
textarea,
select {
  border-color: #d0d5dd;
  border-radius: 12px;
  background: #fff;
  font-size: var(--ui-font-input);
  line-height: 1.45;
}

button {
  height: 40px;
  border-color: #d0d5dd;
  border-radius: 10px;
  color: #182230;
  font-size: var(--ui-font-button);
  font-weight: var(--ui-font-weight);
  box-shadow: none;
}

button:hover {
  background: #f9fafb;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid rgba(15, 143, 143, .24);
  outline-offset: 2px;
}

button.main {
  background: var(--main);
  border-color: var(--main);
  color: #fff;
  box-shadow: 0 10px 24px rgba(15, 143, 143, .2);
}

.inline-tools {
  gap: 8px;
}

.inline-tools select {
  width: 160px;
  height: 40px;
}

.filter-strip {
  gap: 8px;
  padding: 2px 0 16px;
  margin: 0;
}

.filter-strip button {
  height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-size: var(--ui-font-tab);
}

.filter-strip button:hover {
  background: #e7eaef;
}

.filter-strip button.active {
  background: #111827;
  color: #fff;
}

.output-board {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  align-items: start;
}

.output-card {
  border: 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  transition: transform .14s ease, box-shadow .14s ease;
}

.output-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(16, 24, 40, .12);
}

.output-media {
  border-radius: 10px;
  background: #111827;
}

.output-info {
  padding: 8px 2px 12px;
  background: transparent;
}

.output-info strong {
  font-size: var(--ui-font-card);
  font-weight: var(--ui-font-weight);
}

.output-info span {
  font-size: var(--ui-font-meta);
  line-height: 1.35;
}

.empty-board {
  min-height: 420px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: var(--ui-font-body);
}

.output-run-status {
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0 0 16px;
}

.summary-card,
.output-progress-list,
.episode-llm-progress,
.progress-item,
.cap-item {
  border-color: #eaecf0;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

.summary-card {
  padding: 13px 14px;
}

.summary-card span {
  font-size: var(--ui-font-meta);
}

.summary-card strong {
  margin-top: 5px;
  font-size: var(--ui-font-card);
}

.output-progress-list {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

.progress-item-clickable {
  position: relative;
  padding-right: 52px;
  border-color: #d0d5dd;
  background: #fbfcfd;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.progress-item-clickable::after {
  content: "\67e5\770b";
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef7f7;
  color: var(--main);
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

.progress-item.selected::after {
  content: "\5f53\524d";
  background: var(--main);
  color: #fff;
}

.progress-item-clickable:hover,
.progress-item-clickable:focus-visible,
.progress-item.selected {
  border-color: var(--main);
  background: var(--soft);
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.14);
  outline: none;
}

.episode-llm-grid {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.form-grid {
  gap: 14px;
  border-color: #eaecf0;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(16, 24, 40, .08);
}

.field span {
  color: #344054;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
}

[data-page="create"].active {
  display: flex;
  flex-direction: column;
  max-width: none;
  margin: 0;
  padding-top: 64px;
}

[data-page="create"] .page-head {
  display: block;
  margin: 0 0 22px;
  text-align: left;
}

[data-page="create"] .page-head h2 {
  font-size: var(--ui-font-page);
  line-height: 1.2;
}

[data-page="create"] .page-head span {
  max-width: none;
  margin: 8px 0 0;
  font-size: var(--ui-font-meta);
}

[data-page="create"] .form-grid {
  position: relative;
  grid-template-columns: minmax(520px, 1fr) minmax(430px, .62fr);
  grid-auto-flow: row;
  padding: 16px;
  border-radius: 24px;
}

[data-page="create"] .wide-field {
  grid-column: 1;
  grid-row: 1 / span 8;
  min-height: 100%;
  display: grid;
  grid-template-rows: auto minmax(330px, 1fr) auto;
  align-content: stretch;
}

[data-page="create"] .wide-field textarea {
  min-height: 330px;
  height: 100%;
  border: 0;
  border-radius: 18px;
  background: #fff;
  font-size: var(--ui-font-input);
  line-height: 1.6;
  padding: 14px;
}

[data-page="create"] .wide-field textarea:focus {
  box-shadow: none;
}

[data-page="create"] .field:not(.wide-field) input,
[data-page="create"] .field:not(.wide-field) select {
  height: 44px;
  background: #f9fafb;
}

[data-page="create"] .creation-setting-field {
  grid-column: 2;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

[data-page="create"] .creation-setting-field span {
  white-space: nowrap;
}

[data-page="create"] .actions {
  justify-content: flex-end;
  margin-top: 12px;
}

[data-page="create"] #createJobBtnMirror,
[data-page="create"] #saveMovieTitleBtnMirror {
  background: #f9fafb;
}

.story-draft-status {
  align-self: center;
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

button.story-unsaved,
button.story-unsaved:hover,
button.story-unsaved:focus-visible {
  border-color: #d0d5dd;
  background: #f2f4f7;
  color: #667085;
  box-shadow: none;
}

[data-page="edit"] {
  max-width: none;
  margin: 0;
}

[data-page="edit"] .form-grid {
  grid-template-columns: 180px 220px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-page="edit"] .form-grid .field {
  gap: 6px;
}

.review-panel {
  border-color: #eaecf0;
  border-radius: 18px;
  box-shadow: 0 14px 36px rgba(16, 24, 40, .06);
}

.review-head {
  align-items: center;
}

.review-head h3 {
  font-size: var(--ui-font-section);
}

.review-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

.review-card {
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  transition: transform .14s ease, box-shadow .14s ease;
}

.review-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(16, 24, 40, .12);
}

.review-card img,
.review-card video {
  border-radius: 10px;
}

.review-card-info {
  padding: 8px 2px 10px;
}

[data-page="create"].active {
  display: block;
  max-width: none;
  margin: 0;
  padding: 28px 32px 36px;
}

[data-page="create"] .page-head {
  display: block;
  margin: 0 0 16px;
  text-align: left;
}

[data-page="create"] .page-head h2 {
  font-size: var(--ui-font-page);
}

[data-page="create"] .page-head span {
  max-width: none;
  margin: 6px 0 0;
  font-size: var(--ui-font-meta);
}

[data-page="create"] .form-grid {
  width: 100%;
  max-width: none;
  min-height: 430px;
  position: relative;
  grid-template-columns: minmax(520px, 1fr) minmax(430px, .62fr);
  grid-auto-flow: row;
  align-items: start;
  padding: 18px;
  border-radius: 20px;
}

[data-page="create"] .wide-field {
  grid-column: 1;
  grid-row: 1 / span 8;
  min-height: 100%;
  display: grid;
  grid-template-rows: auto minmax(330px, 1fr) auto;
  align-content: stretch;
}

[data-page="create"] .wide-field textarea {
  min-height: 330px;
  height: 100%;
  border: 1px solid transparent;
  background: #fbfcfd;
}

[data-page="create"] .wide-field textarea:focus {
  border-color: var(--main);
  box-shadow: 0 0 0 3px rgba(15, 143, 143, .12);
}

.story-save-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.story-save-row button {
  min-width: 132px;
}

.story-draft-status {
  color: var(--muted);
  font-size: var(--ui-font-meta);
  line-height: 1.45;
}

[data-page="create"] .actions {
  width: 100%;
  max-width: none;
  justify-content: flex-start;
  margin-top: 14px;
}

.creation-asset-picker {
  position: relative;
  margin-top: 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.creation-asset-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.creation-asset-head h3 {
  margin: 0;
  font-size: var(--ui-font-section);
  line-height: 1.4;
}

.creation-asset-head p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.creation-asset-main-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.creation-asset-main-actions button {
  min-width: 112px;
  min-height: 40px;
  border-color: var(--main);
  background: var(--main);
  color: #fff;
  border-radius: 8px;
  font-size: var(--ui-font-button);
  font-weight: var(--ui-font-weight);
  box-shadow: 0 10px 24px rgba(15, 143, 143, .2);
}

.creation-asset-main-actions button:hover {
  background: var(--main);
}

.creation-asset-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  min-height: 38px;
  align-items: center;
}

.creation-asset-chip {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--main);
  background: var(--main);
  color: #fff;
  border-radius: 8px;
  padding: 0 14px;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
  box-shadow: 0 10px 24px rgba(15, 143, 143, .18);
}

.creation-asset-chip.is-readonly {
  pointer-events: none;
  box-shadow: none;
}

.creation-asset-chip:hover {
  background: var(--main);
}

.creation-asset-status {
  min-height: 20px;
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.creation-asset-panel[hidden] {
  display: none;
}

.creation-asset-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  z-index: 40;
  max-height: min(560px, calc(100vh - 220px));
  overflow: auto;
  margin-top: 0;
  border: 1px solid #d0d5dd;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 56px rgba(16, 24, 40, .18);
  scroll-margin-top: 88px;
}

.creation-asset-menu-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px 8px;
}

.creation-asset-menu-head strong {
  font-size: var(--ui-font-section);
  line-height: 1.4;
}

.creation-asset-menu-head span {
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.creation-asset-menu-selected {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px 10px;
}

.creation-asset-menu-empty {
  color: var(--muted);
  font-size: var(--ui-font-body);
}

.creation-asset-tabs {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  padding: 8px 10px 0;
  border-bottom: 1px solid #d0d5dd;
  background: #f8fafc;
}

.creation-asset-tabs button {
  min-height: 34px;
  min-width: 72px;
  border: 1px solid #d0d5dd;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  background: #eef2f6;
  color: #344054;
  font-size: var(--ui-font-tab);
  font-weight: var(--ui-font-weight);
}

.creation-asset-tabs button.active {
  position: relative;
  top: 1px;
  background: #fff;
  color: var(--main);
}

.creation-asset-panel-status {
  padding: 10px 12px 0;
  color: #475467;
  font-size: var(--ui-font-meta);
}

.creation-asset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 12px;
  padding: 12px;
}

.creation-asset-empty {
  grid-column: 1 / -1;
  min-height: 120px;
  display: grid;
  place-items: center;
  border: 1px dashed #d0d5dd;
  border-radius: 8px;
  color: #667085;
  background: #fbfcfd;
}

.creation-asset-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(38px, auto) auto;
  gap: 8px;
  padding: 9px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.creation-asset-card:hover {
  border-color: var(--main);
  box-shadow: 0 0 0 3px rgba(14, 133, 136, .10);
}

.creation-asset-card[data-creation-asset-disabled="1"] {
  cursor: not-allowed;
  opacity: .62;
}

.creation-asset-card.selected {
  border-color: var(--main);
  box-shadow: 0 0 0 3px rgba(14, 133, 136, .12);
}

.creation-asset-card-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  overflow: hidden;
  background: #f2f4f7;
  display: grid;
  place-items: center;
  color: #667085;
  font-size: var(--ui-font-body);
}

.creation-asset-card-characters .creation-asset-card-image {
  aspect-ratio: 3 / 4;
}

.creation-asset-card-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.creation-asset-card strong {
  min-width: 0;
  color: #101828;
  font-size: var(--ui-font-card);
  line-height: 1.35;
  font-weight: var(--ui-font-weight);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.creation-asset-role-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  min-height: 22px;
  margin: 2px 0 8px;
}

.creation-asset-role-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 6px;
  border: 1px solid #d2dce5;
  border-radius: 6px;
  background: #f5f7fa;
  color: #334155;
  font-size: var(--ui-font-meta);
  line-height: 1;
  white-space: nowrap;
}

.creation-asset-role-badge-protagonist_candidate {
  border-color: #bad9ff;
  background: #edf6ff;
  color: #115ea8;
}

.creation-asset-role-badge-explicit_antagonist,
.creation-asset-role-badge-pressure_role,
.creation-asset-role-badge-nonhuman_threat_or_boss {
  border-color: #ffd3d3;
  background: #fff0f0;
  color: #9f1d1d;
}

.creation-asset-role-badge-ambivalent_or_reversible {
  border-color: #ffe0ad;
  background: #fff8ea;
  color: #8a4b00;
}

.creation-asset-role-badge-ally_or_function_support {
  border-color: #c8ead6;
  background: #effaf3;
  color: #176b3a;
}

.creation-asset-card button {
  width: 100%;
  min-height: 34px;
  border-radius: 7px;
  font-size: var(--ui-font-button);
}

.creation-asset-role-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
}

.creation-asset-role-actions button {
  min-width: 0;
}

.creation-asset-role-actions button[data-creation-character-role="ambivalent"] {
  grid-column: 1;
}

.creation-asset-role-actions button[data-creation-character-role="ally_support"] {
  grid-column: 2;
}

.creation-asset-role-actions button[data-creation-asset-pick="characters"] {
  grid-column: 1 / -1;
}

.creation-asset-card.selected button {
  border-color: var(--main);
  background: #eef7f7;
  color: var(--main);
  font-weight: var(--ui-font-weight);
}

[data-page="create"] .actions button {
  min-width: 112px;
}

.stage00-resume-control {
  min-width: 220px;
  display: grid;
  gap: 6px;
}

.stage00-resume-control span {
  color: var(--muted);
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
}

.stage00-resume-control select {
  height: 40px;
}

.stage00-resume-control {
  display: none;
}

.stage00-staging-panel,
.stage00-error-panel {
  grid-column: 1 / -1;
}

.stage00-staging-panel:empty,
.stage00-error-panel:empty {
  display: none;
}

.stage00-staging-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px;
}

.stage00-staging-grid.single {
  grid-template-columns: minmax(260px, 420px);
}

.stage00-staging-card,
.stage00-error-card,
.pipeline-stage-detail {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.stage00-staging-card {
  cursor: pointer;
}

.stage00-staging-card:focus-visible {
  outline: 3px solid rgba(13, 148, 136, 0.28);
  outline-offset: 2px;
}

.stage00-staging-card.current {
  border-color: var(--main);
  background: var(--soft);
}

.stage00-staging-card.selected {
  border-color: var(--main);
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.16);
}

.stage00-staging-card span,
.stage00-staging-card small,
.stage00-error-card span,
.stage00-error-card p,
.pipeline-stage-detail span,
.pipeline-stage-detail small {
  color: var(--muted);
  font-size: var(--ui-font-meta);
  line-height: 1.5;
}

.pipeline-stage-detail {
  border-color: #eaecf0;
}

.pipeline-stage-detail.running {
  border-color: #fedf89;
  background: #fffbeb;
}

.pipeline-stage-detail.done {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.pipeline-stage-evidence {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.pipeline-stage-evidence header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.pipeline-stage-evidence header small {
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.pipeline-evidence-groups {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}

.pipeline-evidence-groups > .episode-llm-grid {
  grid-column: 1 / -1;
}

.pipeline-evidence-grid {
  align-items: stretch;
}

.pipeline-episode-group {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fbfcfd;
  overflow: hidden;
  min-width: 0;
}

.pipeline-episode-group[open] {
  grid-column: 1 / -1;
  background: #fff;
}

.pipeline-episode-group summary {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 10px 12px;
  cursor: pointer;
  list-style: none;
}

.pipeline-episode-group summary::-webkit-details-marker {
  display: none;
}

.pipeline-episode-group summary::before {
  content: "+";
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #eef2f6;
  color: var(--muted);
  font-weight: 700;
  grid-row: 1 / span 2;
}

.pipeline-episode-group[open] summary::before {
  content: "-";
  background: #e7f8f6;
  color: var(--accent);
}

.pipeline-episode-group summary strong {
  min-width: 0;
  font-size: var(--ui-font-label);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.pipeline-episode-group summary span {
  color: var(--muted);
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
  line-height: 1.35;
}

.pipeline-episode-group .episode-llm-grid {
  padding: 0 12px 12px;
}

.stage00-error-card {
  border-color: #ffd7d0;
  background: #fff7f5;
}

.stage00-error-card strong {
  color: var(--bad);
}

.stage00-error-card p {
  margin: 6px 0 0;
}

.stage00-error-card.stale {
  border-color: #fedf89;
  background: #fffbeb;
}

.stage00-error-card.stale strong {
  color: #92400e;
}

[data-page="outputs"] .page-head {
  margin-bottom: 12px;
}

[data-page="outputs"] .page-head h2 {
  font-size: var(--ui-font-page);
  letter-spacing: 0;
}

[data-page="outputs"] .page-head span {
  font-size: var(--ui-font-meta);
  color: #667085;
}

[data-page="outputs"] .filter-strip {
  display: none;
}

[data-page="outputs"] {
  padding-top: 0 !important;
}

[data-page="outputs"] .filter-strip button {
  height: 32px;
  padding: 0 13px;
  border-radius: 999px;
  font-size: var(--ui-font-tab);
  font-weight: var(--ui-font-weight);
}

[data-page="outputs"] .outputs-gallery-panel {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  overflow: visible;
}

[data-page="outputs"] .outputs-result-tabs {
  position: sticky;
  top: 0;
  z-index: 7;
  flex-wrap: wrap;
  padding-top: 0;
}

[data-page="outputs"] .outputs-result-tabs button {
  min-width: 78px;
}

[data-page="outputs"] .output-tab-episode-select {
  align-self: center;
  width: 132px;
  height: 34px;
  margin: 0 4px 0 0;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  font-size: var(--ui-font-input);
  font-weight: var(--ui-font-weight);
  padding: 0 28px 0 10px;
}

[data-page="outputs"] .outputs-gallery-status {
  align-self: center;
  margin-left: auto;
  padding: 0 0 8px 16px;
  color: #475467;
  font-size: var(--ui-font-meta);
  white-space: nowrap;
}

[data-page="outputs"] .output-board {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 12px;
}

[data-page="outputs"] .output-board.output-board--inline {
  display: block;
  grid-template-columns: none;
  width: 100%;
  padding: 0;
}

[data-page="outputs"] .output-board.output-board--inline > .inline-evidence-view {
  width: 100%;
  max-width: none;
}

[data-page="outputs"] .output-card {
  border: 1px solid #e4e7ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

[data-page="outputs"] .output-result-card {
  border: 0;
  border-radius: 10px;
  box-shadow: none;
}

[data-page="outputs"] .output-result-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(16, 24, 40, .12);
}

[data-page="outputs"] .output-result-card .review-card-info {
  padding: 8px 2px 10px;
}

[data-page="outputs"] .output-audio-preview,
[data-page="outputs"] .output-script-preview {
  aspect-ratio: 16 / 9;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 14px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #eaecf0;
}

[data-page="outputs"] .output-script-preview {
  cursor: pointer;
}

[data-page="outputs"] .output-script-preview span,
[data-page="outputs"] .output-audio-preview span {
  color: #667085;
  font-size: var(--ui-font-meta);
}

[data-page="outputs"] .output-script-preview strong,
[data-page="outputs"] .output-audio-preview strong {
  color: #101828;
  font-size: var(--ui-font-card);
  line-height: 1.3;
}

.evidence-modal-audio {
  width: min(760px, 100%);
  margin: 0 auto;
  padding: 24px;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  background: #f8fafc;
}

.evidence-modal-audio audio {
  width: 100%;
}

[data-page="outputs"] .output-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(16, 24, 40, .10);
}

[data-page="outputs"] .output-card.output-evidence .output-media {
  min-height: 132px;
  aspect-ratio: auto;
  padding: 12px;
  background: #f8fafc;
}

[data-page="outputs"] .output-card.technical-evidence {
  border-style: dashed;
  background: #fffdf7;
}

[data-page="outputs"] .output-card.technical-evidence .output-media {
  background: #fffbeb;
}

[data-page="outputs"] .evidence-preview {
  min-height: 108px;
  justify-items: start;
  align-content: center;
  place-content: initial;
  gap: 8px;
  padding: 14px;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  background: #fff;
  color: #101828;
  text-align: left;
}

[data-page="outputs"] .evidence-preview:hover {
  border-color: #99d5d6;
  background: #f8fefe;
}

[data-page="outputs"] .evidence-preview .evidence-type {
  width: fit-content;
  max-width: 100%;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef7f7;
  color: #0e8588;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

[data-page="outputs"] .evidence-preview strong {
  max-width: 100%;
  color: #101828;
  font-size: var(--ui-font-card);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-page="outputs"] .evidence-preview span:last-child {
  max-width: 100%;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-page="outputs"] .output-info {
  padding: 10px 12px 12px;
}

[data-page="outputs"] .output-info strong {
  font-size: var(--ui-font-card);
}

[data-page="outputs"] .output-info span {
  font-size: var(--ui-font-meta);
  color: #667085;
}

[data-page="outputs"] .output-scopebar {
  display: none;
}

[data-page="outputs"] .output-scopebar label {
  display: grid;
  gap: 6px;
  color: #344054;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
}

[data-page="outputs"] .output-scopebar select {
  min-height: 38px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #fff;
  color: #101828;
  font-size: var(--ui-font-input);
  padding: 0 12px;
}

[data-page="outputs"] .output-card.output-evidence .output-info {
  display: none;
}

[data-page="outputs"] .empty-board {
  min-height: 360px;
  border: 1px dashed #d0d5dd;
  border-radius: 16px;
  background: #fbfcfd;
}

.evidence-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.evidence-lane {
  display: grid;
  grid-template-rows: auto auto 1fr;
  min-height: 280px;
  border: 1px solid #e4e7ec;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  overflow: hidden;
}

.evidence-lane header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 10px;
}

.evidence-lane h3 {
  margin: 0;
  color: #101828;
  font-size: var(--ui-font-section);
  line-height: 1.2;
  letter-spacing: 0;
}

.evidence-lane p {
  margin: 6px 0 0;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
}

.evidence-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 16px 14px;
}

.evidence-controls-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-controls label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #344054;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
}

.evidence-controls select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #fff;
  color: #101828;
  font-size: var(--ui-font-input);
  padding: 0 10px;
}

.evidence-lane-body {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 0 16px 16px;
}

.evidence-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 78px;
  padding: 12px;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  background: #f9fafb;
}

.evidence-row strong {
  display: block;
  margin-top: 6px;
  color: #101828;
  font-size: var(--ui-font-card);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-row p {
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-row-badge {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef7f7;
  color: #0e8588;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

.evidence-row button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 10px;
}

.evidence-card-empty,
.evidence-loading {
  min-height: 96px;
  display: grid;
  place-items: center;
  padding: 18px;
  border: 1px dashed #d0d5dd;
  border-radius: 12px;
  background: #fbfcfd;
  color: #667085;
  text-align: center;
}

.critical-confirm[hidden] {
  display: none;
}

.critical-confirm {
  position: fixed;
  inset: 0;
  z-index: 9400;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(16, 24, 40, .45);
}

#assetProcessingModal {
  z-index: 13000;
}

html.storyboard-prompt-processing-locked,
body.storyboard-prompt-processing-locked {
  overflow: hidden !important;
}

#assetProcessingModal.asset-processing-modal--storyboard-prompt-locked {
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}

.critical-confirm__panel {
  width: min(380px, calc(100vw - 48px));
  display: grid;
  justify-items: center;
  gap: 24px;
  padding: 30px 30px 26px;
  border: 1px solid #eaecf0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(16, 24, 40, .24);
}

.critical-confirm__panel--wide {
  width: min(920px, calc(100vw - 48px));
}

#publishPrepareModal .critical-confirm__panel--wide {
  max-height: calc(100vh - 48px);
  overflow: auto;
  justify-items: stretch;
}

#publishPrepareModal .critical-confirm__panel h3,
#publishPrepareModal .critical-confirm__panel > p {
  text-align: left;
}

#continuityRefPickerModal .critical-confirm__panel {
  width: min(1280px, calc(100vw - 24px));
  max-height: calc(100vh - 28px);
  overflow: visible;
  justify-items: stretch;
  gap: 14px;
  padding: 26px 28px 22px;
}

#continuityRefPickerModal .critical-confirm__panel h3 {
  text-align: left;
}

.continuity-ref-picker__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(126px, 1fr));
  gap: 10px;
  padding: 2px;
  overflow: visible;
}

.continuity-ref-card {
  display: grid;
  grid-template-rows: 72px 40px;
  align-content: start;
  gap: 6px;
  padding: 6px;
  min-width: 0;
  height: 130px;
  overflow: hidden;
  border: 2px solid #eaecf0;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  text-align: left;
}

.continuity-ref-card:hover,
.continuity-ref-card:focus-visible {
  border-color: #f04438;
  outline: none;
}

.continuity-ref-card.is-selected {
  border-color: #f04438;
  box-shadow: 0 0 0 3px rgba(240, 68, 56, .14);
}

.continuity-ref-card.is-disabled {
  opacity: .56;
  cursor: not-allowed;
}

.continuity-ref-card__media {
  position: relative;
  display: block;
  width: 100%;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  overflow: hidden;
  border-radius: 6px;
  background: #101828;
  contain: paint;
  isolation: isolate;
}

.continuity-ref-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}

.continuity-ref-card__media b {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
  padding: 3px 6px;
  border-radius: 999px;
  background: #f04438;
  color: #fff;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

.continuity-ref-card.is-selected .continuity-ref-card__media b,
.continuity-ref-card.is-disabled .continuity-ref-card__media b {
  display: inline-flex;
}

.continuity-ref-card__text {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.continuity-ref-card__text strong,
.continuity-ref-card__text small,
.continuity-ref-picker__status,
.continuity-ref-picker__empty {
  letter-spacing: 0;
}

.continuity-ref-card__text strong {
  display: block;
  color: #101828;
  font-size: var(--ui-font-card);
  font-weight: var(--ui-font-weight);
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.continuity-ref-card__text small,
.continuity-ref-picker__status {
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.35;
}

.continuity-ref-card__text small {
  display: -webkit-box;
  min-height: 28px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.continuity-ref-picker__empty {
  min-height: 140px;
  display: grid;
  place-items: center;
  border: 1px dashed #d0d5dd;
  border-radius: 8px;
  color: #667085;
  font-size: var(--ui-font-body);
}

.publish-preview-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(180px, .8fr);
  gap: 14px;
  align-items: start;
  width: 100%;
}

.publish-preview-media,
.publish-preview-side,
.publish-preview-section {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  background: #fff;
}

.publish-preview-media video,
.publish-preview-side img {
  display: block;
  width: 100%;
  max-height: 46vh;
  border-radius: 6px;
  background: #000;
  object-fit: contain;
}

.publish-preview-side img {
  max-height: 220px;
}

.publish-preview-section strong,
.publish-preview-side strong {
  color: #101828;
  font-size: var(--ui-font-card);
}

.publish-preview-section span,
.publish-preview-empty {
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
  word-break: break-word;
}

.publish-preview-empty {
  display: grid;
  min-height: 120px;
  place-items: center;
  border-radius: 6px;
  background: #f9fafb;
}

.publish-preview-section-warn {
  border-color: #fedf89;
  background: #fffbeb;
}

@media (max-width: 760px) {
  .publish-preview-grid {
    grid-template-columns: 1fr;
  }
}

#assetNoticeModal .critical-confirm__panel {
  max-height: calc(100vh - 48px);
  overflow: auto;
}

.critical-confirm__panel h3 {
  margin: 0;
  color: #344054;
  font-family: var(--font-sans);
  font-size: var(--ui-font-section);
  font-weight: var(--ui-font-weight);
  line-height: 1.45;
  letter-spacing: 0;
  text-align: center;
}

/* Screenplay adoption guidance shares the existing stage-monitor presentation. */
#episodeScriptAdoptionModal, #dialogueAdoptionModal { z-index: 10051; }
#assetProcessingModal[data-director-progress-owner] .critical-confirm__panel,
#episodeScriptAdoptionModal .critical-confirm__panel,
#dialogueAdoptionModal .critical-confirm__panel,
#humanActionNoticeModal[data-screenplay-adoption="true"] .critical-confirm__panel {
  width: min(620px, calc(100vw - 48px));
  padding: 24px;
  gap: 20px;
  max-height: calc(100vh - 48px);
  overflow: auto;
}
#assetProcessingModal[data-director-progress-owner] :is(h3, p, li, button),
#episodeScriptAdoptionModal :is(h3, p, li, button, label, select),
#dialogueAdoptionModal :is(h3, p, li, button, label, select),
#humanActionNoticeModal[data-screenplay-adoption="true"] :is(h3, p, li, button) {
  font-family: var(--font-sans);
  font-size: var(--ui-font-body);
  font-weight: 400;
}

:is(#episodeScriptAdoptionModal, #dialogueAdoptionModal) .critical-confirm__actions { flex-wrap: wrap; }
:is(#episodeScriptAdoptionModal, #dialogueAdoptionModal) .critical-confirm__body { min-width: 0; overflow-wrap: anywhere; }
:is(#episodeScriptAdoptionModal, #dialogueAdoptionModal) select { max-width: 100%; }

/* Director retry scope is explanatory copy, using the existing body type scale. */
#criticalConfirmModal[data-confirm-presentation="director-retry"] .critical-confirm__panel {
  width: min(420px, calc(100vw - 48px));
  padding: 24px;
  gap: 20px;
}

#criticalConfirmModal[data-confirm-presentation="director-retry"] #criticalConfirmTitle {
  width: 100%;
  font-family: var(--font-sans);
  font-size: var(--ui-font-body);
  font-weight: var(--ui-font-weight);
  line-height: 1.65;
  text-align: left;
  overflow-wrap: anywhere;
}

/* Screenplay continue confirmation uses the existing body type scale. */
#criticalConfirmModal[data-confirm-presentation="screenplay-continue"] #criticalConfirmTitle {
  font-size: var(--ui-font-body) !important;
  font-weight: 400 !important;
}

.critical-confirm__body {
  display: grid;
  gap: 10px;
  width: 100%;
}

.critical-confirm__body p {
  margin: 0;
  color: #475467;
  font-size: var(--ui-font-body);
  line-height: 1.65;
  letter-spacing: 0;
  text-align: left;
}

.critical-confirm__body ul {
  margin: 0;
  padding-left: 20px;
  color: #475467;
  font-size: var(--ui-font-body);
  line-height: 1.65;
  letter-spacing: 0;
  text-align: left;
}

.critical-confirm__body li + li {
  margin-top: 5px;
}

.critical-confirm__actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  width: 100%;
}

.critical-confirm__actions button {
  min-height: 36px;
  min-width: 76px;
  padding: 0 16px;
  border-radius: 12px;
  font-family: var(--font-sans);
  font-size: var(--ui-font-button);
  font-weight: var(--ui-font-weight);
  line-height: 1.45;
}

button.production-locked,
button.production-locked:hover,
button.production-locked:focus-visible {
  border-color: #d0d5dd;
  background: #f2f4f7;
  color: #667085;
  box-shadow: none;
  cursor: not-allowed;
}

button.production-locked.main,
button.production-locked.main:hover,
button.production-locked.main:focus-visible {
  border-color: #d0d5dd;
  background: #e4e7ec;
  color: #667085;
  box-shadow: none;
}

.critical-confirm__actions--cancel-generation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.critical-confirm__actions--cancel-generation button {
  width: 100%;
  min-width: 0;
  white-space: normal;
}

@media (max-width: 560px) {
  .critical-confirm__actions--cancel-generation {
    grid-template-columns: 1fr;
  }
}

.evidence-modal[hidden] {
  display: none;
}

.evidence-modal {
  --evidence-font-size: 16px;
  position: fixed;
  inset: 0;
  z-index: 9200;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(16, 24, 40, .42);
}

.evidence-modal__panel {
  width: min(1180px, calc(100vw - 64px));
  max-height: calc(100vh - 36px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(16, 24, 40, .24);
  overflow: hidden;
}

.evidence-modal__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 10px 14px 9px;
  border-bottom: 1px solid #eaecf0;
}

.evidence-modal__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.evidence-modal__admission-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.evidence-modal__actions button,
#evidenceModalClose {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: var(--ui-font-button);
  user-select: none;
}

.evidence-modal__head h3 {
  margin: 3px 0 0;
  font-size: var(--ui-font-section);
  letter-spacing: 0;
  line-height: 1.2;
}

.evidence-modal__head p {
  margin: 3px 0 0;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.25;
}

#evidenceModalBadge {
  display: inline-flex;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef7f7;
  color: #0e8588;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

#evidenceModalBadge.story-state {
  min-height: 32px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--bad);
  border-radius: 8px;
  background: var(--bad);
  color: #fff;
  font-size: var(--ui-font-meta);
}

.evidence-modal--asset #evidenceModalBadge {
  display: none !important;
}

.evidence-modal__body {
  min-height: 0;
  overflow: auto;
  padding: 16px 20px;
  background: #f8fafc;
}

.evidence-modal-text {
  margin: 0;
  padding: 22px;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  background: #fff;
  color: #101828;
  font-family: var(--font-sans);
  font-size: var(--evidence-font-size);
  line-height: 1.72;
  white-space: pre-wrap;
  word-break: break-word;
}

.inline-evidence-view {
  display: grid;
  gap: 12px;
  width: min(100%, 1120px);
  min-height: 0;
}

.inline-evidence-view__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaecf0;
}

.inline-evidence-view__head strong,
.inline-evidence-view__head span,
.inline-evidence-view__head small {
  display: block;
}

.inline-evidence-view__head strong {
  color: #101828;
  font-size: var(--ui-font-section);
  line-height: 1.35;
}

.inline-evidence-view__head span,
.inline-evidence-view__head small {
  margin-top: 4px;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
}

.inline-evidence-text {
  max-height: calc(100vh - 260px);
  min-height: 420px;
  margin: 0;
  padding: 22px;
  overflow: auto;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.78;
  white-space: pre-wrap;
  word-break: break-word;
}

.inline-episode-script-view--body-only .inline-evidence-view__head {
  display: none !important;
}

[data-page="edit"] .review-grid.review-grid--inline .inline-episode-script-view .inline-evidence-text {
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--nav-command-color) !important;
  font-family: var(--font-sans) !important;
  font-size: var(--nav-command-font-size) !important;
  font-weight: var(--nav-command-font-weight) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

[data-page="outputs"] .output-board.output-board--inline .inline-episode-script-view .inline-evidence-text {
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--nav-command-color) !important;
  font-family: var(--font-sans) !important;
  font-size: var(--nav-command-font-size) !important;
  font-weight: var(--nav-command-font-weight) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.inline-episode-script-view .inline-script-article,
[data-page="edit"] .review-grid.review-grid--inline .inline-episode-script-view .inline-script-article,
[data-page="outputs"] .output-board.output-board--inline .inline-episode-script-view .inline-script-article {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 18px clamp(28px, 4vw, 72px) 36px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #101828 !important;
  font-family: var(--font-sans) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.86 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.inline-episode-script-view .inline-script-article :where(h3, h4, p) {
  color: inherit !important;
  font-family: inherit !important;
  letter-spacing: 0 !important;
}

.inline-episode-script-view .inline-script-heading {
  margin: 0 0 18px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-indent: 0 !important;
}

.inline-episode-script-view .inline-script-section {
  margin: 22px 0 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-indent: 0 !important;
}

.inline-episode-script-view .inline-script-paragraph {
  margin: 0 0 10px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.86 !important;
  text-indent: 2em !important;
}

.inline-episode-script-view .inline-script-field {
  padding-left: 2em !important;
  text-indent: 0 !important;
}

.inline-episode-script-view .inline-script-field strong {
  font-weight: 600 !important;
}

.inline-episode-script-view .inline-script-field strong::after {
  content: "\ff1a";
}

.inline-episode-script-view .inline-script-field span {
  font-weight: 400 !important;
}

.inline-episode-script-view .inline-script-gap {
  height: 10px !important;
}

.review-dialogue-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
}

.review-dialogue-toolbar[hidden] {
  display: none !important;
}

body[data-review-media-type="dialogue_variants"] #admitEpisodeReviewGalleryBtn,
body[data-review-media-type="dialogue_variants"] #admitMovieReviewGalleryBtn {
  display: none !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-toolbar {
  flex-wrap: nowrap !important;
  gap: clamp(8px, .8vw, 14px) !important;
  overflow: hidden !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-head {
  row-gap: 6px !important;
  margin-bottom: 10px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-selected {
  flex: 1 1 160px !important;
  min-width: 96px !important;
  max-width: 220px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-filter-row {
  flex: 0 0 auto !important;
  gap: 10px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-filter-row .field {
  gap: 6px !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar {
  flex: 2 1 560px !important;
  min-width: 360px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow: hidden !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 0 8px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar strong {
  font-size: var(--ui-font-meta) !important;
  line-height: 1.2 !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar span {
  display: none !important;
}

body[data-review-media-type="dialogue_variants"] #admitReviewGalleryBtn,
body[data-review-media-type="dialogue_variants"] #loadReviewGalleryBtn {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  white-space: nowrap !important;
}

.review-dialogue-toolbar button {
  min-width: 118px;
  min-height: 44px;
  padding: 7px 10px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  text-align: left;
}

.review-dialogue-toolbar button.active {
  border-color: var(--bad);
  box-shadow: 0 0 0 2px rgba(255, 59, 38, .12);
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-preview-adopt,
body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-adopted {
  border-color: var(--mj-button) !important;
  background: var(--mj-button) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: var(--ui-font-weight) !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-preview-adopt:hover,
body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-preview-adopt:focus-visible,
body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-adopted:hover,
body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-adopted:focus-visible {
  border-color: var(--mj-button-hover) !important;
  background: var(--mj-button-hover) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-adopted {
  cursor: pointer !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-adopted.active {
  cursor: default !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-preview-adopt strong,
body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-adopted strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-accepted-idle {
  border-color: rgba(255, 59, 38, .42) !important;
}

.review-dialogue-toolbar strong,
.review-dialogue-toolbar span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-dialogue-toolbar strong {
  font-size: var(--ui-font-meta);
  line-height: 1.3;
}

.review-dialogue-toolbar span {
  margin-top: 3px;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.3;
}

.review-dialogue-selection-progress {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  gap: 2px;
  order: 2;
  width: 100%;
  margin: 0;
  padding: 0 0 6px;
  border-bottom: 1px solid #eaecf0;
  background: #fff;
  z-index: 31;
}

.review-dialogue-selection-progress[hidden] {
  display: none !important;
}

.review-dialogue-selection-progress__row {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  min-width: 0;
}

.review-dialogue-selection-progress__row > strong {
  color: #101828;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
  line-height: 20px;
  white-space: nowrap;
}

.review-dialogue-selection-progress__episodes {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 6px;
  align-items: center;
  min-width: 0;
}

.review-dialogue-selection-progress__episodes > span {
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 20px;
}

.review-dialogue-selection-progress__episode {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 20px;
  padding: 0 6px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: #fff;
  color: #344054;
  font-family: var(--font-sans);
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
  line-height: 20px;
  letter-spacing: 0;
  cursor: pointer;
}

.review-dialogue-selection-progress__episode--accepted {
  border-color: #a6f4c5;
  background: #ecfdf3;
  color: #027a48;
}

.review-dialogue-selection-progress__episode--pending {
  border-color: #fedf89;
  background: #fffbeb;
  color: #b54708;
}

.review-dialogue-selection-progress__episode.is-current {
  border-color: #101828;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .12);
}

.review-dialogue-selection-progress__episode:hover,
.review-dialogue-selection-progress__episode:focus-visible {
  border-color: var(--bad);
  outline: none;
}

.dialogue-variant-view {
  display: grid;
  gap: 14px;
  color: #101828;
}

.dialogue-variant-summary,
.dialogue-variant-panel {
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
}

.dialogue-variant-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 14px;
}

.dialogue-variant-summary strong,
.dialogue-variant-panel__head strong {
  display: block;
  font-size: var(--ui-font-section);
  line-height: 1.35;
}

.dialogue-variant-summary span,
.dialogue-variant-panel__head span,
.dialogue-variant-panel__head small {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
}

.dialogue-variant-status {
  display: grid;
  align-content: start;
  justify-items: end;
  gap: 4px;
  min-width: 150px;
}

.dialogue-variant-status span {
  margin: 0;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef7f7;
  color: #0e8588;
  font-weight: var(--ui-font-weight);
}

.dialogue-variant-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  gap: 8px;
}

.dialogue-variant-tabs button {
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  text-align: left;
}

.dialogue-variant-tabs button.active {
  border-color: var(--bad);
  box-shadow: 0 0 0 2px rgba(255, 59, 38, .12);
}

.dialogue-variant-tabs strong,
.dialogue-variant-tabs span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dialogue-variant-tabs strong {
  font-size: var(--ui-font-meta);
}

.dialogue-variant-tabs span {
  margin-top: 3px;
  color: #667085;
  font-size: var(--ui-font-meta);
}

.dialogue-variant-panel__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .45fr);
  gap: 14px;
  align-items: start;
  padding: 12px 14px;
  border-bottom: 1px solid #eaecf0;
}

.dialogue-variant-lines {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.dialogue-compare-column-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.dialogue-compare-column-header__cell {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
}

.dialogue-compare-column-header__cell--original,
.dialogue-compare-cell--original {
  border-color: #e4e7ec;
  background: #f8fafc;
}

.dialogue-compare-column-header__cell--candidate,
.dialogue-compare-cell--candidate {
  border-color: #ffd6c9;
  background: #fff7f4;
}

.dialogue-compare-column-header__cell--with-actions {
  display: grid;
  justify-items: center;
  text-align: center;
}

.dialogue-compare-column-header__cell.dialogue-compare-column-header__cell--original {
  display: grid;
  justify-items: center;
  text-align: center;
}

.dialogue-compare-column-header__cell strong,
.dialogue-compare-column-header__cell span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialogue-compare-column-header__cell strong {
  color: #101828;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
  line-height: 1.35;
  white-space: nowrap;
}

.dialogue-compare-column-header__cell span {
  margin-top: 3px;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
  white-space: normal;
}

.dialogue-compare-column-header__actions {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  width: 100%;
}

.dialogue-variant-line {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  background: #fcfcfd;
}

.dialogue-variant-line__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dialogue-variant-line__head strong,
.dialogue-variant-line__head span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dialogue-variant-line__head strong {
  font-size: 13px;
}

.dialogue-variant-line__head span,
.dialogue-variant-line__grid span,
.dialogue-variant-line__note {
  color: #667085;
  font-size: 12px;
}

.dialogue-variant-line__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.dialogue-variant-line__grid div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #eef2f6;
  border-radius: 8px;
  background: #fff;
}

.dialogue-variant-line__grid p {
  margin: 5px 0 0;
  color: #101828;
  font-size: 14px;
  line-height: 1.65;
  word-break: break-word;
}

.dialogue-compare-cell p {
  margin-top: 0;
}

.dialogue-manual-edit-textarea {
  width: 100%;
  min-height: 92px;
  box-sizing: border-box;
  margin: 5px 0 0;
  padding: 9px 10px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  font: inherit;
  font-size: var(--ui-font-input);
  line-height: 1.65;
  resize: vertical;
}

.dialogue-manual-edit-textarea:focus {
  outline: 2px solid rgba(255, 59, 38, .18);
  border-color: var(--bad);
}

.dialogue-variant-line__note {
  line-height: 1.45;
}

.inline-dialogue-variant-view {
  display: grid;
  gap: 14px;
  width: 100%;
  color: #101828;
}

.inline-dialogue-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 0 0 14px;
  border-bottom: 1px solid #eaecf0;
}

.inline-dialogue-header strong {
  color: #101828;
  font-size: var(--ui-font-section);
  line-height: 1.35;
}

.inline-dialogue-header p,
.inline-dialogue-header small {
  margin: 0;
  max-width: 1100px;
  color: #475467;
  font-size: var(--ui-font-meta);
  line-height: 1.65;
}

.inline-dialogue-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.story-manuscript-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(12px, 1.6vw, 24px);
  flex: 0 1 auto;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  background: transparent;
}

.story-manuscript-actions small {
  flex: 0 1 auto;
  max-width: 320px;
  min-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.story-manuscript-actions .evidence-modal__footer-actions {
  flex: 0 0 auto;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.asset-prompt-actions small {
  max-width: 360px;
}

.story-manuscript-actions button[aria-disabled="true"],
.evidence-modal__footer-actions button[aria-disabled="true"] {
  opacity: 0.58;
  cursor: help;
}

.inline-asset-prompt-view {
  display: grid;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 14px var(--asset-prompt-review-inset, clamp(24px, 2.4vw, 40px)) 34px;
}

.asset-prompt-browser {
  width: 100%;
  min-width: 0;
}

.asset-prompt-browser .movie-asset-type-tabs {
  position: sticky;
  top: 0;
  z-index: 20;
  margin: 0 0 12px;
  padding: 8px 0;
  background: #f8fafc;
}

.asset-prompt-card-list.movie-asset-list.asset-list {
  max-height: none;
  overflow: visible;
  width: 100%;
  padding: 0;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
  align-content: start;
}

.asset-prompt-card.asset-item {
  min-height: 0;
  padding: 12px;
  cursor: pointer;
}

.asset-prompt-card.selected,
.asset-prompt-card:focus-visible {
  border-color: var(--mj-button);
  box-shadow: 0 0 0 2px rgba(14, 133, 136, .14);
  outline: none;
}

.asset-prompt-card .asset-copy {
  gap: 6px;
  min-width: 0;
}

.asset-prompt-card .asset-title,
.asset-prompt-card .asset-path,
.asset-prompt-card .asset-standard-status {
  overflow: hidden;
}

.asset-prompt-card .asset-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-prompt-card .asset-title {
  min-height: 20px;
}

.asset-prompt-card .asset-path,
.asset-prompt-card .asset-standard-status {
  min-height: 0;
  font-size: var(--ui-font-meta);
  line-height: 1.35;
}

.asset-prompt-card .movie-asset-card-status {
  gap: 4px;
}

.asset-prompt-card .movie-asset-review-badge,
.asset-prompt-card .movie-asset-selected-badge {
  min-height: 20px;
  padding: 2px 6px;
  font-size: var(--ui-font-meta);
}

.asset-prompt-list {
  display: grid;
  gap: 8px;
  max-height: calc(100vh - 360px);
  overflow: auto;
  padding-right: 4px;
}

.asset-prompt-list__summary {
  display: grid;
  gap: 3px;
  padding: 6px 2px 8px;
  color: #475467;
  font-size: var(--ui-font-meta);
  line-height: 1.4;
}

.asset-prompt-list__summary strong {
  color: #101828;
  font-size: var(--ui-font-section);
}

.asset-prompt-row {
  display: grid;
  gap: 6px;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  text-align: left;
}

.asset-prompt-row:hover,
.asset-prompt-row:focus-visible,
.asset-prompt-row.selected {
  border-color: var(--mj-button);
  box-shadow: 0 0 0 2px rgba(14, 133, 136, .12);
  outline: none;
}

.asset-prompt-row__head,
.asset-prompt-row__body {
  display: grid;
  gap: 6px;
}

.asset-prompt-row__head {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.asset-prompt-row__head strong {
  overflow: hidden;
  color: #101828;
  font-size: var(--ui-font-card);
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-prompt-row__head small {
  color: #475467;
  font-size: var(--ui-font-meta);
  line-height: 1.35;
}

.asset-prompt-row__meta {
  color: #344054;
  font-size: var(--ui-font-meta);
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-prompt-detail {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
}

.asset-prompt-modal-view .asset-prompt-detail {
  border: 0;
  padding: 0;
}

.asset-prompt-modal-view {
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 0 20px;
  font-size: var(--evidence-font-size);
  line-height: 1.72;
  overscroll-behavior: contain;
}

.asset-prompt-modal-view .asset-prompt-detail__fields {
  gap: 18px;
}

.asset-prompt-modal-view .asset-prompt-detail__field {
  padding-bottom: 16px;
  border-bottom: 1px solid #eef2f6;
}

.asset-prompt-modal-view .asset-prompt-detail__field:last-child {
  border-bottom: 0;
}

.asset-prompt-modal-view .asset-prompt-detail__field dd {
  max-width: 100%;
  font-size: inherit;
  line-height: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.asset-prompt-detail--empty {
  color: #475467;
}

.asset-prompt-detail__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding-bottom: 14px;
  border-bottom: 1px solid #eef2f6;
}

.asset-prompt-detail__head div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.asset-prompt-detail__head strong {
  color: #101828;
  font-size: var(--ui-font-section);
  line-height: 1.35;
}

.asset-prompt-detail__head span,
.asset-prompt-detail__head small {
  color: #475467;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
}

.asset-prompt-detail__fields {
  display: grid;
  gap: 14px;
  margin: 0;
}

.asset-prompt-detail__field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.asset-prompt-detail__field dt {
  color: #667085;
  font-weight: var(--ui-font-weight);
  font-size: var(--ui-font-label);
  line-height: 1.35;
}

.asset-prompt-detail__field dd {
  min-width: 0;
  margin: 0;
  color: #101828;
  font-size: 15px;
  line-height: 1.75;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.asset-prompt-detail__field--image_prompt_zh dd,
.asset-prompt-detail__field--canonical_visual_zh dd {
  font-size: 16px;
}

.storyboard-prompt-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-top: 8px;
}

.storyboard-prompt-tags span {
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  font-size: var(--ui-font-meta);
  line-height: 1.4;
  padding: 2px 8px;
}

.storyboard-prompt-json-editor {
  min-height: 340px;
  width: 100%;
  resize: vertical;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  font: 13px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  padding: 12px;
  white-space: pre;
}

.storyboard-prompt-output-list {
  display: grid;
  gap: 14px;
}

.storyboard-prompt-output {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
}

.storyboard-prompt-output__header {
  color: var(--muted);
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
  line-height: 1.4;
}

.storyboard-prompt-output__text,
.storyboard-prompt-output__textarea {
  width: 100%;
  min-height: 96px;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  font: inherit;
  line-height: 1.6;
  padding: 10px 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.storyboard-prompt-output__textarea {
  resize: vertical;
}

.storyboard-prompt-output__readonly {
  color: var(--muted);
  font-size: var(--ui-font-meta);
}

.storyboard-prompt-output__readonly dl {
  display: grid;
  gap: 6px;
  margin: 8px 0 0;
}

.storyboard-prompt-output__readonly div {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 10px;
}

.storyboard-prompt-output__readonly dt,
.storyboard-prompt-output__readonly dd {
  margin: 0;
}

.storyboard-prompt-empty {
  color: var(--muted);
  font-size: var(--ui-font-body);
}

.asset-prompt-detail__empty {
  margin: 0;
  color: #475467;
  line-height: 1.6;
}

.inline-dialogue-actions button,
.dialogue-compare-column-header__actions button,
.inline-dialogue-current-selection {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--mj-button);
  border-radius: 8px;
  background: var(--mj-button);
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-size: var(--ui-font-button);
  font-weight: var(--ui-font-weight);
  white-space: nowrap;
}

.inline-dialogue-current-selection {
  cursor: default;
}

.inline-dialogue-actions button:hover,
.inline-dialogue-actions button:focus-visible,
.dialogue-compare-column-header__actions button:hover,
.dialogue-compare-column-header__actions button:focus-visible {
  border-color: var(--mj-button-hover);
  background: var(--mj-button-hover);
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.inline-dialogue-actions button:disabled,
.dialogue-compare-column-header__actions button:disabled {
  border-color: #d0d5dd;
  background: #f2f4f7;
  color: #98a2b3;
  -webkit-text-fill-color: #98a2b3;
  cursor: default;
}

.dialogue-compare-column-header__actions button:disabled,
.dialogue-compare-column-header__actions button:disabled:hover,
.dialogue-compare-column-header__actions button:disabled:focus-visible,
.dialogue-compare-column-header__actions button:disabled:active {
  border-color: #d0d5dd !important;
  background: #fff !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  box-shadow: none !important;
  cursor: not-allowed;
  opacity: 1;
}

.dialogue-compare-column-header__actions button,
.dialogue-compare-column-header__actions button:hover,
.dialogue-compare-column-header__actions button:focus-visible,
.dialogue-compare-column-header__actions button:active,
.dialogue-compare-column-header__actions button:disabled,
.dialogue-compare-column-header__actions button[disabled] {
  border-color: #d0d5dd !important;
  background: #fff !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.dialogue-compare-column-header__actions button:hover,
.dialogue-compare-column-header__actions button:focus-visible {
  background: #f2f4f7 !important;
}

.inline-dialogue-lines {
  display: grid;
  gap: 18px;
}

.inline-dialogue-line {
  display: grid;
  gap: 10px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eaecf0;
}

.inline-dialogue-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}

.inline-dialogue-column {
  display: grid;
  min-width: 0;
}

.inline-dialogue-column.dialogue-compare-cell {
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
}

.inline-dialogue-text {
  margin: 0;
  color: #101828;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.55;
  word-break: break-word;
}

.inline-dialogue-text strong,
.inline-dialogue-text b {
  display: inline-block;
  margin-right: 8px;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.55;
}

.inline-dialogue-text strong {
  color: #101828;
}

.inline-dialogue-text b {
  color: #344054;
}

[data-page="edit"] .review-grid.review-grid--inline .inline-dialogue-text,
[data-page="edit"] .review-grid.review-grid--inline .inline-dialogue-text strong,
[data-page="edit"] .review-grid.review-grid--inline .inline-dialogue-text b {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  .inline-evidence-view__head,
  .inline-dialogue-header,
  .dialogue-compare-column-header,
  .inline-dialogue-columns {
    grid-template-columns: 1fr;
  }

  .inline-dialogue-actions {
    justify-content: flex-start;
  }

  .dialogue-compare-column-header__actions {
    align-items: center;
    justify-content: center;
  }

  .dialogue-compare-column-header__actions button {
    flex: 0 1 auto;
  }

  .inline-evidence-view__head {
    flex-direction: column;
    align-items: stretch;
  }

  .inline-evidence-text {
    min-height: 320px;
    max-height: none;
  }

  .review-dialogue-toolbar {
    width: 100%;
  }

  .review-dialogue-toolbar button {
    flex: 1 1 150px;
  }

  .dialogue-variant-summary,
  .dialogue-variant-panel__head,
  .dialogue-variant-line__grid {
    grid-template-columns: 1fr;
  }

  .dialogue-variant-status {
    justify-items: start;
    min-width: 0;
  }

  .dialogue-variant-tabs {
    grid-template-columns: 1fr;
  }
}

.evidence-modal-media {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 190px);
  margin: 0 auto;
  border-radius: 8px;
  background: #000;
  object-fit: contain;
}

.evidence-modal-image-wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  max-height: calc(100vh - 190px);
  line-height: 0;
}

.evidence-modal-image-wrap .evidence-modal-media {
  max-height: calc(100vh - 190px);
}

.evidence-modal__footer[hidden] {
  display: none;
}

.evidence-modal__footer {
  display: grid;
  grid-template-columns: minmax(180px, .65fr) minmax(280px, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 9px 14px;
  border-top: 1px solid #eaecf0;
  background: #fff;
}

.evidence-modal__footer--actions-only {
  grid-template-columns: auto minmax(0, 1fr);
  justify-items: stretch;
}

.evidence-modal__footer--actions-only .evidence-modal__footer-meta {
  display: none;
}

.evidence-modal__footer--actions-only .evidence-modal__footer-machine-actions {
  grid-column: 1;
  justify-self: start;
}

.evidence-modal__footer--actions-only .evidence-modal__footer-actions {
  grid-column: 2;
  justify-self: end;
}

.evidence-modal__footer--storyboard-actions-only {
  grid-template-columns: minmax(0, 1fr);
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-machine-actions {
  display: none;
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions {
  grid-column: 1;
  width: 100%;
  justify-content: center;
  justify-self: center;
  gap: 6px;
}

.evidence-modal__footer-meta {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.evidence-modal__footer-meta strong,
.evidence-modal__footer-meta span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-modal__footer-meta strong {
  font-size: var(--ui-font-meta);
}

.evidence-modal__footer-meta span {
  color: #667085;
  font-size: var(--ui-font-meta);
}

.story-repair-box {
  min-width: 0;
  grid-column: 1 / 3;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #344054;
  font-size: var(--ui-font-body);
}

.story-repair-box label {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.story-repair-box label:first-child {
  width: 290px;
  flex: 0 1 290px;
}

.story-repair-box label:nth-child(2) {
  flex: 1 1 340px;
}

.story-repair-box label span {
  flex: 0 0 auto;
  font-weight: var(--ui-font-weight);
  white-space: nowrap;
}

.story-repair-box select {
  width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  font-size: var(--ui-font-input);
}

.repair-char-picker {
  display: grid;
  gap: 4px;
  max-width: min(42vw, 520px);
}

.repair-char-picker__label {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #344054;
  font-size: var(--ui-font-label);
}

.repair-char-picker__label strong {
  color: #c4320a;
  font-weight: var(--ui-font-weight);
}

.repair-char-picker__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 3px;
}

.repair-char-option {
  display: grid;
  position: relative;
  grid-template-columns: 44px minmax(0, 96px);
  gap: 6px;
  align-items: center;
  min-height: 50px;
  padding: 4px 7px 4px 4px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #182230;
  font-size: var(--ui-font-label);
  text-align: left;
  flex: 0 0 auto;
}

.repair-char-option img {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  object-fit: cover;
  background: #101828;
}

.repair-char-option span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.repair-char-option.is-selected {
  border: 2px solid #ff3b1f;
  background: #fff4ed;
  box-shadow: 0 0 0 3px rgba(255, 59, 31, 0.18);
}

.repair-char-option b {
  position: absolute;
  top: -7px;
  right: -7px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #ff3b1f;
  color: #fff;
  font-size: var(--ui-font-label);
  line-height: 1.2;
}

.repair-char-picker--missing {
  color: #b42318;
}

.evidence-modal__footer-actions {
  grid-column: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.evidence-modal__footer-machine-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
}

.evidence-modal__footer-machine-actions:empty {
  display: none;
}

.evidence-modal__footer-actions button {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: var(--ui-font-button);
  white-space: nowrap;
}

.evidence-modal__footer-machine-actions button {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: var(--ui-font-button);
  white-space: nowrap;
}

.evidence-modal--media .evidence-modal__body {
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #f4f6f8;
}

.evidence-modal--media .evidence-modal__panel {
  width: min(1180px, calc(100vw - 128px));
  height: calc(100vh - 36px);
}

.evidence-modal--media .evidence-modal-media {
  max-width: 100%;
  max-height: calc(100vh - 190px);
  width: auto;
  height: auto;
  object-fit: contain;
}

.evidence-modal--media .evidence-modal-media--asset {
  max-width: 100%;
  max-height: calc(100vh - 190px);
  width: auto;
  height: auto;
  background: transparent;
  object-fit: contain;
}

.evidence-modal--media .evidence-modal__actions button:not(#evidenceModalCharacterVoice):not(#evidenceModalExport):not(#evidenceModalFullscreen):not([data-media-admission-action]) {
  display: none;
}

.evidence-modal--fullscreen {
  padding: 0;
}

.evidence-modal--fullscreen .evidence-modal__panel {
  width: 100vw;
  height: 100vh;
  max-height: none;
  border-radius: 0;
}

.evidence-modal--fullscreen.evidence-modal--media .evidence-modal__panel {
  width: 100vw;
}

.evidence-modal--fullscreen.evidence-modal--media .evidence-modal__body {
  padding: 0;
  background: #05070a;
  display: grid;
  place-items: center;
}

.evidence-modal--fullscreen.evidence-modal--media .evidence-modal-media {
  max-width: 100vw;
  max-height: calc(100vh - 126px);
  border-radius: 0;
  object-fit: contain;
}

.evidence-modal--fullscreen.evidence-modal--media .evidence-modal-image-wrap {
  max-width: 100vw;
  max-height: calc(100vh - 126px);
}

.evidence-modal--fullscreen .evidence-modal-text {
  min-height: 100%;
  border: 0;
  border-radius: 0;
  padding: 28px 34px 42px;
  box-shadow: none;
}

[data-page="edit"] {
  max-width: none;
  margin: 0;
  padding: 28px 32px 36px;
}

[data-page="edit"] .page-head {
  margin-bottom: 14px;
}

[data-page="edit"] .form-grid {
  width: 100%;
  max-width: none;
  grid-template-columns: 180px 220px;
  align-items: end;
}

[data-page="edit"] .review-panel {
  margin-top: 0;
}

[data-page="edit"] .review-toolbar {
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
}

[data-page="edit"] .review-filter-row {
  width: auto;
  max-width: none;
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

[data-page="edit"] .review-filter-row .field {
  width: auto;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

[data-page="edit"] .review-filter-row .field:nth-child(2) {
  width: auto;
}

[data-page="edit"] .review-filter-row .field span {
  line-height: 40px;
  white-space: nowrap;
}

[data-page="edit"] .review-filter-row select {
  width: 136px;
  height: 40px;
}

[data-page="edit"] .review-filter-row .field:nth-child(2) select {
  width: 176px;
}

[data-page] .page-head h2 {
  font-size: var(--ui-font-page);
  line-height: 1.25;
  font-weight: var(--ui-font-weight);
  letter-spacing: 0;
}

[data-page] .page-head span {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
}

[data-page="edit"] .review-panel {
  width: 100%;
  min-height: calc(100vh - 430px);
  margin-top: 0;
  padding: 18px;
}

[data-page="edit"] .review-grid {
  min-height: calc(100vh - 560px);
}

[data-page="edit"] .review-grid.review-grid--inline {
  display: block;
  grid-template-columns: none;
  width: 100%;
}

[data-page="edit"] .review-grid.review-grid--inline > .inline-dialogue-variant-view,
[data-page="edit"] .review-grid.review-grid--inline > .inline-evidence-view {
  width: 100%;
  max-width: none;
}

@media (max-width: 980px) {
  body {
    grid-template-columns: 1fr;
  }
  .rail {
    position: static;
    height: auto;
  }
  .mainstage {
    height: auto;
    min-height: 100vh;
  }
  .topbar-main {
    flex-wrap: wrap;
  }
  .movie-context {
    max-width: none;
  }
  .topbar-progress {
    grid-template-columns: 1fr;
  }
  .inline-asset-prompt-view {
    grid-template-columns: 1fr;
  }
  .asset-prompt-list {
    max-height: 280px;
  }
  .asset-prompt-detail__head {
    grid-template-columns: 1fr;
  }
  .output-board,
  .review-head,
  .review-grid,
  .form-grid,
  .output-run-status,
  .output-scopebar,
  .output-progress-list,
  .episode-llm-grid,
  .evidence-card-grid,
  .evidence-controls,
  .evidence-controls-3,
  .progress-summary,
  .progress-grid,
  .capability-strip {
    grid-template-columns: 1fr;
  }
  .promptbar {
    grid-template-columns: 1fr;
  }
  .movie-toolbar {
    grid-template-columns: 1fr;
  }
  .movie-select-row,
  .movie-compose-row,
  .movie-actions {
    grid-template-columns: 1fr;
  }
  [data-page="create"] .form-grid {
    grid-template-columns: 1fr;
  }
  [data-page="create"] .wide-field,
  [data-page="create"] .creation-setting-field {
    grid-column: 1;
    grid-row: auto;
  }
  [data-page="create"] .creation-asset-panel {
    position: static;
    max-height: none;
    margin-top: 10px;
  }
  .creation-asset-head {
    flex-direction: column;
    align-items: stretch;
  }
  .creation-asset-main-actions {
    justify-content: flex-start;
  }
  .creation-asset-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
}

/* Neutral GPT-style interaction colors: visual-only overrides, no behavior changes. */
button,
button.main,
button.danger,
.rail button,
.filter-strip button,
.creation-asset-tabs button,
.creation-asset-card button,
.episode-evidence-link-button,
.asset-actions button,
.evidence-modal__actions button,
#evidenceModalClose,
.evidence-modal__footer-actions button,
.evidence-modal__footer-machine-actions button,
.critical-confirm__actions button {
  color: #182230 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

button:hover,
button.main:hover,
button.danger:hover,
.rail button:hover,
.filter-strip button:hover,
.creation-asset-tabs button:hover,
.creation-asset-card button:hover,
.episode-evidence-link-button:hover,
.asset-actions button:hover,
.evidence-modal__actions button:hover,
#evidenceModalClose:hover,
.evidence-modal__footer-actions button:hover,
.evidence-modal__footer-machine-actions button:hover,
.critical-confirm__actions button:hover,
button.active,
.rail button.rail-active,
.filter-strip button.active,
.creation-asset-tabs button.active,
[data-page="outputs"] .outputs-result-tabs button.active {
  color: #182230 !important;
  border-color: transparent !important;
  background: #f2f4f7 !important;
  box-shadow: none !important;
}

button:active,
button.main:active,
button.danger:active,
.rail button:active,
.filter-strip button:active,
.creation-asset-tabs button:active,
.creation-asset-card button:active,
.episode-evidence-link-button:active,
.asset-actions button:active,
.evidence-modal__actions button:active,
#evidenceModalClose:active,
.evidence-modal__footer-actions button:active,
.evidence-modal__footer-machine-actions button:active,
.critical-confirm__actions button:active {
  color: #182230 !important;
  border-color: transparent !important;
  background: #e7eaef !important;
  box-shadow: none !important;
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action] {
  height: 30px;
  min-height: 0;
  padding: 0 8px;
  border: 1px solid var(--mj-button) !important;
  border-radius: 8px;
  background: var(--mj-button) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: var(--ui-font-button);
  font-weight: var(--ui-font-weight) !important;
  box-shadow: none !important;
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action]:hover,
.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action]:focus-visible {
  border-color: var(--mj-button-hover) !important;
  background: var(--mj-button-hover) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action]:active {
  border-color: var(--mj-button-hover) !important;
  background: var(--mj-button-hover) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action]:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.evidence-modal__storyboard-action-group,
.evidence-modal__storyboard-action-subgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.evidence-modal__storyboard-action-group--restore {
  margin-right: 8px;
}

.evidence-modal__storyboard-action-group--model {
  gap: 10px;
}

.evidence-modal__storyboard-action-subgroup--group {
  margin-left: 6px;
  padding-left: 10px;
  border-left: 1px solid #d0d5dd;
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button.evidence-modal__storyboard-restore-action[data-media-repair-action] {
  border-color: transparent !important;
  background: transparent !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
  font-weight: var(--ui-font-weight) !important;
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button.evidence-modal__storyboard-restore-action[data-media-repair-action]:hover,
.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button.evidence-modal__storyboard-restore-action[data-media-repair-action]:focus-visible {
  border-color: transparent !important;
  background: #f2f4f7 !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

.evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button.evidence-modal__storyboard-restore-action[data-media-repair-action]:active {
  border-color: transparent !important;
  background: #e7eaef !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

button:focus-visible,
select:focus-visible,
select:focus {
  border-color: transparent !important;
  background-color: #f2f4f7 !important;
  box-shadow: none !important;
  outline: none !important;
}

input:focus-visible,
textarea:focus-visible,
input:focus,
textarea:focus {
  border-color: #d0d5dd !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
  outline-color: rgba(16, 24, 40, .16) !important;
}

select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  color: #182230 !important;
  border-color: transparent !important;
  background-color: transparent !important;
  background-image:
    radial-gradient(circle, #667085 1.5px, transparent 1.7px),
    radial-gradient(circle, #667085 1.5px, transparent 1.7px),
    radial-gradient(circle, #667085 1.5px, transparent 1.7px) !important;
  background-position:
    calc(100% - 24px) 50%,
    calc(100% - 17px) 50%,
    calc(100% - 10px) 50% !important;
  background-repeat: no-repeat !important;
  background-size: 4px 4px !important;
  box-shadow: none !important;
}

select:hover {
  border-color: transparent !important;
  background-color: #f2f4f7 !important;
  box-shadow: none !important;
}

.movie-context select#movieJobSelect {
  min-height: 44px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 16px !important;
  background-color: #fff !important;
  padding: 0 52px 0 16px !important;
  box-shadow: none !important;
}

.movie-context select#movieJobSelect:hover,
.movie-context select#movieJobSelect:focus,
.movie-context select#movieJobSelect:focus-visible {
  border-color: #98a2b3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
}

.output-card.selected,
.review-card.selected,
.review-card.batch-selected,
.asset-item.selected,
.creation-asset-card.selected,
.progress-item.selected,
.stage00-staging-card.current,
.stage00-staging-card.selected {
  border-color: transparent !important;
  background: #f7f7f8 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

.progress-item-clickable:hover,
.progress-item-clickable:focus-visible {
  border-color: transparent !important;
  background: #f7f7f8 !important;
  box-shadow: none !important;
}

.progress-item-clickable::after,
.progress-item.selected::after {
  color: #182230 !important;
  background: #f2f4f7 !important;
}

.creation-asset-chip,
.creation-asset-chip:hover {
  color: #182230 !important;
  border-color: transparent !important;
  background: #f2f4f7 !important;
  box-shadow: none !important;
}

.asset-id,
.asset-actions .asset-promote,
.evidence-modal__footer-actions .asset-modal-promote,
.creation-asset-tabs button.active,
.creation-asset-card.selected button {
  color: #182230 !important;
}

.cap-item,
.cap-item.ok,
.cap-item.warn,
.cap-item.bad,
.episode-llm-card,
.episode-llm-card.done,
.episode-llm-card.running,
.publish-account-status-success,
.publish-account-status-warn,
.asset-generation-status,
.asset-generation-status.status-running,
.asset-generation-status.status-success,
.asset-generation-status.status-error,
.stage00-error-card,
.pipeline-episode-group.warn,
.pipeline-episode-group.error,
[data-page="outputs"] .outputs-gallery-status {
  color: #182230 !important;
  border-color: #d0d5dd !important;
  background: #f7f7f8 !important;
}

.cap-missing,
.episode-evidence-link.warn,
.asset-issues,
.asset-actions .asset-delete,
.asset-actions .asset-delete-candidate,
.evidence-modal__footer-actions .asset-modal-delete,
#deleteInvalidAssetBtn,
.pipeline-episode-group.error,
.pipeline-episode-group.error summary,
.pipeline-episode-group.error span,
.pipeline-episode-group.error small {
  color: #344054 !important;
  border-color: #d0d5dd !important;
}

/* Unified UI typography: match navigation item style without changing font sizes. */
body,
button,
input,
select,
textarea,
:where(.rail, .topbar, .page, .evidence-modal, .critical-confirm) :where(h1, h2, h3, h4, p, span, strong, small, label, summary, li, div) {
  font-family: var(--font-sans) !important;
  font-weight: var(--ui-font-weight) !important;
  letter-spacing: 0 !important;
}

pre:not(:where(#logBox)),
code,
kbd,
samp {
  font-family: var(--font-mono) !important;
}

.evidence-modal-text {
  font-family: var(--font-sans) !important;
  font-weight: var(--ui-font-weight) !important;
  color: var(--nav-command-color) !important;
  letter-spacing: 0 !important;
}

/* Hide repeated page descriptions; navigation already communicates the page. */
[data-page] .page-head > div > h2,
[data-page] .page-head > div > span,
[data-page="edit"] .review-head > div > h3,
[data-page="edit"] .review-head > div > span,
[data-page="status"] #refreshStatusBtn {
  display: none !important;
}

/* Frameless GPT-style surfaces: visual-only, keep DOM and handlers unchanged. */
.topbar-progress-card,
[data-page="assets"] .form-grid,
[data-page="assets"] .selected-asset,
[data-page="assets"] .asset-standard-box,
[data-page="assets"] .asset-item,
[data-page="assets"] .asset-thumb {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  outline-color: transparent !important;
}

.topbar-progress-card {
  min-height: auto;
  padding: 0 4px;
}

[data-page="assets"] .form-grid {
  padding: 0;
  border-radius: 0;
}

[data-page="assets"] .selected-asset {
  margin-top: 12px;
  padding: 0;
  border-style: solid;
}

[data-page="assets"] .asset-item {
  padding: 0;
}

[data-page="assets"] .asset-item:hover,
[data-page="assets"] .asset-item.selected {
  border-color: transparent !important;
  background: #f2f4f7 !important;
  box-shadow: none !important;
}

[data-page="assets"] .asset-item.asset-invalid,
[data-page="assets"] .asset-item.asset-candidate {
  border-color: transparent !important;
  background: transparent !important;
}

[data-page="assets"] input,
[data-page="assets"] textarea,
[data-page="assets"] select {
  border-color: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

[data-page="assets"] input:hover,
[data-page="assets"] textarea:hover,
[data-page="assets"] select:hover,
[data-page="assets"] input:focus,
[data-page="assets"] textarea:focus,
[data-page="assets"] select:focus,
[data-page="assets"] input:focus-visible,
[data-page="assets"] textarea:focus-visible,
[data-page="assets"] select:focus-visible {
  border-color: transparent !important;
  background-color: #f2f4f7 !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-page] .form-grid,
[data-page="create"] .form-grid,
[data-page="publish"] .form-grid {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-page] .form-grid input,
[data-page] .form-grid textarea,
[data-page] .form-grid select {
  border-color: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

[data-page] .form-grid input:hover,
[data-page] .form-grid textarea:hover,
[data-page] .form-grid select:hover,
[data-page] .form-grid input:focus,
[data-page] .form-grid textarea:focus,
[data-page] .form-grid select:focus,
[data-page] .form-grid input:focus-visible,
[data-page] .form-grid textarea:focus-visible,
[data-page] .form-grid select:focus-visible {
  border-color: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.review-card-check {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.review-card-check:hover,
.review-card-check:focus-within {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Layout clarity pass: invisible grid, visible entry points, unchanged behavior. */
.topbar {
  padding-inline: clamp(32px, 4vw, 72px) !important;
}

.topbar-main {
  display: grid !important;
  grid-template-columns: minmax(420px, 1fr) auto !important;
  column-gap: clamp(24px, 4vw, 64px) !important;
}

.movie-context {
  max-width: none !important;
}

.topbar-actions,
.actions,
.story-save-row {
  gap: clamp(18px, 2.2vw, 40px) !important;
}

.topbar-progress {
  grid-template-columns: auto minmax(260px, .9fr) minmax(140px, .35fr) minmax(440px, 1.6fr) !important;
  column-gap: clamp(24px, 3vw, 56px) !important;
}

.page {
  padding-inline: clamp(40px, 5vw, 96px) !important;
}

[data-page="create"].active,
[data-page="edit"],
[data-page="assets"],
[data-page="publish"],
[data-page="outputs"] {
  padding-inline: clamp(40px, 5vw, 96px) !important;
}

[data-page="create"] .form-grid {
  grid-template-columns: minmax(560px, 1fr) minmax(420px, 520px) !important;
  column-gap: clamp(52px, 7vw, 120px) !important;
  row-gap: 18px !important;
  align-items: start !important;
  padding: 28px 0 0 !important;
}

[data-page="create"] .wide-field {
  grid-template-rows: auto minmax(340px, 1fr) auto !important;
}

[data-page="create"] .wide-field textarea {
  min-height: 340px !important;
  padding: 22px 0 0 !important;
  font-size: var(--ui-font-input) !important;
  line-height: 1.7 !important;
}

[data-page="create"] .creation-setting-field {
  grid-template-columns: 112px minmax(0, 1fr) !important;
  min-height: 48px !important;
  column-gap: 22px !important;
}

[data-page="create"] .creation-setting-field input,
[data-page="create"] .creation-setting-field select {
  min-height: 40px !important;
  padding: 0 36px 0 0 !important;
}

.story-save-row {
  margin-top: 28px !important;
}

.story-draft-status {
  max-width: 640px !important;
  line-height: 1.55 !important;
}

[data-page="assets"] .form-grid,
[data-page="publish"] .form-grid {
  grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
  column-gap: clamp(48px, 7vw, 120px) !important;
  row-gap: 24px !important;
  padding: 28px 0 0 !important;
  align-items: start !important;
}

[data-page="assets"] .form-grid {
  grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
}

[data-page="assets"] .field:not(.wide-field),
[data-page="publish"] .field:not(.wide-field) {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 48px !important;
  column-gap: 18px !important;
}

[data-page="assets"] .field:not(.wide-field) span,
[data-page="publish"] .field:not(.wide-field) span,
[data-page="create"] .creation-setting-field span {
  color: #344054 !important;
  white-space: nowrap !important;
}

[data-page="assets"] .field:not(.wide-field) input,
[data-page="assets"] .field:not(.wide-field) select,
[data-page="publish"] .field:not(.wide-field) input,
[data-page="publish"] .field:not(.wide-field) select {
  min-height: 40px !important;
  padding: 0 36px 0 0 !important;
}

[data-page="assets"] .wide-field,
[data-page="publish"] .wide-field {
  margin-top: 6px !important;
}

[data-page="assets"] .wide-field textarea,
[data-page="publish"] .wide-field textarea {
  min-height: 96px !important;
  padding: 20px 0 0 !important;
  line-height: 1.65 !important;
}

[data-page="assets"] .actions,
[data-page="publish"] .actions {
  margin-top: 28px !important;
}

[data-page="assets"] .asset-list {
  margin-top: 22px !important;
  gap: 24px 34px !important;
}

[data-page="assets"] .asset-list:has(.asset-type-characters) {
  grid-template-columns: repeat(auto-fill, minmax(128px, 140px)) !important;
}

[data-page="edit"] .review-panel,
[data-page="outputs"] .outputs-gallery-panel {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

[data-page="edit"] .review-head {
  align-items: center !important;
  margin-bottom: 18px !important;
}

[data-page="edit"] .review-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(18px, 2vw, 34px) !important;
}

[data-page="edit"] .review-filter-row {
  gap: clamp(18px, 2vw, 32px) !important;
}

[data-page="edit"] .review-filter-row .field {
  min-height: 40px !important;
}

[data-page="edit"] .review-selected,
[data-page="outputs"] .outputs-gallery-status {
  border-color: transparent !important;
  background: transparent !important;
  padding-inline: 0 !important;
}

[data-page="edit"] .review-grid,
[data-page="outputs"] .output-board {
  gap: 24px 18px !important;
  padding-inline: 0 !important;
}

[data-page="outputs"] {
  padding-inline: 0 !important;
}

[data-page="outputs"] .outputs-gallery-panel,
[data-page="outputs"] .outputs-result-tabs {
  width: 100% !important;
  max-width: none !important;
}

[data-page="outputs"] .outputs-gallery-status {
  padding-right: 0 !important;
}

[data-page="outputs"] .output-board.output-board--inline {
  width: 100% !important;
  max-width: none !important;
  padding-inline: 0 !important;
}

[data-page="outputs"] .output-board.output-board--inline > .inline-evidence-view {
  width: 100% !important;
  max-width: none !important;
}

[data-page="outputs"] .outputs-result-tabs button {
  background: #f2f4f7 !important;
}

[data-page="outputs"] .outputs-result-tabs button.active {
  background: #fff !important;
  border-color: #d0d5dd !important;
  border-bottom-color: #fff !important;
}

@media (max-width: 1180px) {
  .topbar-main,
  [data-page="create"] .form-grid,
  [data-page="assets"] .form-grid,
  [data-page="publish"] .form-grid {
    grid-template-columns: 1fr !important;
  }

  .topbar-progress {
    grid-template-columns: 1fr !important;
  }
}

/* Creation page command layout: keep controls, hide noise, expose entries. */
[data-page="create"] .form-grid {
  grid-template-columns: minmax(680px, 1fr) minmax(360px, 520px) !important;
  column-gap: clamp(64px, 8vw, 128px) !important;
  row-gap: 18px !important;
  min-height: calc(100vh - 250px) !important;
  padding-top: 42px !important;
}

[data-page="create"] .creation-hidden-field,
[data-page="create"] .wide-field > span,
#storyDraftStatus {
  display: none !important;
}

.creation-seed-assets[hidden],
.creation-asset-panel[hidden] {
  display: none !important;
}

.creation-seed-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.creation-history-source {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.creation-history-source[hidden] {
  display: none !important;
}

.creation-selected-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 22px;
}

[data-page="create"] .wide-field {
  grid-column: 1 !important;
  grid-row: 1 / span 8 !important;
  min-height: calc(100vh - 310px) !important;
  display: grid !important;
  grid-template-rows: minmax(420px, 1fr) !important;
}

#storyPromptMirror {
  width: 100% !important;
  min-height: calc(100vh - 320px) !important;
  height: 100% !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 22px 24px !important;
  color: #101828 !important;
  line-height: 1.7 !important;
  box-shadow: none !important;
}

#storyPromptMirror:placeholder-shown:not(:focus) {
  padding-top: clamp(150px, 24vh, 240px) !important;
  text-align: center !important;
}

#storyPromptMirror:focus,
#storyPromptMirror:focus-visible {
  border-color: #98a2b3 !important;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
  outline: none !important;
  text-align: left !important;
}

#storyPromptMirror::placeholder {
  color: #667085;
  opacity: 1;
}

[data-page="create"] .creation-setting-field {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: 126px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 54px !important;
  column-gap: 24px !important;
}

[data-page="create"] .creation-setting-field select {
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 48px 0 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  font-weight: var(--ui-font-weight) !important;
}

[data-page="create"] .creation-setting-field:hover,
[data-page="create"] .creation-setting-field:focus-within {
  background: #f2f4f7 !important;
}

[data-page="create"] .creation-action-column {
  grid-column: 2 !important;
  display: grid !important;
  gap: 18px !important;
  margin-top: 18px !important;
}

[data-page="create"] .creation-action-column button {
  width: 100% !important;
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #101828 !important;
  box-shadow: none !important;
  text-align: left !important;
  font-weight: var(--ui-font-weight) !important;
}

[data-page="create"] .creation-action-column button::after {
  content: "...";
  justify-self: end;
  color: #667085;
  letter-spacing: 2px;
}

[data-page="create"] .creation-action-column button:hover,
[data-page="create"] .creation-action-column button:focus-visible {
  background: #f2f4f7 !important;
  outline: none !important;
}

[data-page="create"] .creation-action-column button:disabled {
  opacity: 1 !important;
  cursor: default !important;
}

[data-page="create"] .creation-asset-picker {
  display: contents !important;
}

[data-page="create"] .creation-asset-panel[hidden] {
  display: none !important;
}

[data-page="create"] .creation-asset-panel:not([hidden]) {
  position: fixed !important;
  z-index: 9100 !important;
  inset: 0 !important;
  transform: none !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: none !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

[data-page="create"] .creation-asset-menu-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 28px clamp(40px, 5vw, 96px) 14px !important;
  background: #fff !important;
}

[data-page="create"] .creation-asset-menu-head strong {
  font-size: var(--ui-font-section) !important;
}

[data-page="create"] .creation-asset-menu-head button,
[data-page="create"] .creation-asset-panel-footer button {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101828 !important;
  font-weight: var(--ui-font-weight) !important;
}

[data-page="create"] .creation-asset-menu-head button:hover,
[data-page="create"] .creation-asset-panel-footer button:hover,
[data-page="create"] .creation-asset-menu-head button:focus-visible,
[data-page="create"] .creation-asset-panel-footer button:focus-visible {
  background: #f2f4f7 !important;
  outline: none !important;
}

[data-page="create"] .creation-asset-panel-fixed {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  padding: 0 clamp(40px, 5vw, 96px) 12px !important;
  background: #fff !important;
  border-bottom: 1px solid #eaecf0 !important;
}

[data-page="create"] .creation-asset-panel-scroll {
  min-height: 0 !important;
  overflow: auto !important;
  padding: 22px clamp(40px, 5vw, 96px) 36px !important;
}

[data-page="create"] .creation-asset-grid {
  padding: 0 !important;
}

[data-page="create"] .creation-asset-panel-footer {
  display: flex !important;
  justify-content: center !important;
  padding: 12px clamp(40px, 5vw, 96px) 18px !important;
  border-top: 1px solid #eaecf0 !important;
  background: #fff !important;
}

[data-page="create"] .creation-asset-menu-head span {
  display: none !important;
}

@media (max-width: 1180px) {
  [data-page="create"] .form-grid {
    grid-template-columns: 1fr !important;
  }

  [data-page="create"] .wide-field,
  [data-page="create"] .creation-setting-field,
  [data-page="create"] .creation-action-column {
    grid-column: 1 !important;
  }
}

/* Creation page command layout: align the right rail with the story input. */
[data-page="create"] {
  font-size: var(--ui-font-body) !important;
}

[data-page="create"] .page-head h2 {
  font-size: var(--ui-font-page) !important;
}

[data-page="create"] .page-head span {
  font-size: var(--ui-font-meta) !important;
}

[data-page="create"] .form-grid {
  grid-template-columns: minmax(760px, 1fr) minmax(220px, 260px) !important;
  grid-template-rows: repeat(9, minmax(40px, max-content)) !important;
  column-gap: clamp(48px, 7vw, 140px) !important;
  row-gap: 8px !important;
  align-items: stretch !important;
  align-content: start !important;
  min-height: clamp(560px, calc(100vh - 230px), 700px) !important;
  padding-top: 26px !important;
}

[data-page="create"] label:has(#movieTitle),
[data-page="create"] label:has(#jobId) {
  display: none !important;
}

[data-page="create"] .creation-setting-field {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px !important;
  grid-column: 2 !important;
  align-items: center !important;
  align-self: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  gap: 10px !important;
  padding: 0 !important;
  justify-content: start !important;
  border-radius: 8px !important;
}

[data-page="create"] .creation-setting-field select {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

[data-page="create"] .creation-setting-field span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--nav-command-color) !important;
  font-size: var(--ui-font-label) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
}

[data-page="create"] .creation-select-trigger {
  grid-column: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101828 !important;
  font-weight: var(--ui-font-weight) !important;
  font-size: var(--ui-font-input) !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
}

[data-page="create"] .creation-select-trigger:hover,
[data-page="create"] .creation-select-trigger:focus-visible {
  background: #f2f4f7 !important;
  outline: none !important;
}

[data-page="create"] .creation-select-menu {
  position: absolute;
  top: calc(100% - 2px);
  right: 0;
  z-index: 30;
  display: grid;
  gap: 2px;
  min-width: 172px;
  padding: 8px;
  border: 1px solid #d0d5dd;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(16, 24, 40, .16);
}

[data-page="create"] .creation-select-menu[hidden] {
  display: none !important;
}

[data-page="create"] .creation-select-menu button {
  width: 100% !important;
  min-height: 36px !important;
  justify-content: flex-start !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101828 !important;
  font-size: var(--ui-font-body) !important;
  text-align: left !important;
  font-weight: var(--ui-font-weight) !important;
}

[data-page="create"] .creation-select-menu button:hover,
[data-page="create"] .creation-select-menu button:focus-visible,
[data-page="create"] .creation-select-menu button.active {
  background: #f2f4f7 !important;
  outline: none !important;
}

[data-page="create"] .creation-action-column {
  grid-column: 2 !important;
  grid-row: auto !important;
  align-self: start !important;
  display: grid !important;
  grid-template-rows: repeat(2, 44px) !important;
  justify-self: stretch !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

[data-page="create"] .creation-action-column button {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  justify-self: stretch !important;
  grid-template-columns: minmax(0, 1fr) 36px !important;
  column-gap: 10px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  color: var(--nav-command-color) !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
}

[data-page="create"] .creation-action-column button::after {
  justify-self: center !important;
  color: #101828 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

[data-page="create"] .wide-field {
  grid-row: 1 / -1 !important;
  min-height: 0 !important;
}

#storyPromptMirror {
  min-height: 0 !important;
  height: 100% !important;
  font-size: var(--ui-font-input) !important;
  overflow-y: auto !important;
}

@media (max-width: 1180px) {
  [data-page="create"] .form-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    row-gap: 14px !important;
    min-height: 0 !important;
  }

  [data-page="create"] .wide-field,
  [data-page="create"] .creation-setting-field,
  [data-page="create"] .creation-action-column {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  [data-page="create"] .wide-field {
    min-height: calc(100vh - 292px) !important;
  }

  #storyPromptMirror {
    min-height: calc(100vh - 302px) !important;
  }

  [data-page="create"] .creation-setting-field {
    min-height: 44px !important;
  }

  [data-page="create"] .creation-action-column {
    grid-template-rows: repeat(3, 44px) !important;
  }
}

/* Review page toolbar: status, filters, and actions share one row and one text spec. */
[data-page="edit"] {
  padding-top: 0 !important;
  padding-inline: 0 !important;
}

[data-page="edit"] .review-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 7 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #edf0f4 !important;
  background: #fff !important;
  backdrop-filter: none !important;
}

[data-page="edit"] .review-head > div:first-child {
  display: none !important;
}

[data-page="edit"] .review-toolbar {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  justify-content: stretch !important;
  width: 100% !important;
  gap: 0 !important;
}

[data-page="edit"] .review-toolbar,
[data-page="edit"] .review-toolbar button,
[data-page="edit"] .review-toolbar select,
[data-page="edit"] .review-toolbar .field span,
[data-page="edit"] .review-selected {
  color: #182230 !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
}

[data-page="edit"] .review-filter-row {
  display: flex !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 32px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-page="edit"] .review-filter-row .field {
  flex-direction: row !important;
  align-items: center !important;
  min-height: 44px !important;
  gap: 10px !important;
}

[data-page="edit"] .review-filter-row .field span {
  line-height: 1.4 !important;
}

[data-page="edit"] .review-filter-row select#episode,
[data-page="edit"] .review-filter-row select#reviewMediaType {
  min-height: 44px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 16px !important;
  background-color: #fff !important;
  padding: 0 52px 0 16px !important;
  box-shadow: none !important;
}

[data-page="edit"] .review-filter-row select#episode {
  width: var(--review-filter-select-width, 128px) !important;
  min-width: 108px !important;
  max-width: 132px !important;
}

[data-page="edit"] .review-filter-row select#reviewMediaType {
  width: var(--review-filter-select-width, 168px) !important;
  min-width: 132px !important;
  max-width: 220px !important;
}

[data-page="edit"] .review-filter-row select#episode:hover,
[data-page="edit"] .review-filter-row select#episode:focus,
[data-page="edit"] .review-filter-row select#episode:focus-visible,
[data-page="edit"] .review-filter-row select#reviewMediaType:hover,
[data-page="edit"] .review-filter-row select#reviewMediaType:focus,
[data-page="edit"] .review-filter-row select#reviewMediaType:focus-visible {
  border-color: #98a2b3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
}

[data-page="edit"] .review-selected {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  max-width: min(340px, 34vw) !important;
  margin: 0 clamp(10px, 1.2vw, 22px) 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

[data-page="edit"] .review-toolbar button {
  min-height: 44px !important;
}

[data-page="edit"] .review-filter-row.review-result-tabs {
  order: 0 !important;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: flex-end !important;
  gap: 4px !important;
  padding: 8px 10px 0 !important;
  border-bottom: 1px solid #d0d5dd !important;
  background: #f8fafc !important;
  box-shadow: none !important;
  overflow: visible !important;
}

[data-page="edit"] .review-filter-row.review-result-tabs .field {
  min-height: 34px !important;
  gap: 0 !important;
}

[data-page="edit"] .review-filter-row.review-result-tabs .review-media-select-field,
[data-page="edit"] .review-filter-row.review-result-tabs .field:has(#reviewMediaType) {
  display: none !important;
}

[data-page="edit"] .review-filter-row.review-result-tabs .review-episode-select-field > span,
[data-page="edit"] .review-filter-row.review-result-tabs .field:has(#episode) > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

[data-page="edit"] .review-filter-row.review-result-tabs select#episode.review-tab-episode-select {
  align-self: center !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 4px 0 0 !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #182230 !important;
  font-size: var(--ui-font-input) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
  padding: 0 28px 0 10px !important;
  box-shadow: none !important;
}

[data-page="edit"] .review-filter-row.review-result-tabs button[data-review-filter] {
  min-height: 34px !important;
  min-width: 78px !important;
  border: 1px solid #d0d5dd !important;
  border-bottom: 0 !important;
  border-radius: 9px 9px 0 0 !important;
  background: #f2f4f7 !important;
  color: #182230 !important;
  font-size: var(--ui-font-tab) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
}

[data-page="edit"] .review-filter-row.review-result-tabs button[data-review-filter].active,
[data-page="edit"] .review-filter-row.review-result-tabs button[data-review-filter][aria-selected="true"] {
  position: relative !important;
  top: 1px !important;
  background: #fff !important;
  border-color: #d0d5dd !important;
  border-bottom-color: #fff !important;
  color: #182230 !important;
}

[data-page="edit"] .review-tab-actionbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(12px, 1.6vw, 24px) !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 6px clamp(16px, 5vw, 96px) !important;
  border-bottom: 1px solid #edf0f4 !important;
  background: #fff !important;
}

[data-page="edit"] .review-selected {
  flex: 1 1 auto !important;
  max-width: none !important;
  min-width: 160px !important;
  min-height: 34px !important;
  margin: 0 !important;
}

[data-page="edit"] .review-tab-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(14px, 2.5vw, 44px) !important;
  min-height: 34px !important;
}

[data-page="edit"] .review-tab-actions button {
  min-height: 34px !important;
  white-space: nowrap !important;
}

body[data-review-media-type="asset_prompts"] [data-page="edit"],
body[data-review-media-type="storyboard_prompts"] [data-page="edit"],
body[data-review-media-type="movie_assets"] [data-page="edit"] {
  --asset-prompt-review-inset: clamp(24px, 2.4vw, 40px);
}

body[data-review-media-type="asset_prompts"] [data-page="edit"] .review-tab-actionbar,
body[data-review-media-type="storyboard_prompts"] [data-page="edit"] .review-tab-actionbar,
body[data-review-media-type="movie_assets"] [data-page="edit"] .review-tab-actionbar {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) auto;
  grid-template-areas: "types status actions";
  gap: clamp(16px, 2vw, 36px) !important;
  align-items: center !important;
  min-height: 66px !important;
  padding: 0 var(--asset-prompt-review-inset) !important;
  background: #f8fafc !important;
}

body[data-review-media-type="asset_prompts"] [data-page="edit"] .review-selected,
body[data-review-media-type="storyboard_prompts"] [data-page="edit"] .review-selected,
body[data-review-media-type="movie_assets"] [data-page="edit"] .review-selected {
  grid-area: status;
  min-width: 0 !important;
  min-height: 42px !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-review-media-type="asset_prompts"] [data-page="edit"] .review-tab-actions,
body[data-review-media-type="storyboard_prompts"] [data-page="edit"] .review-tab-actions,
body[data-review-media-type="movie_assets"] [data-page="edit"] .review-tab-actions {
  grid-area: actions;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(14px, 2vw, 32px) !important;
  min-height: 42px !important;
}

body[data-review-media-type="asset_prompts"] [data-page="edit"] #storyManuscriptToolbar,
body[data-review-media-type="storyboard_prompts"] [data-page="edit"] #storyManuscriptToolbar,
body[data-review-media-type="movie_assets"] [data-page="edit"] #storyManuscriptToolbar {
  grid-area: types;
  width: auto !important;
  min-width: 0 !important;
  min-height: 66px !important;
  justify-content: flex-start !important;
  align-self: end !important;
  padding: 0 !important;
}

body[data-review-media-type="asset_prompts"] [data-page="edit"] .asset-prompt-type-actions .movie-asset-type-tabs,
body[data-review-media-type="storyboard_prompts"] [data-page="edit"] .asset-prompt-type-actions .movie-asset-type-tabs,
body[data-review-media-type="movie_assets"] [data-page="edit"] .movie-asset-type-actions .movie-asset-type-tabs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: max-content;
  max-width: min(44vw, 560px);
  min-height: 66px;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid #d0d5dd !important;
  background: #f8fafc;
}

body[data-review-media-type="asset_prompts"] [data-page="edit"] .asset-prompt-type-actions .movie-asset-type-tabs button,
body[data-review-media-type="storyboard_prompts"] [data-page="edit"] .asset-prompt-type-actions .movie-asset-type-tabs button,
body[data-review-media-type="movie_assets"] [data-page="edit"] .movie-asset-type-actions .movie-asset-type-tabs button {
  flex: 0 0 auto;
  min-height: 38px !important;
  min-width: 92px !important;
  border: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background: transparent !important;
}

body[data-review-media-type="asset_prompts"] [data-page="edit"] .asset-prompt-type-actions .movie-asset-type-tabs button.active,
body[data-review-media-type="asset_prompts"] [data-page="edit"] .asset-prompt-type-actions .movie-asset-type-tabs button[aria-selected="true"],
body[data-review-media-type="storyboard_prompts"] [data-page="edit"] .asset-prompt-type-actions .movie-asset-type-tabs button.active,
body[data-review-media-type="storyboard_prompts"] [data-page="edit"] .asset-prompt-type-actions .movie-asset-type-tabs button[aria-selected="true"],
body[data-review-media-type="movie_assets"] [data-page="edit"] .movie-asset-type-actions .movie-asset-type-tabs button.active,
body[data-review-media-type="movie_assets"] [data-page="edit"] .movie-asset-type-actions .movie-asset-type-tabs button[aria-selected="true"] {
  background: #fff !important;
  box-shadow: inset 0 0 0 1px #edf0f4 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-head {
  top: 0 !important;
  z-index: 30 !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-toolbar {
  order: 1 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-tab-actions {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 6px clamp(14px, 2.2vw, 34px) !important;
  min-height: 30px !important;
  align-items: center !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-dialogue-toolbar {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 4px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-tab-actionbar {
  gap: 3px clamp(14px, 2vw, 32px) !important;
  min-height: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 3px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-tab-actionbar :where(button, strong, span, small, p, b),
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-variant-view :where(strong, span, small, p, b) {
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-selected {
  min-height: 28px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-dialogue-toolbar button,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] #admitReviewGalleryBtn,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] #loadReviewGalleryBtn {
  min-height: 30px !important;
  padding: 0 8px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-dialogue-selection-progress {
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 0 3px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-dialogue-selection-progress__row {
  grid-template-columns: 100px minmax(0, 1fr) !important;
  min-height: 22px !important;
  column-gap: 6px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-dialogue-selection-progress__episodes {
  gap: 1px 5px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .review-dialogue-selection-progress__episode {
  min-width: 28px !important;
  min-height: 20px !important;
  padding: 0 4px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-variant-view,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-lines {
  gap: 0 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-header {
  gap: 8px !important;
  padding-bottom: 8px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header {
  gap: clamp(16px, 4vw, 56px) !important;
  margin-bottom: 6px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__cell {
  padding: 6px 8px !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__cell strong {
  font-size: var(--ui-font-label) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button:hover,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button:focus-visible,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button:active,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button:disabled,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button[disabled],
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button:disabled:hover,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button[disabled]:hover,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button:disabled:focus-visible,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button[disabled]:focus-visible {
  border-color: #d0d5dd !important;
  background: #fff !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button:hover,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-compare-column-header__actions button:focus-visible {
  background: #f2f4f7 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-line {
  gap: 0 !important;
  padding: 8px 0 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-columns {
  gap: clamp(16px, 4vw, 56px) !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-text,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-text strong,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-text b,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .dialogue-variant-line__grid p {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-text strong,
body[data-review-media-type="dialogue_variants"] [data-page="edit"] .inline-dialogue-text b {
  margin-right: 6px !important;
}

/* Assets page toolbar: match review controls and keep only the first row sticky. */
[data-page="assets"] {
  padding-top: 0 !important;
  padding-inline: 0 !important;
}

[data-page="assets"] .page-head {
  display: none !important;
}

[data-page="assets"],
[data-page="assets"] button,
[data-page="assets"] input,
[data-page="assets"] select,
[data-page="assets"] textarea,
[data-page="assets"] :where(span, small, summary, label, div, li, p, strong) {
  color: #182230 !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
}

[data-page="assets"] .asset-sticky-toolbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 7 !important;
  display: grid !important;
  grid-template-columns:
    max-content
    max-content
    minmax(0, 1fr) !important;
  column-gap: clamp(10px, 1vw, 18px) !important;
  row-gap: 12px !important;
  align-items: center !important;
  margin: 0 0 14px !important;
  padding: 8px 0 10px !important;
  border-bottom: 1px solid #edf0f4 !important;
  background: #fff !important;
}

[data-page="assets"] .asset-sticky-toolbar .selected-asset {
  order: 10 !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #182230 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

[data-page="assets"] .asset-sticky-form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-page="assets"] .asset-detail-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-column: 1 / -1 !important;
  order: 100 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-page="assets"] .asset-sticky-form .field {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  order: 20 !important;
  min-height: 40px !important;
  column-gap: 10px !important;
  min-width: 0 !important;
}

[data-page="assets"] .asset-sticky-form .asset-type-field {
  grid-template-columns: max-content 96px !important;
}

[data-page="assets"] .asset-sticky-form .asset-scale-field {
  grid-template-columns: max-content 132px !important;
}

[data-page="assets"] .asset-detail-form .wide-field {
  margin-top: 0 !important;
}

[data-page="assets"] .asset-sticky-form .field span,
[data-page="assets"] .asset-detail-form .wide-field > span {
  color: #182230 !important;
  white-space: nowrap !important;
}

[data-page="assets"] .asset-detail-form .wide-field {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: start !important;
}

[data-page="assets"] .asset-standard-link {
  align-self: start !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #182230 !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
  text-align: left !important;
  cursor: pointer !important;
}

[data-page="assets"] .asset-standard-link:hover,
[data-page="assets"] .asset-standard-link:focus,
[data-page="assets"] .asset-standard-link:focus-visible {
  background: transparent !important;
  color: #182230 !important;
  text-decoration: underline !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-page="assets"] select#assetType,
[data-page="assets"] select#assetScalePreset,
[data-page="assets"] input#assetId,
[data-page="assets"] input#assetName {
  width: 100% !important;
  min-height: 40px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 16px !important;
  background-color: #fff !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}

[data-page="assets"] select#assetType,
[data-page="assets"] select#assetScalePreset {
  padding-right: 44px !important;
}

[data-page="assets"] select#assetType:hover,
[data-page="assets"] select#assetType:focus,
[data-page="assets"] select#assetType:focus-visible,
[data-page="assets"] select#assetScalePreset:hover,
[data-page="assets"] select#assetScalePreset:focus,
[data-page="assets"] select#assetScalePreset:focus-visible,
[data-page="assets"] input#assetId:hover,
[data-page="assets"] input#assetId:focus,
[data-page="assets"] input#assetId:focus-visible,
[data-page="assets"] input#assetName:hover,
[data-page="assets"] input#assetName:focus,
[data-page="assets"] input#assetName:focus-visible {
  border-color: #98a2b3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
}

[data-page="assets"] textarea#assetAnchor {
  min-height: 76px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 16px !important;
  background-color: #fff !important;
  padding: 12px 16px !important;
  box-shadow: none !important;
}

[data-page="assets"] textarea#assetAnchor:hover,
[data-page="assets"] textarea#assetAnchor:focus,
[data-page="assets"] textarea#assetAnchor:focus-visible {
  border-color: #98a2b3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
}

[data-page="assets"] .asset-sticky-actions {
  order: 30 !important;
  display: flex !important;
  grid-column: 3 / -1 !important;
  justify-self: end !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-page="assets"] .asset-sticky-actions button {
  order: 60 !important;
  width: 152px !important;
  min-width: 152px !important;
  max-width: 152px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  justify-content: center !important;
  white-space: nowrap !important;
  text-align: center !important;
}

[data-page="assets"] .asset-sticky-actions #loadAssetsBtn {
  order: 60 !important;
}

[data-page="assets"] .asset-sticky-actions #createAssetBtn {
  order: 61 !important;
}

[data-page="assets"] .asset-sticky-actions #generateAssetBtn {
  order: 62 !important;
}

[data-page="assets"] .asset-sticky-actions #openAssetTrashBtn {
  order: 64 !important;
}

[data-page="assets"] .asset-create-panel {
  max-width: min(980px, calc(100vw - 32px)) !important;
}

[data-page="assets"] .asset-create-body {
  display: grid !important;
  gap: 14px !important;
}

[data-page="assets"] .asset-create-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 0 !important;
  box-shadow: none !important;
}

[data-page="assets"] .asset-create-form .field {
  display: grid !important;
  gap: 6px !important;
}

[data-page="assets"] .asset-create-form select {
  min-height: 44px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 16px !important;
  background-color: #fff !important;
  background-image:
    radial-gradient(circle, #667085 1.5px, transparent 1.7px),
    radial-gradient(circle, #667085 1.5px, transparent 1.7px),
    radial-gradient(circle, #667085 1.5px, transparent 1.7px) !important;
  background-position:
    calc(100% - 30px) 50%,
    calc(100% - 22px) 50%,
    calc(100% - 14px) 50% !important;
  background-repeat: no-repeat !important;
  background-size: 4px 4px !important;
  color: #182230 !important;
  padding: 0 52px 0 16px !important;
  box-shadow: none !important;
}

[data-page="assets"] .asset-create-form select:hover,
[data-page="assets"] .asset-create-form select:focus,
[data-page="assets"] .asset-create-form select:focus-visible {
  border-color: #98a2b3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
  outline: none !important;
}

[data-page="assets"] .asset-create-form .wide-field {
  grid-column: 1 / -1 !important;
}

[data-page="assets"] .asset-create-form .asset-name-field {
  grid-column: 1 / -1 !important;
}

[data-page="assets"] .asset-create-description {
  gap: 8px !important;
}

[data-page="assets"] .asset-create-voice-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

[data-page="assets"] .asset-create-sound-upload-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

[data-page="assets"] .asset-create-voice-row button,
[data-page="assets"] .asset-create-sound-upload-row button {
  min-height: 36px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

[data-page="assets"] .asset-create-voice-row small,
[data-page="assets"] .asset-create-sound-upload-row small {
  color: #667085 !important;
  min-width: 220px !important;
}

[data-page="assets"] .asset-create-form .sound-ai-mode-field[hidden],
[data-page="assets"] .asset-create-form .asset-create-voice[hidden],
[data-page="assets"] .asset-create-form .asset-create-sound-upload[hidden] {
  display: none !important;
}

[data-page="assets"] .asset-sticky-actions .sound-ai-mode-field {
  order: 63 !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  column-gap: 0 !important;
  grid-template-columns: none !important;
}

[data-page="assets"] .asset-sticky-actions .sound-ai-mode-field[hidden] {
  display: none !important;
}

[data-page="assets"] .asset-sticky-actions .sound-ai-mode-field > span {
  display: none !important;
}

[data-page="assets"] .asset-sticky-actions .sound-ai-mode-field select {
  width: 112px !important;
  min-width: 112px !important;
  min-height: 40px !important;
  padding: 0 26px 0 10px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

[data-page="assets"] .asset-sticky-actions .sound-ai-mode-field select:hover,
[data-page="assets"] .asset-sticky-actions .sound-ai-mode-field select:focus,
[data-page="assets"] .asset-sticky-actions .sound-ai-mode-field select:focus-visible {
  border-color: #98a2b3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
  outline: none !important;
}

@media (max-width: 1180px) {
  [data-page="assets"] .asset-sticky-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 10px !important;
  }

  [data-page="assets"] .asset-sticky-toolbar .selected-asset {
    grid-column: 1 / -1 !important;
  }

  [data-page="assets"] .asset-sticky-form {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }

  [data-page="assets"] .asset-sticky-actions {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }

  [data-page="assets"] .asset-detail-form .wide-field {
    grid-template-columns: 1fr !important;
  }

  [data-page="assets"] .asset-standard-link {
    margin: 0 !important;
  }
}

[data-page="assets"] .asset-sticky-toolbar {
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: end !important;
  justify-content: stretch !important;
  width: 100% !important;
  max-width: none !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #d0d5dd !important;
  background: #f8fafc !important;
}

[data-page="assets"] .asset-sticky-form.asset-type-tabs {
  order: 0 !important;
  display: flex !important;
  flex: none !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: none !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 8px 0 0 10px !important;
  border: 0 !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

[data-page="assets"] .asset-type-tabs .asset-type-select-field,
[data-page="assets"] .asset-type-tabs .field:has(#assetType) {
  display: none !important;
}

[data-page="assets"] .asset-type-tabs button[data-asset-filter] {
  min-width: 78px !important;
  min-height: 34px !important;
  margin: 0 !important;
  border: 1px solid #d0d5dd !important;
  border-bottom: 0 !important;
  border-radius: 9px 9px 0 0 !important;
  background: #f2f4f7 !important;
  color: #182230 !important;
  font-size: var(--ui-font-tab) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
  padding: 0 14px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

[data-page="assets"] .asset-type-tabs button[data-asset-filter].active,
[data-page="assets"] .asset-type-tabs button[data-asset-filter][aria-selected="true"] {
  position: relative !important;
  top: 1px !important;
  background: #fff !important;
  border-color: #d0d5dd !important;
  border-bottom-color: #fff !important;
  color: #182230 !important;
}

[data-page="assets"] .asset-global-actionbar {
  order: 1 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: clamp(12px, 1.4vw, 22px) !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 16px 0 20px !important;
  border-bottom: 0 !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

[data-page="assets"] .asset-global-actionbar .selected-asset {
  order: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 112px !important;
  max-width: 220px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #182230 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

[data-page="assets"] .asset-global-actionbar .asset-sticky-actions {
  order: 1 !important;
  display: flex !important;
  flex: 0 0 auto !important;
  grid-column: auto !important;
  justify-self: auto !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  flex-wrap: nowrap !important;
  gap: clamp(14px, 2.5vw, 44px) !important;
  width: auto !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-page="assets"] .asset-global-actionbar .asset-sticky-actions button {
  min-height: 34px !important;
  white-space: nowrap !important;
}

[data-page="assets"] .asset-list {
  width: 100% !important;
  max-width: none !important;
}

[data-page="assets"] .asset-list:has(.asset-sound-category-tabs) {
  margin-top: 0 !important;
  background: #fff !important;
}

[data-page="assets"] .asset-list:has(.asset-sound-category-tabs) .asset-sound-category-tabs {
  margin: 0 !important;
  padding: 0 10px 8px !important;
  background: #fff !important;
  border-bottom: 1px solid #d0d5dd !important;
}

@media (max-width: 1180px) {
  [data-page="assets"] .asset-sticky-toolbar {
    grid-template-columns: 1fr !important;
    row-gap: 0 !important;
  }

  [data-page="assets"] .asset-sticky-form.asset-type-tabs {
    padding-right: 10px !important;
  }

  [data-page="assets"] .asset-global-actionbar {
    grid-column: 1 / -1 !important;
    padding: 6px 10px 8px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    border-top: 1px solid #edf0f4 !important;
  }

  [data-page="assets"] .asset-global-actionbar .selected-asset,
  [data-page="assets"] .asset-global-actionbar .asset-sticky-actions {
    flex: 1 1 100% !important;
  }

  [data-page="assets"] .asset-global-actionbar .asset-sticky-actions {
    justify-content: flex-start !important;
  }
}

/* Page typography parity with Status: text-only, no layout or interaction changes. */
:is([data-page="outputs"], [data-page="create"], [data-page="edit"], [data-page="assets"], [data-page="publish"]),
:is([data-page="outputs"], [data-page="create"], [data-page="edit"], [data-page="assets"], [data-page="publish"]) :where(button, input, select, textarea, h2, h3, h4, p, span, strong, small, label, summary, li, div) {
  font-family: var(--font-sans) !important;
  color: #182230 !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

:is([data-page="outputs"], [data-page="create"], [data-page="edit"], [data-page="assets"], [data-page="publish"]) :where(.page-head h2, h2) {
  color: #101828 !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.25 !important;
}

:is([data-page="outputs"], [data-page="create"], [data-page="edit"], [data-page="assets"], [data-page="publish"]) :where(.page-head span, .field span, .field-help, small, .asset-path, .asset-standard-status, .asset-issues, .creation-asset-status, .story-draft-status, .outputs-gallery-status, .output-info span, .review-card-info span, .asset-generation-status, .publish-account-status span, .empty-board) {
  color: #667085 !important;
  font-weight: var(--ui-font-weight) !important;
}

:is([data-page="outputs"], [data-page="create"], [data-page="edit"], [data-page="assets"], [data-page="publish"]) :where(.summary-card span, .topbar-progress-card span, .asset-item .asset-path, .asset-item .asset-standard-status, .asset-item .asset-issues) {
  color: #667085 !important;
  font-size: var(--ui-font-caption) !important;
  font-weight: var(--ui-font-weight) !important;
}

:is([data-page="outputs"], [data-page="create"], [data-page="edit"], [data-page="assets"], [data-page="publish"]) :where(.summary-card strong, .output-info strong, .review-card-info strong, .asset-title, .asset-id, .asset-name, .creation-asset-card strong, .publish-account-status strong) {
  color: #101828 !important;
  font-size: var(--ui-font-card) !important;
  font-weight: var(--ui-font-weight) !important;
}

:is([data-page="outputs"], [data-page="create"], [data-page="edit"], [data-page="assets"], [data-page="publish"]) :where(.review-selected, .selected-asset, .outputs-gallery-status, .creation-asset-tabs button, .outputs-result-tabs button, .asset-sticky-toolbar button, .asset-sticky-toolbar .field span, .review-toolbar button, .review-filter-row .field span, .publish-account-status) {
  font-weight: var(--ui-font-weight) !important;
}

/* Global fixed toolbar typography parity with Status: text-only. */
.topbar,
.topbar :where(button, select, span, strong, div) {
  font-family: var(--font-sans) !important;
  color: #182230 !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

.topbar :where(.movie-context > span, .topbar-progress-label, .topbar-progress-card span) {
  color: #182230 !important;
  font-size: var(--ui-font-meta) !important;
  font-weight: var(--ui-font-weight) !important;
}

.topbar .topbar-progress-card span {
  font-size: var(--ui-font-caption) !important;
}

.topbar :where(.movie-context select, .topbar-progress-card strong) {
  color: #101828 !important;
  font-size: var(--ui-font-meta) !important;
  font-weight: var(--ui-font-weight) !important;
}

/* Global toolbar: one top row, current movie + progress first, compact actions right. */
.mainstage {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.topbar {
  top: 0 !important;
  bottom: auto !important;
  order: 0 !important;
  grid-template-columns: max-content minmax(520px, 1fr) max-content !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: clamp(12px, 1.4vw, 24px) !important;
  padding-block: 8px !important;
  border-top: 0 !important;
  border-bottom: 1px solid #edf0f4 !important;
}

.topbar-main {
  display: contents !important;
}

.movie-context {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.movie-context select#movieJobSelect {
  flex: 0 1 380px !important;
  max-width: 380px !important;
}

.topbar-progress {
  grid-column: 2 !important;
  grid-row: 1 !important;
  grid-template-columns: minmax(130px, .75fr) minmax(82px, max-content) minmax(240px, 1fr) !important;
  align-items: center !important;
  min-width: 0 !important;
  column-gap: clamp(10px, 1vw, 18px) !important;
}

.topbar-progress-label {
  display: none !important;
}

.topbar-actions {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  gap: 8px !important;
}

.topbar-actions button,
.topbar #refreshJobsBtn {
  width: auto !important;
  min-width: auto !important;
  padding-inline: 6px !important;
  color: var(--nav-command-color) !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.4 !important;
}

.topbar :where(.movie-context select, .topbar-progress-card strong) {
  white-space: nowrap !important;
  overflow: hidden !important;
  overflow-wrap: normal !important;
  text-overflow: ellipsis !important;
}

.topbar-progress-percent {
  min-width: 82px !important;
  grid-template-columns: auto max-content !important;
  gap: 8px !important;
  justify-items: start !important;
}

.topbar-progress-percent strong {
  display: inline !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  color: #101828 !important;
  font-weight: var(--ui-font-weight) !important;
}

/* MJ-inspired orange-red chrome: color-only, no behavior changes. */
:root {
  --mj-accent: #ff4f2e;
  --mj-accent-ink: #d92d20;
  --mj-accent-soft: #fff1ed;
  --mj-accent-hover: #ffe4dc;
  --mj-accent-border: #ffc7b8;
  --mj-toolbar-soft: #ffe0d6;
  --mj-toolbar-border: #ffad9d;
  --mj-button: #f04423;
  --mj-button-hover: #c82012;
  --mj-toolbar-height: 64px;
}

.topbar {
  border-bottom-color: var(--mj-toolbar-border) !important;
  background: var(--mj-toolbar-soft) !important;
}

@media (min-width: 981px) {
  .rail {
    isolation: isolate;
    padding-top: calc(var(--mj-toolbar-height) + 24px) !important;
  }

  .rail::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 0;
    height: var(--mj-toolbar-height);
    border-bottom: 1px solid var(--mj-toolbar-border);
    background: var(--mj-toolbar-soft);
    pointer-events: none;
  }

  .rail::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 2;
    width: 1px;
    height: var(--mj-toolbar-height);
    border-bottom: 1px solid var(--mj-toolbar-border);
    background: var(--mj-toolbar-soft);
    pointer-events: none;
  }

  .rail > * {
    position: relative;
    z-index: 1;
  }
}

.topbar .movie-context select#movieJobSelect {
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
  border-color: rgba(217, 45, 32, .28) !important;
  background-color: var(--mj-toolbar-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24) !important;
}

.topbar .movie-context .movie-job-picker {
  position: relative !important;
  flex: 0 1 260px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(260px, 26vw) !important;
}

.topbar .movie-context select#movieJobSelect[hidden] {
  display: none !important;
}

.topbar .movie-context .movie-picker-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 20px 0 16px !important;
  border: 1px solid rgba(217, 45, 32, .28) !important;
  border-radius: 16px !important;
  background: var(--mj-toolbar-soft) !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24) !important;
}

.topbar .movie-context .movie-picker-button:hover,
.topbar .movie-context .movie-picker-button:focus,
.topbar .movie-context .movie-picker-button:focus-visible {
  border-color: rgba(217, 45, 32, .48) !important;
  background: var(--mj-toolbar-soft) !important;
  box-shadow: 0 0 0 3px rgba(240, 68, 35, .11) !important;
  outline: none !important;
}

.topbar .movie-context .movie-picker-button span:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.topbar .movie-context .movie-picker-dots {
  flex: 0 0 auto !important;
  color: #667085 !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
}

.movie-picker-menu {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  z-index: 10000 !important;
  width: min(620px, calc(100vw - 24px)) !important;
  max-height: min(360px, 70vh) !important;
  overflow: auto !important;
  padding: 4px !important;
  border: 1px solid rgba(16, 24, 40, .28) !important;
  border-radius: 8px !important;
  background: var(--mj-toolbar-soft) !important;
  box-shadow: 0 16px 36px rgba(16, 24, 40, .18) !important;
}

.movie-picker-option {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 32px !important;
}

.movie-picker-option[aria-selected="true"] {
  background: rgba(47, 111, 237, .18) !important;
}

.movie-picker-option-main,
.movie-picker-option-delete {
  min-width: 0 !important;
  min-height: 30px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #182230 !important;
  font-size: var(--ui-font-button) !important;
  line-height: 1.25 !important;
}

.movie-picker-option-main {
  display: block !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 6px 10px !important;
  overflow: hidden !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

.movie-picker-option-line {
  color: var(--mj-button) !important;
  -webkit-text-fill-color: var(--mj-button) !important;
  font-weight: var(--ui-font-weight) !important;
}

.movie-picker-option-delete {
  flex: 0 0 auto !important;
  justify-self: end !important;
  padding: 5px 10px !important;
  color: #b42318 !important;
  font-weight: var(--ui-font-weight) !important;
  white-space: nowrap !important;
}

.movie-picker-option-main:hover,
.movie-picker-option-main:focus-visible {
  background: rgba(255, 255, 255, .42) !important;
  outline: none !important;
}

.movie-picker-option-main:disabled {
  cursor: default !important;
  opacity: .72 !important;
}

.movie-picker-option-delete:hover,
.movie-picker-option-delete:focus-visible {
  background: rgba(217, 45, 32, .12) !important;
  outline: none !important;
}

.topbar .movie-context select#movieJobSelect option {
  color: #182230;
  background-color: var(--mj-toolbar-soft);
}

.topbar .movie-context select#movieJobSelect:hover,
.topbar .movie-context select#movieJobSelect:focus,
.topbar .movie-context select#movieJobSelect:focus-visible {
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
  border-color: rgba(217, 45, 32, .48) !important;
  background-color: var(--mj-toolbar-soft) !important;
  box-shadow: 0 0 0 3px rgba(240, 68, 35, .11) !important;
  outline: none !important;
}

.topbar .movie-context .new-movie-button,
#newMovieLinePicker .new-movie-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex: 0 0 auto !important;
  height: 44px !important;
  min-width: 0 !important;
  max-width: 180px !important;
  padding: 0 14px !important;
  border: 1px solid var(--mj-button) !important;
  border-radius: 12px !important;
  background: var(--mj-button) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

#newMovieLinePicker .new-movie-button {
  display: grid !important;
  grid-template-columns: 16px max-content;
  grid-template-rows: auto auto;
  gap: 1px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  max-width: 130px !important;
  padding: 3px 10px !important;
}

#newMovieLinePicker .new-movie-button::before {
  grid-column: 1;
  grid-row: 1;
  justify-self: end;
}

#newMovieLinePicker .new-movie-button > span,
#newMovieLinePicker .new-movie-button > small {
  display: inline-block;
  flex: 0 0 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#newMovieLinePicker .new-movie-button > span {
  grid-column: 2;
  grid-row: 1;
  font-size: inherit;
}

#newMovieLinePicker .new-movie-button > small {
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: center;
  max-width: 100%;
  font-size: var(--ui-font-caption);
  font-weight: var(--ui-font-weight);
  line-height: 1;
  opacity: .9;
}

.topbar .movie-context .new-movie-button::before,
#newMovieLinePicker .new-movie-button::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--ui-icon-add) center / contain no-repeat;
  mask: var(--ui-icon-add) center / contain no-repeat;
}

.topbar .movie-context .new-movie-button:hover,
.topbar .movie-context .new-movie-button:focus-visible,
#newMovieLinePicker .new-movie-button:hover,
#newMovieLinePicker .new-movie-button:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--mj-button-hover) !important;
  border-color: var(--mj-button-hover) !important;
  outline: none !important;
}

.new-movie-picker {
  position: fixed !important;
  top: 14px !important;
  left: 24px !important;
  z-index: 9100 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  flex: 0 0 auto;
}

body:has(:where(.evidence-modal, .critical-confirm, .account-modal, .movie-asset-prompt-chat-modal, #createAssetSelectionPanel):not([hidden])) #newMovieLinePicker {
  display: none !important;
  pointer-events: none !important;
}

@media (min-width: 981px) {
  .topbar .movie-context .new-movie-picker {
    position: fixed !important;
    top: 14px !important;
    left: 24px !important;
    z-index: 9100 !important;
  }
}

.new-movie-line-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 80;
  display: grid;
  min-width: 180px;
  padding: 8px;
  border: 1px solid rgba(217, 45, 32, .18);
  border-radius: 12px;
  background: var(--mj-toolbar-soft);
  box-shadow: 0 16px 38px rgba(16, 24, 40, .16);
}

.new-movie-line-menu[hidden] {
  display: none !important;
}

.new-movie-line-menu button {
  justify-content: flex-start;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #182230;
  -webkit-text-fill-color: #182230;
  font-size: var(--ui-font-button);
  line-height: 1.25;
  text-align: left;
}

.new-movie-line-menu button:hover,
.new-movie-line-menu button:focus-visible {
  background: rgba(255, 255, 255, .42) !important;
  outline: none;
}

.new-movie-line-menu button.active {
  background: rgba(47, 111, 237, .18) !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
  outline: none;
}

.topbar-actions button,
.topbar #refreshJobsBtn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--nav-command-color) !important;
  background: transparent !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.2 !important;
}

.topbar-actions button:hover,
.topbar #refreshJobsBtn:hover {
  color: var(--nav-command-color) !important;
  background: var(--mj-accent-hover) !important;
}

.topbar-actions button::before,
.topbar #refreshJobsBtn::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--topbar-action-icon) center / contain no-repeat;
  mask: var(--topbar-action-icon) center / contain no-repeat;
}

.topbar #refreshJobsBtn {
  --topbar-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M3 21v-5h5'/%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M16 8h5V3'/%3E%3C/svg%3E");
}

.topbar #createJobBtn {
  --topbar-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
}

.topbar #autoMovieBtn {
  --topbar-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 5 11 7-11 7Z'/%3E%3C/svg%3E");
  color: #fff !important;
  background: var(--mj-button) !important;
  font-weight: var(--ui-font-weight) !important;
}

.topbar #autoMovieBtn:hover {
  color: #fff !important;
  background: var(--mj-button-hover) !important;
}

.topbar #cancelRunBtn {
  --topbar-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
}

.rail button.rail-active {
  color: var(--mj-accent-ink) !important;
  background: var(--mj-accent-soft) !important;
}

.rail button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.rail button::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: var(--rail-icon) center / contain no-repeat;
  mask: var(--rail-icon) center / contain no-repeat;
}

.rail button[data-view="outputs"] {
  --rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E");
}

.rail button[data-view="create"] {
  --rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6'/%3E%3Cpath d='M10 3v6l-5.5 9.5A2 2 0 0 0 6.2 21h11.6a2 2 0 0 0 1.7-2.5L14 9V3'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E");
}

.rail button[data-view="edit"] {
  --rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11h16'/%3E%3Cpath d='M8 11 6 7'/%3E%3Cpath d='M14 11l-2-4'/%3E%3Cpath d='M20 11l-2-4'/%3E%3Crect x='4' y='7' width='16' height='13' rx='2'/%3E%3C/svg%3E");
}

.rail button[data-view="assets"] {
  --rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}

.rail button[data-view="publish"] {
  --rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 8 5-5 5 5'/%3E%3Cpath d='M5 15v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4'/%3E%3C/svg%3E");
}

.rail button[data-view="status"] {
  --rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 8-6-16-3 8H2'/%3E%3C/svg%3E");
}

/* Publish page: status-card border treatment without changing layout. */
[data-page="publish"] .form-grid > .field,
[data-page="publish"] .publish-account-status {
  min-height: 82px !important;
  padding: 13px 14px !important;
  border: 1px solid #eaecf0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

[data-page="publish"] .form-grid > .field:not(.wide-field) {
  grid-template-columns: minmax(96px, auto) minmax(0, 1fr) !important;
}

[data-page="publish"] .form-grid > .wide-field {
  min-height: 168px !important;
  display: grid !important;
  grid-template-rows: auto minmax(96px, 1fr) !important;
  gap: 10px !important;
}

[data-page="publish"] .field span {
  color: #667085 !important;
  font-size: var(--ui-font-label) !important;
  font-weight: var(--ui-font-weight) !important;
}

[data-page="publish"] .field input,
[data-page="publish"] .field select,
[data-page="publish"] .field textarea {
  border: 1px solid #d0d5dd !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #101828 !important;
  font-size: var(--ui-font-input) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

[data-page="publish"] .field input,
[data-page="publish"] .field select {
  min-height: 40px !important;
  padding: 0 12px !important;
}

[data-page="publish"] .field textarea {
  min-height: 104px !important;
  padding: 12px !important;
  resize: vertical !important;
}

[data-page="publish"] .field input:hover,
[data-page="publish"] .field select:hover,
[data-page="publish"] .field textarea:hover,
[data-page="publish"] .field input:focus,
[data-page="publish"] .field select:focus,
[data-page="publish"] .field textarea:focus,
[data-page="publish"] .field input:focus-visible,
[data-page="publish"] .field select:focus-visible,
[data-page="publish"] .field textarea:focus-visible {
  border-color: #d0d5dd !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Publish page: match Assets fixed toolbar and keep the main area for release content. */
[data-page="publish"] {
  padding-top: 0 !important;
}

[data-page="publish"] .page-head {
  display: none !important;
}

[data-page="publish"] .publish-sticky-toolbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 7 !important;
  display: grid !important;
  grid-template-columns:
    minmax(170px, .9fr)
    minmax(160px, .95fr)
    minmax(150px, .75fr)
    minmax(128px, .7fr)
    max-content
    max-content !important;
  column-gap: clamp(10px, 1vw, 18px) !important;
  row-gap: 12px !important;
  align-items: center !important;
  margin: 0 0 14px !important;
  padding: 8px 0 10px !important;
  border-bottom: 1px solid #edf0f4 !important;
  background: #fff !important;
}

[data-page="publish"] .publish-selected {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 40px !important;
  color: #182230 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

[data-page="publish"] .publish-sticky-form,
[data-page="publish"] .publish-sticky-actions {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-page="publish"] .publish-detail-form {
  display: grid !important;
  grid-template-columns: minmax(210px, 1fr) minmax(210px, 1fr) minmax(250px, 1.1fr) minmax(360px, 1.8fr) !important;
  grid-column: 1 / -1 !important;
  column-gap: clamp(12px, 1.4vw, 24px) !important;
  row-gap: 10px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-page="publish"] .publish-detail-form[hidden] {
  display: none !important;
}

[data-page="publish"] .publish-sticky-form .field,
[data-page="publish"] .publish-detail-form .field {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  column-gap: 10px !important;
}

[data-page="publish"] .publish-sticky-form .publish-account-field[hidden] {
  display: none !important;
}

[data-page="publish"] .publish-detail-form .wide-field {
  min-height: 40px !important;
  grid-template-rows: none !important;
}

[data-page="publish"] .publish-detail-form .field span,
[data-page="publish"] .publish-sticky-form .field span {
  color: #182230 !important;
  font-size: var(--ui-font-label) !important;
  white-space: nowrap !important;
}

[data-page="publish"] :where(select#publishPlatform, select#publishAccount, select#publishScope, select#publishEpisode, input#publishTitle, input#publishCover, input#publishTags, textarea#publishDesc) {
  width: 100% !important;
  min-height: 40px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 16px !important;
  background-color: #fff !important;
  color: #101828 !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}

[data-page="publish"] :where(select#publishPlatform, select#publishAccount, select#publishScope, select#publishEpisode) {
  padding-right: 44px !important;
}

[data-page="publish"] textarea#publishDesc {
  min-height: 40px !important;
  max-height: 90px !important;
  padding: 9px 14px !important;
  resize: vertical !important;
}

[data-page="publish"] :where(select#publishPlatform, select#publishAccount, select#publishScope, select#publishEpisode, input#publishTitle, input#publishCover, input#publishTags, textarea#publishDesc):hover,
[data-page="publish"] :where(select#publishPlatform, select#publishAccount, select#publishScope, select#publishEpisode, input#publishTitle, input#publishCover, input#publishTags, textarea#publishDesc):focus,
[data-page="publish"] :where(select#publishPlatform, select#publishAccount, select#publishScope, select#publishEpisode, input#publishTitle, input#publishCover, input#publishTags, textarea#publishDesc):focus-visible {
  border-color: #98a2b3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(16, 24, 40, .08) !important;
  outline: none !important;
}

[data-page="publish"] .publish-sticky-actions button {
  width: auto !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

[data-page="publish"] .publish-content-board {
  display: grid !important;
  gap: 16px !important;
  min-height: calc(100vh - 250px) !important;
  padding: 12px 0 0 !important;
}

[data-page="publish"] .publish-content-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 2.25fr) minmax(220px, .75fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

[data-page="publish"] .publish-content-video,
[data-page="publish"] .publish-content-side,
[data-page="publish"] .publish-content-section {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  border: 1px solid #eaecf0 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

[data-page="publish"] .publish-content-video {
  padding: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
}

[data-page="publish"] .publish-content-video video {
  display: block !important;
  width: 100% !important;
  min-height: 420px !important;
  max-height: 68vh !important;
  background: #000 !important;
  object-fit: contain !important;
}

[data-page="publish"] .publish-content-side,
[data-page="publish"] .publish-content-section {
  padding: 12px !important;
}

[data-page="publish"] .publish-content-side img {
  display: block !important;
  width: 100% !important;
  max-height: 260px !important;
  border-radius: 6px !important;
  background: #000 !important;
  object-fit: contain !important;
}

[data-page="publish"] .publish-content-sections {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
}

[data-page="publish"] .publish-content-section-warn {
  border-color: #fedf89 !important;
  background: #fffbeb !important;
}

[data-page="publish"] .publish-content-section strong,
[data-page="publish"] .publish-content-side strong,
[data-page="publish"] .publish-content-empty strong {
  color: #101828 !important;
  font-size: var(--ui-font-card) !important;
}

[data-page="publish"] .publish-content-section span,
[data-page="publish"] .publish-content-side span,
[data-page="publish"] .publish-content-empty span {
  color: #667085 !important;
  font-size: var(--ui-font-meta) !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
}

[data-page="publish"] .publish-content-empty {
  display: grid !important;
  gap: 8px !important;
  min-height: 320px !important;
  place-items: center !important;
  align-content: center !important;
  text-align: center !important;
  border: 1px solid #eaecf0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 24px !important;
}

[data-page="publish"] #publishAccountStatus {
  margin-top: 14px !important;
  padding: 12px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #edf0f4 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1180px) {
  [data-page="publish"] .publish-sticky-toolbar,
  [data-page="publish"] .publish-detail-form,
  [data-page="publish"] .publish-content-layout,
  [data-page="publish"] .publish-content-sections {
    grid-template-columns: 1fr !important;
  }

  [data-page="publish"] .publish-content-video video {
    min-height: 260px !important;
  }
}

/* Account and settings shell */
.rail {
  width: 150px !important;
}

.rail nav {
  width: 100% !important;
}

.rail nav button {
  width: 100% !important;
}

.rail-bottom {
  width: 100% !important;
  padding: 12px 0 0 !important;
  gap: 8px !important;
}

.rail-account-btn {
  width: 100% !important;
  min-height: 54px !important;
  grid-template-columns: 30px minmax(0, 1fr) 10px !important;
  border-radius: 10px !important;
}

.rail-avatar,
.rail-mini-avatar {
  overflow: hidden;
  background-size: cover !important;
  background-position: center !important;
}

.rail-settings-menu {
  left: 0 !important;
  bottom: 70px !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: min(70vh, 520px);
  overflow-y: auto;
  gap: 2px !important;
  padding: 8px !important;
  border-radius: 14px !important;
}

.rail-menu-row {
  width: 100% !important;
  min-height: 58px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) 8px;
  align-items: center;
  gap: 8px;
  padding: 7px 6px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  text-align: left;
}

.rail-menu-row:hover,
.rail-menu-row:focus-visible {
  background: #f2f4f7 !important;
}

.rail-menu-profile {
  order: 1;
  grid-template-columns: 26px minmax(0, 1fr) 8px;
  min-height: 50px !important;
}

#openLoginModalBtn {
  order: 3;
}

#openSettingsModalBtn {
  order: 4;
}

#openProfileModalBtn {
  order: 5;
}

#openAccountChooserBtn {
  order: 6;
}

#signOutAccountBtn {
  order: 8;
}

.rail-mini-avatar {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d94c11;
  color: #fff;
  font-size: 10px;
  font-weight: var(--ui-font-weight);
}

.rail-menu-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #101828;
}

.rail-menu-icon svg,
.profile-avatar-upload svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.rail-menu-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.rail-menu-copy strong,
.rail-menu-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rail-menu-copy strong {
  color: #101828;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
  line-height: 1.25;
}

.rail-menu-copy small {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rail-menu-copy small,
.settings-save-status,
.account-form-status {
  color: #667085;
  font-size: var(--ui-font-caption);
  line-height: 1.35;
}

.rail-row-arrow {
  color: #101828;
  font-size: 18px;
  line-height: 1;
}

.rail-menu-separator {
  order: 7;
  height: 1px;
  margin: 6px 4px;
  background: #eaecf0;
}

.rail-menu-profile + .rail-menu-separator {
  order: 2;
}

.account-switcher-popover[hidden],
.account-modal[hidden] {
  display: none !important;
}

#loginModal {
  z-index: 9400;
}

.account-switcher-popover {
  position: absolute;
  left: calc(100% + 10px);
  bottom: 0;
  z-index: 60;
  width: min(360px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  padding: 12px;
  border: 1px solid #d0d5dd;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(16, 24, 40, .16);
  overflow: hidden;
}

.account-switcher-item,
#accountSwitcherAddBtn {
  box-sizing: border-box;
  width: 100%;
  min-height: 54px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 18px;
  grid-template-areas: "avatar copy check";
  align-items: center;
  column-gap: 10px;
  row-gap: 4px;
  padding: 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #101828;
  text-align: left;
  overflow: hidden;
}

.account-switcher-item > *,
#accountSwitcherAddBtn > * {
  min-width: 0;
}

.account-switcher-item .rail-mini-avatar {
  grid-area: avatar;
}

.account-switcher-item .rail-menu-copy {
  grid-area: copy;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.account-switcher-item .rail-menu-copy strong,
.account-switcher-item .rail-menu-copy small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-switcher-item > span:last-child {
  grid-area: check;
  align-self: center;
  justify-self: end;
  min-width: 16px;
  padding-left: 0;
  text-align: right;
  background: transparent;
}

.account-switcher-item:hover,
#accountSwitcherAddBtn:hover {
  background: #f2f4f7;
}

.account-role-badge {
  grid-area: role;
  justify-self: start;
  max-width: min(120px, 100%);
  min-width: 0;
  padding: 3px 8px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  color: #344054;
  font-size: var(--ui-font-meta);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#accountSwitcherAddBtn {
  grid-template-columns: 1fr;
  grid-template-areas: none;
  border-top: 1px solid #eaecf0;
  border-radius: 0;
  color: #344054;
}

.account-modal {
  position: fixed;
  inset: 0;
  z-index: 9300;
  display: grid;
  place-items: center;
  padding: 28px;
  background: rgba(16, 24, 40, .28);
  backdrop-filter: blur(6px);
}

#settingsModal {
  padding: 0;
  place-items: stretch;
  background: #fff;
  backdrop-filter: none;
}

.account-modal__panel {
  width: min(640px, calc(100vw - 48px));
  max-height: min(88vh, 780px);
  overflow: auto;
  border: 1px solid #d0d5dd;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(16, 24, 40, .22);
}

.account-modal__panel--small {
  width: min(460px, calc(100vw - 40px));
  padding: 22px;
}

.account-modal__panel--profile {
  width: min(560px, calc(100vw - 40px));
  padding: 22px;
}

.account-modal__panel--settings {
  width: 100%;
  height: 100%;
  max-height: none;
  min-height: 0;
  display: grid;
  grid-template-columns: 268px minmax(0, 1fr);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.account-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.account-modal__head h3,
.account-settings-main h3 {
  color: #101828;
  font-size: var(--ui-font-section);
  font-weight: var(--ui-font-weight);
  letter-spacing: 0;
}

.account-modal__close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #101828;
  font-size: 26px;
  line-height: 1;
}

.account-modal__close:hover {
  background: #f2f4f7;
}

.login-methods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 16px;
  padding: 4px;
  border-radius: 12px;
  background: #f2f4f7;
}

.login-methods button {
  height: 36px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #344054;
  font-size: var(--ui-font-tab);
}

.login-methods button.active {
  background: #fff;
  color: #101828;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}

.account-form {
  display: grid;
  gap: 12px;
}

.account-field {
  display: grid;
  gap: 6px;
}

.account-field span {
  color: #344054;
  font-size: var(--ui-font-label);
}

.account-field input,
.settings-row select,
.settings-card select {
  width: 100%;
  height: 42px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #fff;
  color: #101828;
  font-size: var(--ui-font-input);
  padding: 0 12px;
}

.settings-segmented {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px !important;
  width: 220px;
  min-height: 42px;
  padding: 4px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #f8fafc;
}

.settings-segmented button {
  min-width: 0;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #475467;
  font-size: var(--ui-font-body);
  font-weight: var(--ui-font-weight);
  letter-spacing: 0;
}

.settings-segmented button.is-active {
  background: transparent;
  color: #f04423 !important;
  -webkit-text-fill-color: #f04423;
  font-weight: var(--ui-font-weight);
  box-shadow: none;
}

.settings-segmented button:disabled {
  cursor: wait;
  opacity: 0.72;
}

.account-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}

.account-modal__footer button,
.account-primary-btn {
  min-width: 72px;
  height: 40px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  color: #101828;
  font-size: var(--ui-font-button);
}

.account-primary-btn {
  border-color: #101828 !important;
  background: #101828 !important;
  color: #fff !important;
}

.account-settings-side {
  padding: 24px 20px;
  border-right: 1px solid #eaecf0;
  background: #fbfbfc;
}

.account-modal__close--side {
  margin-bottom: 24px;
}

.account-settings-tab {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #101828;
  font-size: var(--ui-font-tab);
  text-align: left;
}

.account-settings-tab.active,
.account-settings-tab:hover {
  background: #f2f4f7;
}

.account-settings-main {
  min-height: 0;
  padding: 30px clamp(24px, 4vw, 56px) 36px;
  overflow-y: auto;
  overflow-x: hidden;
}

#settingsModal .account-settings-main > h3,
#settingsModal .account-settings-main > .settings-row,
#settingsModal .account-settings-main > .settings-card,
#settingsModal .account-settings-main > .settings-pane,
#settingsModal .account-settings-main > .settings-save-status {
  width: min(100%, 1120px);
}

@supports (height: 100dvh) {
  .account-modal__panel--settings {
    height: 100dvh;
    max-height: 100dvh;
  }
}

#settingsModal [data-settings-panel][hidden] {
  display: none !important;
}

.settings-card,
.settings-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 18px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #eaecf0;
}

.settings-card {
  margin-top: 18px;
  padding: 22px;
  border: 0;
  border-radius: 14px;
  background: #f9fafb;
}

.settings-card div,
.settings-row div {
  display: grid;
  gap: 5px;
}

.settings-card strong,
.settings-row strong {
  color: #101828;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
}

.settings-card span,
.settings-row span {
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.45;
}

.settings-save-status {
  margin-top: 16px;
}

.settings-pane {
  display: grid;
  gap: 18px;
  padding: 18px 0;
}

.settings-profile-card {
  display: grid;
  gap: 18px;
  max-width: 520px;
}

.profile-avatar-editor--settings {
  margin-top: 0;
}

.settings-pane-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.settings-pane-actions button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  color: #101828;
  font-size: var(--ui-font-button);
}

.settings-pane-actions--split {
  justify-content: flex-start;
}

.settings-account-current {
  display: grid;
  grid-template-columns: 40px max-content minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  padding: 14px;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  background: #f9fafb;
}

.settings-account-current .rail-mini-avatar {
  width: 40px;
  height: 40px;
  font-size: 13px;
}

.settings-account-list {
  display: grid;
  gap: 6px;
}

.settings-account-list .account-switcher-item {
  border: 1px solid transparent;
}

.settings-account-current .rail-menu-copy,
.settings-account-list .rail-menu-copy {
  gap: 4px;
}

.settings-account-role {
  align-self: center;
  justify-self: start;
  grid-area: auto;
  max-width: 110px;
}

.settings-account-current .rail-menu-copy strong,
.settings-account-list .rail-menu-copy strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-account-list .settings-account-item {
  grid-template-columns: 32px max-content minmax(0, 1fr) 18px;
  grid-template-areas: "avatar role copy check";
  min-height: 56px;
  align-items: center;
}

.settings-account-list .settings-account-item .settings-account-role {
  grid-area: role;
}

.settings-account-list .settings-account-item > span:last-child {
  grid-area: check;
  align-self: center;
}

.settings-account-list .account-switcher-item:hover,
.settings-account-list .account-switcher-item:focus-visible {
  border-color: #eaecf0;
}

.settings-card--model {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.model-profile-summary {
  display: grid;
  gap: 14px;
}

.model-profile-note,
.model-profile-warning {
  color: #475467;
  font-size: var(--ui-font-caption);
  line-height: 1.55;
}

.model-profile-warning {
  color: #9a3412;
}

.model-profile-compare {
  display: grid;
  gap: 10px;
}

.model-profile-compare-note {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.model-profile-compare-note span {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  background: #fff;
  color: #667085;
  font-size: var(--ui-font-caption);
  line-height: 1.45;
}

.model-profile-compare-note span:last-child {
  border-color: #fedf89;
  background: #fffcf5;
}

.model-profile-compare-note strong {
  display: block;
  margin-bottom: 2px;
  color: #101828;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
}

.model-profile-compare-table {
  overflow: hidden;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  background: #fff;
}

.model-profile-table-head,
.model-profile-table-row {
  display: grid;
  grid-template-columns: minmax(76px, 110px) minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
}

.model-profile-table-head {
  background: #f9fafb;
  color: #475467;
  font-size: var(--ui-font-label);
  font-weight: var(--ui-font-weight);
}

.model-profile-table-head > *,
.model-profile-table-row > * {
  min-width: 0;
  padding: 9px 10px;
  border-left: 1px solid #eaecf0;
}

.model-profile-table-head > :first-child,
.model-profile-table-row > :first-child {
  border-left: 0;
}

.model-profile-table-row + .model-profile-table-row,
.model-profile-table-head + .model-profile-table-row {
  border-top: 1px solid #eaecf0;
}

.model-profile-table-row span {
  color: #667085;
  font-size: var(--ui-font-body);
  line-height: 1.3;
}

.model-profile-table-row strong {
  display: block;
  overflow-wrap: anywhere;
  color: #101828;
  font-size: var(--ui-font-meta);
  font-weight: var(--ui-font-weight);
  line-height: 1.3;
}

.model-profile-preview-value {
  color: #7a4b00 !important;
}

@media (max-width: 900px) {
  .model-profile-compare-note {
    grid-template-columns: 1fr;
  }

  .model-profile-table-head,
  .model-profile-table-row {
    grid-template-columns: minmax(70px, 88px) minmax(0, 1fr) minmax(0, 1fr);
  }
}

.model-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.model-profile-actions button {
  height: 34px;
  padding: 0 12px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: var(--ui-font-button);
}

.model-profile-actions button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.model-profile-action-status {
  min-height: 20px;
  margin: -4px 0 0;
  color: #667085;
  font-size: var(--ui-font-meta);
  line-height: 1.5;
}

.model-profile-action-status[data-tone="working"] {
  color: #175cd3;
}

.model-profile-action-status[data-tone="success"] {
  color: #067647;
}

.model-profile-action-status[data-tone="warning"] {
  color: #9a3412;
}

.model-profile-action-status[data-tone="error"] {
  color: #b42318;
}

.profile-avatar-editor {
  position: relative;
  width: 164px;
  height: 164px;
  margin: 18px auto 28px;
}

.profile-avatar-preview {
  width: 160px;
  height: 160px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #d94c11;
  background-size: cover;
  background-position: center;
  color: #fff;
  font-size: 52px;
  font-weight: var(--ui-font-weight);
}

.profile-avatar-upload {
  position: absolute;
  right: 4px;
  bottom: 24px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 50%;
  background: #fff;
  color: #344054;
  cursor: pointer;
}

[data-ui-appearance="dark"] body {
  background: #1e1e1e;
  color: #cccccc;
}

[data-ui-appearance="dark"] .rail {
  background: #181818 !important;
  color: #cccccc;
}

[data-ui-appearance="dark"] .mainstage {
  background: #1e1e1e !important;
  color: #cccccc;
}

[data-ui-appearance="dark"] .rail-account-btn,
[data-ui-appearance="dark"] .rail-settings-menu,
[data-ui-appearance="dark"] .account-switcher-popover,
[data-ui-appearance="dark"] .account-modal__panel {
  background: #252526 !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
}

@media (max-width: 720px) {
  .account-modal__panel--settings {
    grid-template-columns: 1fr;
  }

  .account-settings-side {
    border-right: 0;
    border-bottom: 1px solid #eaecf0;
  }

  .settings-card,
  .settings-row {
    grid-template-columns: 1fr;
  }
}

/* Refine account launcher/menu to match rail navigation buttons. */
.rail-bottom button::before {
  content: none !important;
  display: none !important;
}

.rail-account-btn {
  min-height: 42px !important;
  height: 42px !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.rail-account-btn:hover,
.rail-account-btn:focus-visible {
  background: #f2f4f7 !important;
  border: 0 !important;
}

.rail-account-btn .rail-avatar {
  width: 18px !important;
  height: 18px !important;
  border-radius: 0 !important;
  background: currentColor !important;
  color: #182230 !important;
  font-size: 0 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.rail-account-copy {
  display: block !important;
}

.rail-account-copy strong {
  color: var(--nav-command-color) !important;
  font-size: var(--ui-font-nav) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.2 !important;
}

.rail-account-copy small,
.rail-account-arrow {
  display: none !important;
}

.rail-settings-menu {
  left: 0 !important;
  bottom: 60px !important;
  width: 268px !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
  gap: 4px !important;
  padding: 10px !important;
}

.rail-menu-profile,
.rail-menu-profile + .rail-menu-separator {
  display: none !important;
}

.rail-menu-row {
  min-height: 42px !important;
  height: 42px !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
}

.rail-menu-icon {
  width: 18px !important;
  height: 18px !important;
  color: #182230 !important;
}

.rail-menu-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
}

.rail-settings-menu .rail-menu-copy {
  display: block !important;
}

.rail-settings-menu .rail-menu-copy strong {
  color: var(--nav-command-color) !important;
  font-size: var(--ui-font-nav) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.2 !important;
}

.rail-settings-menu .rail-menu-copy small,
.rail-settings-menu .rail-row-arrow {
  display: none !important;
}

.rail-settings-menu .rail-menu-separator {
  height: 1px !important;
  margin: 6px 8px !important;
  background: #edf0f4 !important;
}

.mainstage .page[data-page="edit"] .review-grid.review-grid--inline .inline-dialogue-variant-view .inline-dialogue-text,
.mainstage .page[data-page="edit"] .review-grid.review-grid--inline .inline-dialogue-variant-view .inline-dialogue-text strong,
.mainstage .page[data-page="edit"] .review-grid.review-grid--inline .inline-dialogue-variant-view .inline-dialogue-text b {
  color: #182230 !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.mainstage .page[data-page="edit"] .review-grid.review-grid--inline .inline-dialogue-variant-view .inline-dialogue-line {
  padding: 7px 0 !important;
}

/* Dark mode contrast pass for the account/settings UI and main controls. */
[data-ui-appearance="dark"] {
  --bg: #1e1e1e;
  --ink: #cccccc;
  --muted: #858585;
  --line: #2d2d2d;
  --panel: #252526;
  --soft: #2a2d2e;
  --nav-command-color: #cccccc;
}

[data-ui-appearance="dark"] body,
[data-ui-appearance="dark"] .mainstage,
[data-ui-appearance="dark"] .page {
  background: #1e1e1e !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .rail {
  background: #181818 !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .rail h1,
[data-ui-appearance="dark"] .rail nav button,
[data-ui-appearance="dark"] .rail-account-copy strong,
[data-ui-appearance="dark"] .rail-settings-menu .rail-menu-copy strong,
[data-ui-appearance="dark"] .rail-menu-icon,
[data-ui-appearance="dark"] #healthStatus {
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .rail nav button.rail-active,
[data-ui-appearance="dark"] .rail-account-btn:hover,
[data-ui-appearance="dark"] .rail-account-btn:focus-visible,
[data-ui-appearance="dark"] .rail-menu-row:hover {
  background: #2a1a1a !important;
  color: #ff7a66 !important;
}

[data-ui-appearance="dark"] .rail nav button.rail-active {
  color: #ff7a66 !important;
}

[data-ui-appearance="dark"] :where(
  .summary-card,
  .field,
  .empty-board,
  .outputs-gallery-panel,
  .review-panel,
  .creation-asset-panel,
  .creation-setting-field,
  .asset-sticky-toolbar,
  .publish-sticky-toolbar,
  .publish-content-empty,
  .publish-content-board,
  .topbar-progress-card,
  .rail-account-btn,
  .rail-settings-menu,
  .account-switcher-popover,
  .account-modal__panel,
  .account-settings-main,
  .account-settings-side,
  .settings-row,
  .settings-card
) {
  background: #252526 !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] :where(
  h1,
  h2,
  h3,
  h4,
  strong,
  label,
  .page-head,
  .page-head span,
  .field span,
  .settings-row strong,
  .settings-card strong,
  .account-field span,
  .account-settings-tab,
  .rail-menu-copy strong,
  .account-form-status,
  .settings-save-status,
  .publish-selected,
  .review-selected,
  .story-draft-status,
  .creation-asset-status,
  .asset-generation-status,
  .publish-account-status
) {
  color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] :where(
  p,
  small,
  .settings-row span,
  .settings-card span,
  .outputs-gallery-status,
  .empty-board,
  .rail-menu-copy small,
  .account-field small
) {
  color: #858585 !important;
}

[data-ui-appearance="dark"] :where(input, select, textarea) {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] input::placeholder,
[data-ui-appearance="dark"] textarea::placeholder {
  color: #858585 !important;
}

[data-ui-appearance="dark"] :where(
  button,
  .account-modal__footer button,
  .account-primary-btn,
  .outputs-result-tabs button,
  .creation-asset-tabs button,
  .review-toolbar button,
  .asset-sticky-toolbar button,
  .publish-sticky-toolbar button
) {
  border-color: #3c3c3c !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] :where(button:not(.main):not(.primary):not(.danger), .account-modal__footer button:not(.account-primary-btn)) {
  background: #252526 !important;
}

[data-ui-appearance="dark"] :where(.account-primary-btn, button.main, button.primary, button[data-primary="true"]) {
  background: #f04423 !important;
  border-color: #f04423 !important;
  color: #f2f2f2 !important;
}

[data-ui-appearance="dark"] .account-settings-tab.active,
[data-ui-appearance="dark"] .account-settings-tab:hover {
  background: #2a2d2e !important;
}

[data-ui-appearance="dark"] .rail-settings-menu .rail-menu-separator,
[data-ui-appearance="dark"] .account-modal__head,
[data-ui-appearance="dark"] .account-settings-side,
[data-ui-appearance="dark"] .settings-row {
  border-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] .settings-pane-actions button {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .settings-pane-actions button:disabled {
  color: #777 !important;
}

[data-ui-appearance="dark"] .settings-account-current {
  background: #1f1f20 !important;
  border-color: #343434 !important;
}

[data-ui-appearance="dark"] .settings-account-list .account-switcher-item:hover,
[data-ui-appearance="dark"] .settings-account-list .account-switcher-item:focus-visible {
  border-color: #343434 !important;
}

[data-ui-appearance="dark"] .account-role-badge {
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .model-profile-compare-note span,
[data-ui-appearance="dark"] .model-profile-compare-table {
  background: #1f1f20 !important;
  border-color: #343434 !important;
}

[data-ui-appearance="dark"] .model-profile-compare-note span:last-child {
  background: #241f16 !important;
  border-color: #5d4522 !important;
}

[data-ui-appearance="dark"] .model-profile-compare-note strong,
[data-ui-appearance="dark"] .model-profile-table-row strong {
  color: #e5e5e5 !important;
}

[data-ui-appearance="dark"] .model-profile-table-head {
  background: #252526 !important;
  color: #a7a7a7 !important;
}

[data-ui-appearance="dark"] .model-profile-table-head > *,
[data-ui-appearance="dark"] .model-profile-table-row > * {
  border-left-color: #343434 !important;
}

[data-ui-appearance="dark"] .model-profile-table-row + .model-profile-table-row,
[data-ui-appearance="dark"] .model-profile-table-head + .model-profile-table-row {
  border-top-color: #343434 !important;
}

[data-ui-appearance="dark"] .model-profile-table-row span {
  color: #a7a7a7 !important;
}

[data-ui-appearance="dark"] .model-profile-preview-value {
  color: #ffd28a !important;
}

[data-ui-appearance="dark"] .model-profile-note {
  color: #a7a7a7 !important;
}

[data-ui-appearance="dark"] .model-profile-warning {
  color: #ffb088 !important;
}

[data-ui-appearance="dark"] .model-profile-actions button {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .model-profile-action-status {
  color: #a7a7a7 !important;
}

[data-ui-appearance="dark"] .model-profile-action-status[data-tone="working"] {
  color: #8ab4f8 !important;
}

[data-ui-appearance="dark"] .model-profile-action-status[data-tone="success"] {
  color: #7ee2a8 !important;
}

[data-ui-appearance="dark"] .model-profile-action-status[data-tone="warning"] {
  color: #ffb088 !important;
}

[data-ui-appearance="dark"] .model-profile-action-status[data-tone="error"] {
  color: #ff8a8a !important;
}

/* English labels are longer; keep the app inside the viewport instead of widening the page. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.rail {
  z-index: 80;
  overflow: visible;
  isolation: isolate;
}

body:has(#accountSettingsMenu:not([hidden])) .rail {
  z-index: 9050;
}

.rail-bottom {
  z-index: 90;
  overflow: visible;
}

.rail-settings-menu {
  z-index: 90 !important;
}

.account-switcher-popover {
  z-index: 95 !important;
}

.mainstage {
  width: 100%;
  max-width: 100vw;
  min-width: 0;
  position: relative;
  z-index: 100;
}

.topbar {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: max-content minmax(480px, 1fr) max-content !important;
  gap: clamp(6px, .7vw, 12px) !important;
  padding-inline: clamp(16px, 1.7vw, 32px) !important;
  position: relative !important;
  z-index: 9000 !important;
  overflow: visible !important;
}

@media (min-width: 981px) {
  .mainstage {
    overflow: visible !important;
  }

  .topbar {
    --topbar-rail-offset: 150px;
    margin-left: calc(-1 * var(--topbar-rail-offset)) !important;
    width: calc(100% + var(--topbar-rail-offset)) !important;
    max-width: calc(100% + var(--topbar-rail-offset)) !important;
    padding-left: var(--topbar-rail-offset) !important;
  }
}

.movie-context,
.topbar-progress,
.topbar-actions,
.topbar-progress-card {
  min-width: 0 !important;
}

.movie-context {
  max-width: none !important;
}

.movie-context > span {
  flex: 0 0 auto;
}

.topbar .movie-context select#movieJobSelect {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(260px, 26vw) !important;
}

.topbar-progress {
  grid-template-columns: minmax(150px, max-content) minmax(64px, max-content) minmax(360px, 1fr) !important;
  column-gap: clamp(8px, .8vw, 14px) !important;
}

.topbar-progress-card {
  padding-inline: 8px !important;
}

.topbar-progress-card span,
.topbar-progress-card strong {
  min-width: 0 !important;
}

.topbar-actions {
  max-width: 100% !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  overflow: hidden !important;
}

.topbar-actions button,
.topbar #refreshJobsBtn,
.topbar #newMovieDraftBtn {
  max-width: 190px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.topbar #refreshJobsBtn,
.topbar #createJobBtn,
.topbar #newMovieDraftBtn {
  max-width: 180px !important;
}

.topbar #autoMovieBtn {
  max-width: 210px !important;
}

[data-page="status"] {
  min-width: 0 !important;
}

[data-page="status"] .progress-summary,
[data-page="status"] .progress-grid,
[data-page="status"] .capability-strip {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

[data-page="status"] .capability-strip,
[data-page="status"] .progress-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
}

[data-page="status"] .summary-card,
[data-page="status"] .progress-item,
[data-page="status"] .cap-item {
  min-width: 0 !important;
  overflow: hidden !important;
}

[data-page="status"] .cap-top,
[data-page="status"] .progress-row {
  min-width: 0 !important;
  align-items: flex-start !important;
}

[data-page="status"] .cap-top strong,
[data-page="status"] .progress-row strong,
[data-page="status"] .summary-card strong,
[data-page="status"] .cap-meta,
[data-page="status"] .cap-missing {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

[data-page="status"] .cap-top span,
[data-page="status"] .progress-row span {
  flex: 0 0 auto !important;
}

@media (max-width: 1500px) {
  .topbar {
    grid-template-columns: minmax(220px, .9fr) minmax(240px, 1fr) !important;
  }

  .topbar-actions {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
  }
}

/* Dark mode final pass: the global top toolbar must stay identical to light mode. */
[data-ui-appearance="dark"] .topbar {
  background: var(--mj-toolbar-soft) !important;
  border-bottom-color: var(--mj-toolbar-border) !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar :where(span, strong, button, select, div) {
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar :where(.movie-context > span, .topbar-progress-label, .topbar-progress-card span) {
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar .topbar-progress-card {
  min-height: auto !important;
  padding: 0 8px !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline-color: transparent !important;
  color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar :where(.movie-context select, .topbar-progress-card strong) {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

[data-ui-appearance="dark"] .topbar :where(.movie-context select#movieJobSelect, .movie-context select#movieJobSelect:hover, .movie-context select#movieJobSelect:focus, .movie-context select#movieJobSelect:focus-visible) {
  background-color: var(--mj-toolbar-soft) !important;
  border-color: rgba(217, 45, 32, .36) !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22) !important;
  outline: none !important;
}

[data-ui-appearance="dark"] .topbar .movie-context select#movieJobSelect option {
  background-color: var(--mj-toolbar-soft) !important;
  color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar .movie-context select#movieJobSelect:hover,
[data-ui-appearance="dark"] .topbar .movie-context select#movieJobSelect:focus,
[data-ui-appearance="dark"] .topbar .movie-context select#movieJobSelect:focus-visible {
  background-color: var(--mj-toolbar-soft) !important;
  border-color: rgba(217, 45, 32, .52) !important;
  box-shadow: 0 0 0 3px rgba(240, 68, 35, .13) !important;
}

[data-ui-appearance="dark"] .topbar :where(.topbar-actions button, #refreshJobsBtn, #createJobBtn, #cancelRunBtn) {
  background: transparent !important;
  border-color: transparent !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar .topbar-actions button::before,
[data-ui-appearance="dark"] .topbar #refreshJobsBtn::before,
[data-ui-appearance="dark"] .topbar #createJobBtn::before,
[data-ui-appearance="dark"] .topbar #cancelRunBtn::before {
  background: #182230 !important;
}

[data-ui-appearance="dark"] .topbar :where(.topbar-actions button:hover, #refreshJobsBtn:hover, #createJobBtn:hover, #cancelRunBtn:hover) {
  background: var(--mj-accent-hover) !important;
  border-color: transparent !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar #autoMovieBtn,
[data-ui-appearance="dark"] .topbar #newMovieDraftBtn,
[data-ui-appearance="dark"] .topbar #newMovieDraftBtn:hover,
[data-ui-appearance="dark"] .topbar #autoMovieBtn:hover {
  background: var(--mj-button) !important;
  border-color: var(--mj-button) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

[data-ui-appearance="dark"] .topbar #autoMovieBtn::before,
[data-ui-appearance="dark"] .topbar #newMovieDraftBtn::before {
  background: #ffffff !important;
}

[data-ui-appearance="dark"] .topbar #autoMovieBtn:hover,
[data-ui-appearance="dark"] .topbar #newMovieDraftBtn:hover {
  background: var(--mj-button-hover) !important;
  border-color: var(--mj-button-hover) !important;
}

[data-ui-appearance="dark"] .topbar .movie-context .movie-job-picker,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-button,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-menu,
[data-ui-appearance="dark"] .topbar .movie-context select#movieJobSelect {
  color-scheme: light !important;
}

[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-button,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-button:hover,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-button:focus,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-button:focus-visible {
  background: var(--mj-toolbar-soft) !important;
  background-color: var(--mj-toolbar-soft) !important;
  border-color: rgba(217, 45, 32, .36) !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-menu {
  background: var(--mj-toolbar-soft) !important;
  background-color: var(--mj-toolbar-soft) !important;
  border-color: rgba(217, 45, 32, .36) !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option-main,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option-delete {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option[aria-selected="true"] {
  background: rgba(255, 255, 255, .58) !important;
  background-color: rgba(255, 255, 255, .58) !important;
}

[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option-main:hover,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option-main:focus-visible {
  background: rgba(255, 255, 255, .46) !important;
  background-color: rgba(255, 255, 255, .46) !important;
  color: #182230 !important;
  -webkit-text-fill-color: #182230 !important;
}

[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option-delete,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option-delete:hover,
[data-ui-appearance="dark"] .topbar .movie-context .movie-picker-option-delete:focus-visible {
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
}

/* Main work area dark mode: keep the rail as-is, darken the content surfaces and controls. */
[data-ui-appearance="dark"] .mainstage,
[data-ui-appearance="dark"] .mainstage .page,
[data-ui-appearance="dark"] .mainstage :where(
  .outputs-gallery-panel,
  .review-panel,
  .asset-list,
  .creation-asset-panel,
  .publish-content-board,
  .publish-content-empty,
  .publish-content-video,
  .publish-content-side,
  .publish-content-section,
  .empty-board,
  .story-output,
  .status-log,
  .output-script-preview,
  .evidence-modal__body,
  .evidence-modal__panel
) {
  background: #1e1e1e !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page :where(
  .summary-card,
  .progress-item,
  .cap-item,
  .field,
  .review-card,
  .review-card-info,
  .output-result-card,
  .asset-item,
  .creation-asset-card,
  .creation-setting-field,
  .asset-sticky-toolbar,
  .publish-sticky-toolbar,
  .review-toolbar,
  .review-filter-row,
  .outputs-result-tabs,
  .filter-strip,
  .publish-account-status,
  .publish-content-section-warn
) {
  background: #252526 !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page :where(
  h1,
  h2,
  h3,
  h4,
  p,
  span,
  strong,
  small,
  label,
  div,
  button,
  a,
  summary,
  li,
  .page-head,
  .field span,
  .review-card-info span,
  .review-card-info strong,
  .output-info span,
  .output-info strong,
  .asset-title,
  .asset-id,
  .asset-name,
  .asset-path,
  .asset-standard-status,
  .asset-issues,
  .creation-asset-status,
  .story-draft-status,
  .outputs-gallery-status,
  .asset-generation-status,
  .publish-account-status span,
  .publish-account-status strong
) {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page :where(
  h1,
  h2,
  h3,
  h4,
  strong,
  label,
  .page-head,
  .field span,
  .review-card-info strong,
  .output-info strong,
  .asset-title,
  .asset-id,
  .asset-name,
  .publish-account-status strong
) {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .mainstage .page :where(
  input,
  select,
  textarea,
  input:hover,
  select:hover,
  textarea:hover,
  input:focus,
  select:focus,
  textarea:focus,
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible
) {
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
  outline-color: #3c3c3c !important;
}

[data-ui-appearance="dark"] .mainstage .page :where(select option) {
  background-color: #252526 !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page input::placeholder,
[data-ui-appearance="dark"] .mainstage .page textarea::placeholder {
  color: #858585 !important;
  -webkit-text-fill-color: #858585 !important;
}

[data-ui-appearance="dark"] .mainstage .page :where(
  button:not(.main):not(.primary):not(.danger),
  .outputs-result-tabs button,
  .filter-strip button,
  .creation-asset-tabs button,
  .asset-sticky-toolbar button,
  .publish-sticky-toolbar button,
  .review-toolbar button
) {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page :where(
  button:not(.main):not(.primary):not(.danger):hover,
  .outputs-result-tabs button.active,
  .outputs-result-tabs button:hover,
  .filter-strip button.active,
  .filter-strip button:hover,
  .creation-asset-tabs button.active,
  .creation-asset-tabs button:hover
) {
  background: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

/* Page-level dark fixes for controls with older light-mode !important overrides. */
[data-ui-appearance="dark"] [data-page="outputs"] :where(.outputs-result-tabs, .filter-strip) {
  background: #1e1e1e !important;
  border-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] [data-page="outputs"] :where(.outputs-result-tabs button, .outputs-result-tabs button.active, .filter-strip button, .filter-strip button.active) {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  border-bottom-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] [data-page="outputs"] :where(.outputs-result-tabs button:hover, .outputs-result-tabs button.active:hover, .filter-strip button:hover, .filter-strip button.active:hover) {
  background: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] [data-page="create"] #storyPromptMirror,
[data-ui-appearance="dark"] [data-page="create"] #storyPromptMirror:hover,
[data-ui-appearance="dark"] [data-page="create"] #storyPromptMirror:focus,
[data-ui-appearance="dark"] [data-page="create"] #storyPromptMirror:focus-visible {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-ui-appearance="dark"] [data-page="create"] #storyPromptMirror::placeholder {
  color: #858585 !important;
  -webkit-text-fill-color: #858585 !important;
  opacity: 1 !important;
}

[data-ui-appearance="dark"] [data-page="create"] :where(
  .creation-setting-field,
  .creation-setting-field:hover,
  .creation-setting-field:focus-within,
  .creation-select-trigger,
  .creation-select-trigger:hover,
  .creation-select-trigger:focus-visible,
  .creation-action-column button,
  .creation-action-column button:hover,
  .creation-action-column button:focus-visible
) {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] [data-page="create"] :where(.creation-setting-field span, .creation-select-trigger, .creation-action-column button) {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] [data-page="create"] .creation-action-column button::after {
  color: #cccccc !important;
}

[data-ui-appearance="dark"] [data-page="create"] .creation-select-menu {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .32) !important;
}

[data-ui-appearance="dark"] [data-page="create"] :where(.creation-select-menu button, .creation-select-menu button:hover, .creation-select-menu button:focus-visible, .creation-select-menu button.active) {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] [data-page="create"] :where(.creation-select-menu button:hover, .creation-select-menu button:focus-visible, .creation-select-menu button.active) {
  background: #2a2d2e !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

/* Dark-only refinement: outputs tabs and evidence modal use VS Code contrast. */
[data-ui-appearance="dark"] [data-page="outputs"] .creation-asset-tabs.outputs-result-tabs {
  background: #1e1e1e !important;
  border-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] [data-page="outputs"] .creation-asset-tabs.outputs-result-tabs button {
  background: #1e1e1e !important;
  border-color: #3c3c3c !important;
  border-bottom-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] [data-page="outputs"] .creation-asset-tabs.outputs-result-tabs button.active,
[data-ui-appearance="dark"] [data-page="outputs"] .creation-asset-tabs.outputs-result-tabs button[aria-selected="true"] {
  background: #2a2d2e !important;
  border-color: #3c3c3c !important;
  border-bottom-color: #2a2d2e !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] [data-page="outputs"] .creation-asset-tabs.outputs-result-tabs button:hover,
[data-ui-appearance="dark"] [data-page="outputs"] .creation-asset-tabs.outputs-result-tabs button.active:hover {
  background: #303031 !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .evidence-modal {
  background: rgba(0, 0, 0, .58) !important;
}

[data-ui-appearance="dark"] .evidence-modal__panel {
  background: #1e1e1e !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .42) !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .evidence-modal__head,
[data-ui-appearance="dark"] .evidence-modal__footer {
  background: #252526 !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .evidence-modal__head h3,
[data-ui-appearance="dark"] .evidence-modal__footer-meta strong {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .evidence-modal__head p,
[data-ui-appearance="dark"] .evidence-modal__footer-meta span {
  color: #858585 !important;
  -webkit-text-fill-color: #858585 !important;
}

[data-ui-appearance="dark"] .story-repair-box {
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .story-repair-box select {
  background: #1e1e1e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] #evidenceModalBadge {
  background: #2a2d2e !important;
  border: 1px solid #3c3c3c !important;
  color: #4ec9b0 !important;
  -webkit-text-fill-color: #4ec9b0 !important;
}

[data-ui-appearance="dark"] #evidenceModalBadge.story-state {
  background: var(--bad) !important;
  border-color: var(--bad) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

[data-ui-appearance="dark"] .evidence-modal__body,
[data-ui-appearance="dark"] .evidence-modal--media .evidence-modal__body,
[data-ui-appearance="dark"] .evidence-modal--fullscreen.evidence-modal--media .evidence-modal__body {
  background: #1e1e1e !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .movie-asset-modal-view,
[data-ui-appearance="dark"] .movie-asset-modal-info {
  background: #1e1e1e !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .movie-asset-modal-info strong {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .movie-asset-modal-info span,
[data-ui-appearance="dark"] .movie-asset-modal-info small,
[data-ui-appearance="dark"] .movie-asset-modal-candidates__head span,
[data-ui-appearance="dark"] .movie-asset-modal-candidate small,
[data-ui-appearance="dark"] .movie-asset-character-comparison__hint,
[data-ui-appearance="dark"] .movie-asset-character-candidate small,
[data-ui-appearance="dark"] .movie-asset-prompt-editor__head span,
[data-ui-appearance="dark"] .movie-asset-prompt-editor label span,
[data-ui-appearance="dark"] .movie-asset-prompt-editor small,
[data-ui-appearance="dark"] .movie-asset-prompt-editor__details summary {
  color: #a6a6a6 !important;
  -webkit-text-fill-color: #a6a6a6 !important;
}

[data-ui-appearance="dark"] .movie-asset-modal-candidates__head strong,
[data-ui-appearance="dark"] .movie-asset-modal-candidate strong,
[data-ui-appearance="dark"] .movie-asset-character-candidate strong {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .movie-asset-modal-candidate,
[data-ui-appearance="dark"] .movie-asset-character-candidate,
[data-ui-appearance="dark"] .movie-asset-character-comparison__hint,
[data-ui-appearance="dark"] .movie-asset-character-comparison__cycle,
[data-ui-appearance="dark"] .movie-asset-candidate-actions button {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .movie-asset-candidate-actions .movie-asset-candidate-action-primary {
  background: #ff3b1f !important;
  border-color: #ff3b1f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

[data-ui-appearance="dark"] .movie-asset-modal-candidate__thumb,
[data-ui-appearance="dark"] .movie-asset-character-candidate__image {
  background: #1b1b1c !important;
  color: #a6a6a6 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-editor textarea {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-editor textarea[readonly] {
  background: #1b1b1c !important;
  color: #a6a6a6 !important;
  -webkit-text-fill-color: #a6a6a6 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-editor__warning {
  background: rgba(154, 52, 18, .18) !important;
  border-color: #9a3412 !important;
  color: #fdba74 !important;
  -webkit-text-fill-color: #fdba74 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-editor__inline-actions button {
  background: #ff3b1f !important;
  border-color: #ff3b1f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-editor__inline-actions span {
  color: #a6a6a6 !important;
  -webkit-text-fill-color: #a6a6a6 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__panel,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__topbar,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__sidebar,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__workspace,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__ask,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__footer,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-nav,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-source,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-empty,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-inputbar,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-status {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__body {
  background: #1e1e1e !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__brand strong,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__topbar > span,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-message__body,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__topbar button,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__actions button,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-nav button,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-source summary,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-prompt-view strong,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-inputbar textarea {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__brand span,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-message__role,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-empty,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-prompt-view span,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-status {
  color: #a6a6a6 !important;
  -webkit-text-fill-color: #a6a6a6 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-source textarea,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-prompt-view textarea {
  background: #1b1b1c !important;
  border-color: #3c3c3c !important;
  color: #a6a6a6 !important;
  -webkit-text-fill-color: #a6a6a6 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-nav button:hover,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-nav button.is-active {
  background: #1b1b1c !important;
  border-color: #ff3b1f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-message--assistant,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-message--user {
  background: transparent !important;
  border-color: transparent !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-message__actions button {
  background: #1e1e1e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .movie-asset-prompt-chat-inputbar__send,
[data-ui-appearance="dark"] .movie-asset-prompt-chat-modal__actions button:first-child {
  background: #ff3b1f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

[data-ui-appearance="dark"] .evidence-modal-text,
[data-ui-appearance="dark"] .inline-evidence-text,
[data-ui-appearance="dark"] .evidence-card-empty,
[data-ui-appearance="dark"] .evidence-loading {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .inline-episode-script-view .inline-script-article,
[data-ui-appearance="dark"] .inline-episode-script-view .inline-script-article :where(h3, h4, p, strong, span) {
  background: transparent !important;
  border-color: transparent !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .dialogue-variant-summary,
[data-ui-appearance="dark"] .dialogue-variant-panel,
[data-ui-appearance="dark"] .dialogue-variant-tabs button,
[data-ui-appearance="dark"] .review-dialogue-toolbar button,
[data-ui-appearance="dark"] .review-dialogue-selection-progress__episode,
[data-ui-appearance="dark"] .dialogue-variant-line,
[data-ui-appearance="dark"] .dialogue-compare-column-header__cell,
[data-ui-appearance="dark"] .inline-dialogue-column.dialogue-compare-cell,
[data-ui-appearance="dark"] .dialogue-variant-line__grid div,
[data-ui-appearance="dark"] .dialogue-manual-edit-textarea {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .dialogue-compare-column-header__cell--candidate,
[data-ui-appearance="dark"] .dialogue-compare-cell--candidate {
  background: #2a2523 !important;
  border-color: #5a372e !important;
}

[data-ui-appearance="dark"] body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-preview-adopt,
[data-ui-appearance="dark"] body[data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-adopted,
body[data-ui-appearance="dark"][data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-preview-adopt,
body[data-ui-appearance="dark"][data-review-media-type="dialogue_variants"] .review-dialogue-toolbar button.is-dialogue-adopted {
  border-color: var(--mj-button) !important;
  background: var(--mj-button) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

[data-ui-appearance="dark"] .review-dialogue-selection-progress {
  border-color: #3c3c3c !important;
}

[data-ui-appearance="dark"] .story-manuscript-actions {
  border-top-color: #3c3c3c !important;
  background: transparent !important;
}

[data-ui-appearance="dark"] .asset-prompt-row {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .asset-prompt-list__summary,
[data-ui-appearance="dark"] .asset-prompt-row__head small,
[data-ui-appearance="dark"] .asset-prompt-row__meta,
[data-ui-appearance="dark"] .asset-prompt-detail__head span,
[data-ui-appearance="dark"] .asset-prompt-detail__head small,
[data-ui-appearance="dark"] .asset-prompt-detail__empty {
  color: #9ca3af !important;
}

[data-ui-appearance="dark"] .asset-prompt-list__summary strong,
[data-ui-appearance="dark"] .asset-prompt-row__head strong,
[data-ui-appearance="dark"] .asset-prompt-detail__head strong,
[data-ui-appearance="dark"] .asset-prompt-detail__field dd {
  color: #f2f4f7 !important;
}

[data-ui-appearance="dark"] .asset-prompt-detail {
  background: #252526 !important;
  border-color: #3c3c3c !important;
}

[data-ui-appearance="dark"] .asset-prompt-detail__head {
  border-bottom-color: #3c3c3c !important;
}

[data-ui-appearance="dark"] .asset-prompt-detail__field dt {
  color: #b8c0cc !important;
}

[data-ui-appearance="dark"] .asset-prompt-row:hover,
[data-ui-appearance="dark"] .asset-prompt-row:focus-visible,
[data-ui-appearance="dark"] .asset-prompt-row.selected {
  border-color: var(--mj-button) !important;
  box-shadow: 0 0 0 2px rgba(14, 133, 136, .18) !important;
}

[data-ui-appearance="dark"] .review-dialogue-selection-progress__episode--accepted {
  background: rgba(2, 122, 72, .18) !important;
  border-color: #027a48 !important;
  color: #a6f4c5 !important;
}

[data-ui-appearance="dark"] .review-dialogue-selection-progress__episode--pending {
  background: rgba(181, 71, 8, .18) !important;
  border-color: #b54708 !important;
  color: #fedf89 !important;
}

[data-ui-appearance="dark"] .review-dialogue-selection-progress__episode.is-current {
  border-color: #d4d4d4 !important;
  box-shadow: 0 0 0 2px rgba(212, 212, 212, .16) !important;
}

[data-ui-appearance="dark"] .dialogue-variant-summary strong,
[data-ui-appearance="dark"] .dialogue-variant-panel__head strong,
[data-ui-appearance="dark"] .dialogue-variant-tabs strong,
[data-ui-appearance="dark"] .review-dialogue-toolbar strong,
[data-ui-appearance="dark"] .review-dialogue-selection-progress__row > strong,
[data-ui-appearance="dark"] .inline-evidence-view__head strong,
[data-ui-appearance="dark"] .inline-dialogue-header strong,
[data-ui-appearance="dark"] .inline-dialogue-text strong,
[data-ui-appearance="dark"] .inline-dialogue-text b,
[data-ui-appearance="dark"] .inline-dialogue-text,
[data-ui-appearance="dark"] .dialogue-compare-column-header__cell strong,
[data-ui-appearance="dark"] .dialogue-variant-line__head strong,
[data-ui-appearance="dark"] .dialogue-variant-line__grid p {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .dialogue-variant-summary span,
[data-ui-appearance="dark"] .dialogue-variant-panel__head span,
[data-ui-appearance="dark"] .dialogue-variant-panel__head small,
[data-ui-appearance="dark"] .dialogue-variant-tabs span,
[data-ui-appearance="dark"] .review-dialogue-toolbar span,
[data-ui-appearance="dark"] .review-dialogue-selection-progress__episodes > span,
[data-ui-appearance="dark"] .inline-evidence-view__head span,
[data-ui-appearance="dark"] .inline-evidence-view__head small,
[data-ui-appearance="dark"] .inline-dialogue-header p,
[data-ui-appearance="dark"] .inline-dialogue-header small,
[data-ui-appearance="dark"] .dialogue-compare-column-header__cell span,
[data-ui-appearance="dark"] .dialogue-variant-line__head span,
[data-ui-appearance="dark"] .dialogue-variant-line__grid span,
[data-ui-appearance="dark"] .dialogue-variant-line__note {
  color: #858585 !important;
  -webkit-text-fill-color: #858585 !important;
}

[data-ui-appearance="dark"] .evidence-modal-media {
  background: #111111 !important;
}

[data-ui-appearance="dark"] .evidence-modal__actions button,
[data-ui-appearance="dark"] .evidence-modal__footer-actions button,
[data-ui-appearance="dark"] .evidence-modal__footer-machine-actions button,
[data-ui-appearance="dark"] #evidenceModalClose {
  background: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .evidence-modal__actions button:hover,
[data-ui-appearance="dark"] .evidence-modal__footer-actions button:hover,
[data-ui-appearance="dark"] .evidence-modal__footer-machine-actions button:hover,
[data-ui-appearance="dark"] #evidenceModalClose:hover {
  background: #303031 !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] #evidenceModalClose {
  background: #2a2d2e !important;
}

.story-manuscript-actions button:disabled,
.evidence-modal__footer-actions button[data-story-manuscript-action]:disabled,
.evidence-modal__footer-actions button[data-story-manuscript-inline-action]:disabled,
.story-manuscript-actions button:disabled:hover,
.evidence-modal__footer-actions button[data-story-manuscript-action]:disabled:hover,
.evidence-modal__footer-actions button[data-story-manuscript-inline-action]:disabled:hover,
.story-manuscript-actions button:disabled:active,
.evidence-modal__footer-actions button[data-story-manuscript-action]:disabled:active,
.evidence-modal__footer-actions button[data-story-manuscript-inline-action]:disabled:active {
  color: #98a2b3 !important;
  -webkit-text-fill-color: #98a2b3 !important;
  background: #f2f4f7 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.62;
}

[data-ui-appearance="dark"] .story-manuscript-actions button:disabled,
[data-ui-appearance="dark"] .evidence-modal__footer-actions button[data-story-manuscript-action]:disabled,
[data-ui-appearance="dark"] .evidence-modal__footer-actions button[data-story-manuscript-inline-action]:disabled,
[data-ui-appearance="dark"] .story-manuscript-actions button:disabled:hover,
[data-ui-appearance="dark"] .evidence-modal__footer-actions button[data-story-manuscript-action]:disabled:hover,
[data-ui-appearance="dark"] .evidence-modal__footer-actions button[data-story-manuscript-inline-action]:disabled:hover,
[data-ui-appearance="dark"] .story-manuscript-actions button:disabled:active,
[data-ui-appearance="dark"] .evidence-modal__footer-actions button[data-story-manuscript-action]:disabled:active,
[data-ui-appearance="dark"] .evidence-modal__footer-actions button[data-story-manuscript-inline-action]:disabled:active {
  color: #777777 !important;
  -webkit-text-fill-color: #777777 !important;
  background: #252526 !important;
  cursor: not-allowed !important;
  opacity: 0.62;
}

[data-ui-appearance="dark"] .evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action] {
  border-color: var(--mj-button) !important;
  background: var(--mj-button) !important;
  color: #f2f2f2 !important;
  -webkit-text-fill-color: #f2f2f2 !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action]:hover,
[data-ui-appearance="dark"] .evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action]:focus-visible,
[data-ui-appearance="dark"] .evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button[data-media-repair-action]:active {
  border-color: var(--mj-button-hover) !important;
  background: var(--mj-button-hover) !important;
  color: #f2f2f2 !important;
  -webkit-text-fill-color: #f2f2f2 !important;
}

[data-ui-appearance="dark"] .evidence-modal__storyboard-action-subgroup--group {
  border-left-color: #3c3c3c;
}

[data-ui-appearance="dark"] .evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button.evidence-modal__storyboard-restore-action[data-media-repair-action] {
  border-color: transparent !important;
  background: transparent !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button.evidence-modal__storyboard-restore-action[data-media-repair-action]:hover,
[data-ui-appearance="dark"] .evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button.evidence-modal__storyboard-restore-action[data-media-repair-action]:focus-visible {
  border-color: transparent !important;
  background: #303031 !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .evidence-modal__footer--storyboard-actions-only .evidence-modal__footer-actions button.evidence-modal__storyboard-restore-action[data-media-repair-action]:active {
  border-color: transparent !important;
  background: #252526 !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

/* Dark-only creation page: right-side setting rows should blend into the page background. */
[data-ui-appearance="dark"] [data-page="create"] :where(
  .creation-setting-field,
  .creation-setting-field:hover,
  .creation-setting-field:focus-within,
  .creation-select-trigger,
  .creation-select-trigger:hover,
  .creation-select-trigger:focus-visible,
  .creation-action-column button,
  .creation-action-column button:hover,
  .creation-action-column button:focus-visible
) {
  background: #1e1e1e !important;
  border-color: #1e1e1e !important;
}

[data-ui-appearance="dark"] [data-page="create"] .creation-select-menu {
  background: #1e1e1e !important;
  border-color: #2d2d2d !important;
}

/* Dark-only creation page: stronger override for setting rows hidden by page-level specificity. */
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] label.field.creation-setting-field,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] label.field.creation-setting-field:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] label.field.creation-setting-field:focus-within {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #1e1e1e !important;
  box-shadow: none !important;
  outline-color: #1e1e1e !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] label.field.creation-setting-field .creation-select-trigger,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] label.field.creation-setting-field .creation-select-trigger:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] label.field.creation-setting-field .creation-select-trigger:focus-visible {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #1e1e1e !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button:disabled {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #1e1e1e !important;
  box-shadow: none !important;
  outline-color: #1e1e1e !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button::after {
  color: #cccccc !important;
}

/* Dark-only unified choice states: match the outputs tab selected tone. */
[data-ui-appearance="dark"] :where(
  .mainstage .page,
  .account-modal,
  .rail-settings-menu,
  .account-switcher-popover
) select {
  color-scheme: dark !important;
}

[data-ui-appearance="dark"] :where(
  .mainstage .page,
  .account-modal,
  .rail-settings-menu
) :where(select, select:hover, select:focus, select:focus-visible) {
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] :where(
  .mainstage .page,
  .account-modal,
  .rail-settings-menu
) :where(select option, select optgroup) {
  background-color: #252526 !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] :where(
  .mainstage .page,
  .account-modal,
  .rail-settings-menu
) :where(select option:checked, select option:hover) {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  color: #d4d4d4 !important;
}

/* Dark-only account switcher: keep the add-account action readable before hover. */
[data-ui-appearance="dark"] .account-switcher-popover #accountSwitcherAddBtn {
  border-top-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-select-menu {
  background: #1e1e1e !important;
  border-color: #2d2d2d !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .32) !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-select-menu button {
  background: #252526 !important;
  border-color: #252526 !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-select-menu button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-select-menu button:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-select-menu button.active,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-select-menu button[aria-selected="true"] {
  background: #2a2d2e !important;
  border-color: #2a2d2e !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  outline: none !important;
}

/* Final creation page compact controls: route/source controls are rows, not cards. */
.mainstage .page[data-page="create"] .form-grid {
  grid-template-rows: none !important;
  row-gap: 8px !important;
  align-content: start !important;
  min-height: 0 !important;
  padding-top: 24px !important;
}

.mainstage .page[data-page="create"] .creation-setting-field,
.mainstage .page[data-page="create"] .creation-setting-field:hover,
.mainstage .page[data-page="create"] .creation-setting-field:focus-within {
  min-height: 44px !important;
  align-self: start !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mainstage .page[data-page="create"] .creation-select-trigger,
.mainstage .page[data-page="create"] .creation-select-trigger:hover,
.mainstage .page[data-page="create"] .creation-select-trigger:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mainstage .page[data-page="create"] .creation-seed-assets {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  min-height: 44px !important;
  row-gap: 0 !important;
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
}

.mainstage .page[data-page="create"] .creation-seed-assets > .creation-history-source,
.mainstage .page[data-page="create"] .creation-seed-assets > .creation-seed-action-row,
.mainstage .page[data-page="create"] .creation-seed-assets > #createAssetSelectionStatus,
.mainstage .page[data-page="create"] .creation-seed-assets > #createSelectedAssetChips {
  grid-column: 2 !important;
}

.mainstage .page[data-page="create"] .creation-seed-assets > .creation-seed-action-row {
  grid-row: 1 !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

.mainstage .page[data-page="create"] .creation-seed-assets > .creation-history-source {
  display: none !important;
}

.mainstage .page[data-page="create"] .creation-seed-assets > #createAssetSelectionStatus,
.mainstage .page[data-page="create"] .creation-seed-assets > #createSelectedAssetChips {
  display: none !important;
}

.mainstage .page[data-page="create"] .creation-seed-action-row button {
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--nav-command-color) !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  box-shadow: none !important;
}

.mainstage .page[data-page="create"] .creation-seed-action-row button:hover,
.mainstage .page[data-page="create"] .creation-seed-action-row button:focus-visible {
  background: #f2f4f7 !important;
  outline: none !important;
}

.mainstage .page[data-page="create"] .creation-action-column {
  grid-row: auto !important;
  align-self: start !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

.mainstage .page[data-page="create"] .wide-field {
  grid-row: 1 / span 8 !important;
  min-height: 0 !important;
  align-self: start !important;
}

.mainstage .page[data-page="create"] #storyPromptMirror {
  height: min(560px, calc(100vh - 270px)) !important;
  min-height: 360px !important;
}

.mainstage .page[data-page="create"] #storyPromptMirror:placeholder-shown:not(:focus) {
  padding-top: 22px !important;
  text-align: left !important;
}

[data-ui-appearance="dark"] :where(
  .outputs-result-tabs button.active,
  .outputs-result-tabs button[aria-selected="true"],
  .filter-strip button.active,
  .filter-strip button[aria-selected="true"],
  .creation-asset-tabs button.active,
  .creation-asset-tabs button[aria-selected="true"],
  .account-settings-tab.active,
  .login-methods button.active,
  .rail-settings-menu .rail-menu-row:hover,
  .rail-settings-menu .rail-menu-row:focus-visible,
  .account-switcher-item:hover,
  #accountSwitcherAddBtn:hover
) {
  background: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .login-methods button.active,
[data-ui-appearance="dark"] .login-methods button.active:hover,
[data-ui-appearance="dark"] .login-methods button.active:focus-visible,
[data-ui-appearance="dark"] .rail-settings-menu .rail-menu-row:hover,
[data-ui-appearance="dark"] .rail-settings-menu .rail-menu-row:focus-visible,
[data-ui-appearance="dark"] .account-switcher-popover .account-switcher-item:hover,
[data-ui-appearance="dark"] .account-switcher-popover .account-switcher-item:focus-visible,
[data-ui-appearance="dark"] .account-switcher-popover #accountSwitcherAddBtn:hover,
[data-ui-appearance="dark"] .account-switcher-popover #accountSwitcherAddBtn:focus-visible {
  background: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  box-shadow: none !important;
}

/* Dark-only creation asset picker: override fullscreen light surfaces. */
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel:not([hidden]) {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-menu-head,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-panel-fixed,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-panel-scroll,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-panel-footer {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-menu-head strong,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card strong {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-menu-head span,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-panel-status,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-menu-empty {
  color: #858585 !important;
  -webkit-text-fill-color: #858585 !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-tabs {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-tabs button,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-menu-head button,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-panel-footer button {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-tabs button.active,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-tabs button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-tabs button:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-menu-head button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-menu-head button:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-panel-footer button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-panel-footer button:focus-visible {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  outline: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card.selected {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #4a4a4a !important;
  box-shadow: 0 0 0 1px #4a4a4a !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card button {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card button:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="create"] #createAssetSelectionPanel .creation-asset-card.selected button {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

/* Dark-only review toolbar: remove the light sticky strip and align it to the page top. */
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-head {
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom-color: #2d2d2d !important;
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-toolbar,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-tab-actionbar,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row .field,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-selected {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #1e1e1e !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-toolbar button,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-toolbar button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-toolbar button:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select:focus-visible {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  outline: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row .field span {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

/* Dark-only review selects: match the ID-level light rules that set white pills. */
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#episode,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#reviewMediaType,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#shot,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#stageRange,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#dryRunMode {
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#episode:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#episode:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#episode:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#reviewMediaType:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#reviewMediaType:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#reviewMediaType:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#shot:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#shot:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#shot:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#stageRange:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#stageRange:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#stageRange:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#dryRunMode:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#dryRunMode:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row select#dryRunMode:focus-visible {
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row.review-result-tabs {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row.review-result-tabs button[data-review-filter] {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  border-bottom-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row.review-result-tabs button[data-review-filter].active,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-filter-row.review-result-tabs button[data-review-filter][aria-selected="true"] {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  border-bottom-color: #2a2d2e !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-dialogue-selection-progress,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-dialogue-selection-progress__row,
[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-dialogue-selection-progress__episodes {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-dialogue-selection-progress__row > strong {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="edit"] .review-dialogue-selection-progress__episodes > span {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

/* Dark-only assets page: override older light-mode ID rules without touching light mode. */
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"],
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-toolbar,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-global-actionbar,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-type-tabs,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-form,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-detail-form,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-detail-form .wide-field,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-form .field,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-list,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .selected-asset {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-toolbar {
  border-bottom-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-form.asset-type-tabs,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-global-actionbar {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-type-tabs button[data-asset-filter] {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  border-bottom-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-type-tabs button[data-asset-filter].active,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-type-tabs button[data-asset-filter][aria-selected="true"] {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  border-bottom-color: #2a2d2e !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-form .field span,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-detail-form .wide-field > span,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-standard-link,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-title,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-id,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-name {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetType,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetScalePreset,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetId,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetName,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] textarea#assetAnchor {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
  outline: none !important;
  color-scheme: dark !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetType:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetType:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetType:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetScalePreset:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetScalePreset:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetScalePreset:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetId:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetId:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetId:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetName:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetName:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetName:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] textarea#assetAnchor:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] textarea#assetAnchor:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] textarea#assetAnchor:focus-visible {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetType option,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetCreationType option,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] select#assetScalePreset option {
  background-color: #252526 !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetId::placeholder,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] input#assetName::placeholder,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] textarea#assetAnchor::placeholder {
  color: #858585 !important;
  -webkit-text-fill-color: #858585 !important;
  opacity: 1 !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-actions button,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-actions button {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-actions button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sticky-actions button:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-actions button:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-actions button:focus-visible {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-item,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-item:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-item.selected,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-item.asset-invalid,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-item.asset-candidate,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-copy,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-title,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-actions,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-thumb-button,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-thumb {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-item.selected {
  outline: 1px solid #3c3c3c !important;
  outline-offset: 0 !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-thumb-button {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  justify-self: stretch !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-thumb,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-type-characters .asset-thumb,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-type-scenes .asset-thumb,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-type-sounds .asset-thumb {
  justify-self: center !important;
  margin-inline: auto !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-type-sounds .asset-thumb {
  background: #16201d !important;
  border-color: #2f4a42 !important;
  color: #b7d8cf !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sound-category-tabs {
  background: #1e1e1e !important;
  border-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sound-category-tabs button {
  background: #252526 !important;
  color: #cccccc !important;
  border-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sound-category-tabs button.active,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-sound-category-tabs button:hover {
  background: #333333 !important;
  color: #ffffff !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-thumb img {
  object-position: center center !important;
  margin: auto !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-detail-form .wide-field > span,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-standard-link,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-standard-link:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-standard-link:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="assets"] .asset-standard-link:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Dark-only critical dialogs: keep asset notices and recycle dialogs consistent. */
[data-ui-appearance="dark"] .critical-confirm {
  background: rgba(0, 0, 0, .48) !important;
}

[data-ui-appearance="dark"] .critical-confirm__panel {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42) !important;
}

[data-ui-appearance="dark"] .critical-confirm__panel h3,
[data-ui-appearance="dark"] .critical-confirm__body,
[data-ui-appearance="dark"] .critical-confirm__body p,
[data-ui-appearance="dark"] .critical-confirm__body ul,
[data-ui-appearance="dark"] .critical-confirm__body li,
[data-ui-appearance="dark"] .asset-trash-copy strong,
[data-ui-appearance="dark"] .asset-trash-copy span {
  background: transparent !important;
  background-color: transparent !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .critical-confirm__panel h3 {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] .asset-trash-item,
[data-ui-appearance="dark"] .asset-trash-thumb,
[data-ui-appearance="dark"] .publish-preview-media,
[data-ui-appearance="dark"] .publish-preview-side,
[data-ui-appearance="dark"] .publish-preview-section,
[data-ui-appearance="dark"] .publish-preview-empty {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .critical-confirm__actions button,
[data-ui-appearance="dark"] .critical-confirm__actions button.main,
[data-ui-appearance="dark"] .asset-trash-actions button {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .critical-confirm__actions button:hover,
[data-ui-appearance="dark"] .critical-confirm__actions button:focus-visible,
[data-ui-appearance="dark"] .critical-confirm__actions button.main:hover,
[data-ui-appearance="dark"] .critical-confirm__actions button.main:focus-visible,
[data-ui-appearance="dark"] .asset-trash-actions button:hover,
[data-ui-appearance="dark"] .asset-trash-actions button:focus-visible {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  outline: none !important;
}

/* Dark-only publish page: override the older publish light-mode toolbar rules. */
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-sticky-toolbar,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-sticky-form,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-detail-form,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-sticky-form .field,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-detail-form .field,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-selected {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #2d2d2d !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-sticky-toolbar {
  border-bottom-color: #2d2d2d !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-sticky-actions,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-sticky-toolbar .actions {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #1e1e1e !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-detail-form .field span,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] .publish-sticky-form .field span {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishPlatform,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishAccount,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishScope,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishEpisode,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTitle,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishCover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTags,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] textarea#publishDesc {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
  outline: none !important;
  color-scheme: dark !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishPlatform:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishPlatform:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishPlatform:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishAccount:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishAccount:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishAccount:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishScope:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishScope:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishScope:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishEpisode:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishEpisode:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishEpisode:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTitle:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTitle:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTitle:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishCover:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishCover:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishCover:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTags:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTags:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTags:focus-visible,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] textarea#publishDesc:hover,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] textarea#publishDesc:focus,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] textarea#publishDesc:focus-visible {
  background: #2a2d2e !important;
  background-color: #2a2d2e !important;
  border-color: #3c3c3c !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishPlatform option,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishAccount option,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishScope option,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] select#publishEpisode option {
  background-color: #252526 !important;
  color: #cccccc !important;
}

[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTitle::placeholder,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishCover::placeholder,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] input#publishTags::placeholder,
[data-ui-appearance="dark"] .mainstage .page[data-page="publish"] textarea#publishDesc::placeholder {
  color: #858585 !important;
  -webkit-text-fill-color: #858585 !important;
  opacity: 1 !important;
}

/* Dark-only publish modal: cover publish preview blocks outside mainstage. */
[data-ui-appearance="dark"] #publishPrepareModal #publishPrepareBody,
[data-ui-appearance="dark"] #publishPrepareModal #publishPrepareBody > p,
[data-ui-appearance="dark"] #publishPrepareModal .publish-preview-grid,
[data-ui-appearance="dark"] #publishPrepareModal .publish-preview-media,
[data-ui-appearance="dark"] #publishPrepareModal .publish-preview-side,
[data-ui-appearance="dark"] #publishPrepareModal .publish-preview-section,
[data-ui-appearance="dark"] #publishPrepareModal .publish-preview-section-warn,
[data-ui-appearance="dark"] #publishPrepareModal .publish-preview-empty,
[data-ui-appearance="dark"] #publishPrepareModal .publish-account-status,
[data-ui-appearance="dark"] #publishPrepareModal .publish-account-status-info,
[data-ui-appearance="dark"] #publishPrepareModal .publish-account-status-success,
[data-ui-appearance="dark"] #publishPrepareModal .publish-account-status-warn {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] #publishPrepareModal :where(strong, span, p, div) {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}

[data-ui-appearance="dark"] #publishPrepareModal :where(.publish-preview-section strong, .publish-preview-side strong) {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}

[data-ui-appearance="dark"] #publishPrepareModal .critical-confirm__actions button:disabled {
  background: #252526 !important;
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #858585 !important;
  -webkit-text-fill-color: #858585 !important;
  opacity: .72 !important;
}

/* Dark-only status page: make the log panel match the status cards. */
[data-ui-appearance="dark"] .mainstage .page[data-page="status"] #logBox {
  background: #252526 !important;
  background-color: #252526 !important;
  border: 1px solid #2d2d2d !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
}

/* Dark-only navigation hover: prevent light-mode hover from flashing white. */
[data-ui-appearance="dark"] .rail nav button:hover,
[data-ui-appearance="dark"] .rail nav button:focus-visible {
  background: #252526 !important;
  background-color: #252526 !important;
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  box-shadow: none !important;
}

[data-ui-appearance="dark"] .rail nav button.rail-active,
[data-ui-appearance="dark"] .rail nav button.rail-active:hover,
[data-ui-appearance="dark"] .rail nav button.rail-active:focus-visible {
  background: #2a1a1a !important;
  background-color: #2a1a1a !important;
  color: #ff7a66 !important;
  -webkit-text-fill-color: #ff7a66 !important;
}

/* Dark-only settings modal: override global select hover/focus light surfaces. */
[data-ui-appearance="dark"] #settingsModal .settings-row select,
[data-ui-appearance="dark"] #settingsModal .settings-row select:hover,
[data-ui-appearance="dark"] #settingsModal .settings-row select:focus,
[data-ui-appearance="dark"] #settingsModal .settings-row select:focus-visible {
  background-color: #252526 !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-ui-appearance="dark"] #settingsModal .settings-row select option,
[data-ui-appearance="dark"] #settingsModal .settings-row select optgroup {
  background-color: #252526 !important;
  color: #cccccc !important;
}

/* Create page final layout: compact command rows, no oversized setting cards. */
body[data-current-view="create"] {
  overflow-y: hidden !important;
}

body[data-current-view="create"] .mainstage,
body[data-current-view="create"] .page[data-page="create"].active {
  overflow-y: hidden !important;
}

body .mainstage .page[data-page="create"] .form-grid {
  display: grid !important;
  grid-template-columns: clamp(880px, 64vw, 1120px) clamp(190px, 14vw, 240px) !important;
  grid-template-rows: none !important;
  grid-auto-rows: 44px !important;
  align-content: start !important;
  align-items: start !important;
  column-gap: clamp(36px, 5vw, 88px) !important;
  row-gap: 8px !important;
  min-height: 0 !important;
  padding-top: 24px !important;
}

body .mainstage .page[data-page="create"] .wide-field {
  grid-column: 1 !important;
  grid-row: 1 / span 9 !important;
  align-self: start !important;
  min-height: 0 !important;
}

body .mainstage .page[data-page="create"] #storyPromptMirror {
  height: min(560px, calc(100vh - 270px)) !important;
  min-height: 360px !important;
  padding: 22px 24px !important;
  text-align: left !important;
}

body .mainstage .page[data-page="create"] #storyPromptMirror:placeholder-shown:not(:focus) {
  padding-top: 22px !important;
  text-align: left !important;
}

body .mainstage .page[data-page="create"] .creation-setting-field,
body .mainstage .page[data-page="create"] .creation-setting-field:hover,
body .mainstage .page[data-page="create"] .creation-setting-field:focus-within {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  align-self: start !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body .mainstage .page[data-page="create"] .creation-setting-field > span:first-child {
  grid-column: 1 !important;
}

body .mainstage .page[data-page="create"] .creation-select-trigger,
body .mainstage .page[data-page="create"] .creation-select-trigger:hover,
body .mainstage .page[data-page="create"] .creation-select-trigger:focus-visible {
  grid-column: 2 !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets[hidden] {
  display: none !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets > .creation-history-source,
body .mainstage .page[data-page="create"] .creation-seed-assets > #createAssetSelectionStatus,
body .mainstage .page[data-page="create"] .creation-seed-assets > #createSelectedAssetChips {
  display: none !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets > .creation-seed-action-row {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

body .mainstage .page[data-page="create"] .creation-seed-action-row button {
  min-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--nav-command-color) !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
}

body .mainstage .page[data-page="create"] .creation-seed-action-row button:hover,
body .mainstage .page[data-page="create"] .creation-seed-action-row button:focus-visible {
  background: transparent !important;
  outline: none !important;
}

body .mainstage .page[data-page="create"] .creation-action-column {
  grid-column: 2 !important;
  grid-row: auto !important;
  align-self: start !important;
  display: grid !important;
  grid-template-rows: repeat(2, 44px) !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

body .mainstage .page[data-page="create"] .creation-action-column button {
  cursor: pointer !important;
  pointer-events: auto !important;
}

body .mainstage .page[data-page="create"] .creation-action-column button:hover,
body .mainstage .page[data-page="create"] .creation-action-column button:focus-visible {
  background: #f2f4f7 !important;
  outline: none !important;
}

body .mainstage .page[data-page="create"] .creation-action-column button:disabled {
  color: #98a2b3 !important;
  -webkit-text-fill-color: #98a2b3 !important;
  cursor: not-allowed !important;
  opacity: .68 !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets > .creation-select-trigger,
body .mainstage .page[data-page="create"] .creation-seed-assets > .creation-select-menu {
  display: none !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-history-mode > .creation-seed-action-row {
  display: none !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-history-mode > .creation-select-trigger {
  display: inline-flex !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-history-mode > .creation-select-menu:not([hidden]) {
  display: grid !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-library-mode > .creation-seed-action-row {
  display: grid !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-library-mode {
  grid-row: span 2 !important;
  grid-template-rows: repeat(2, 44px) !important;
  height: 88px !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-library-mode > .creation-select-trigger {
  display: inline-flex !important;
  grid-row: 1 !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-library-mode > .creation-select-menu {
  display: none !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-library-mode > .creation-seed-action-row {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-library-mode #openCreationCustomAssetBtn {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px !important;
  align-items: center !important;
  justify-content: stretch !important;
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  text-align: left !important;
}

body .mainstage .page[data-page="create"] .creation-seed-assets.creation-library-mode #openCreationCustomAssetBtn::after {
  content: "..." !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  color: #101828 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
}

/* Create page final action buttons: sit below the story box, not in the setting rail. */
body .mainstage .page[data-page="create"] .wide-field {
  grid-row: 1 / span 11 !important;
}

body .mainstage .page[data-page="create"] .creation-action-column {
  grid-column: 1 !important;
  grid-row: 11 / span 1 !important;
  align-self: start !important;
  display: grid !important;
  grid-template-columns: repeat(2, 132px) !important;
  grid-template-rows: 40px !important;
  justify-self: start !important;
  gap: 12px !important;
  margin-top: 4px !important;
  padding-top: 0 !important;
  transform: none !important;
}

body .mainstage .page[data-page="create"] .creation-action-column button,
body .mainstage .page[data-page="create"] .creation-action-column button:hover,
body .mainstage .page[data-page="create"] .creation-action-column button:focus-visible {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid var(--mj-button) !important;
  border-radius: 12px !important;
  background: var(--mj-button) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  font-size: var(--ui-font-button) !important;
  font-weight: var(--ui-font-weight) !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body .mainstage .page[data-page="create"] .creation-action-column button:hover,
body .mainstage .page[data-page="create"] .creation-action-column button:focus-visible {
  border-color: var(--mj-button-hover) !important;
  background: var(--mj-button-hover) !important;
  outline: none !important;
}

body .mainstage .page[data-page="create"] .creation-action-column button::after {
  content: none !important;
  display: none !important;
}

body .mainstage .page[data-page="create"] .creation-action-column button:disabled,
body .mainstage .page[data-page="create"] .creation-action-column button:disabled:hover,
body .mainstage .page[data-page="create"] .creation-action-column button:disabled:focus-visible {
  border-color: var(--mj-button) !important;
  background: var(--mj-button) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  cursor: not-allowed !important;
  opacity: .45 !important;
}

body[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button,
body[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button:hover,
body[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button:focus-visible {
  border-color: var(--mj-button) !important;
  background: var(--mj-button) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button:hover,
body[data-ui-appearance="dark"] .mainstage .page[data-page="create"] .creation-action-column button:focus-visible {
  border-color: var(--mj-button-hover) !important;
  background: var(--mj-button-hover) !important;
}

@media (max-width: 1180px) {
  body .mainstage .page[data-page="create"] .wide-field {
    grid-row: auto !important;
  }

  body .mainstage .page[data-page="create"] .creation-action-column {
    grid-column: 1 !important;
    grid-row: auto !important;
    grid-template-columns: repeat(2, 132px) !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 640px) {
  body .mainstage .page[data-page="create"] .creation-action-column {
    grid-template-columns: repeat(2, minmax(112px, 1fr)) !important;
    grid-template-rows: repeat(2, 44px) !important;
    width: 100% !important;
  }
}

/* Movie visual style uses the existing creation settings rail and menu. */
[data-page="create"] #movieVisualStyleField[hidden] { display: none !important; }
[data-page="create"] #movieVisualStyleCustom {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 76px;
  padding: 8px;
  resize: vertical;
}
[data-page="create"] #movieVisualStyleField .creation-select-menu,
[data-page="create"] #primaryGenre ~ .creation-select-menu {
  max-height: min(460px, 60vh);
  overflow-y: auto;
}

/* Longer localized labels retain the existing creation sidebar and dialog layout. */
html:lang(en) [data-page="create"] .creation-setting-field,
html:lang(es) [data-page="create"] .creation-setting-field { grid-template-columns: minmax(0, 1fr) minmax(48px, .7fr); }
html:lang(en) [data-page="create"] .creation-setting-field > span,
html:lang(es) [data-page="create"] .creation-setting-field > span { white-space: normal; overflow-wrap: break-word; }
html:lang(en) .evidence-modal__footer,
html:lang(es) .evidence-modal__footer { flex-wrap: wrap; }
html:lang(en) .creation-select-menu,
html:lang(es) .creation-select-menu { max-width: min(440px, 90vw); }
html:lang(en) .creation-select-menu button,
html:lang(es) .creation-select-menu button { white-space: normal; }

/* Episode production uses the existing Review action bar. */
.episode-production-actions { display: inline-flex; gap: 8px; align-items: center; }
.episode-production-actions[hidden] { display: none; }
.episode-production-card .review-card-media > span { display: block; padding: 8px; font-size: var(--ui-font-meta); }
.review-card-info .episode-production-status--running { align-self:flex-start; justify-self:start; padding:4px 10px; border-radius:999px; background:var(--mj-button); color:#fff !important; -webkit-text-fill-color:#fff !important; font-weight:var(--ui-font-weight) !important; }
.review-card-info .episode-production-status--error { color:var(--danger,#b43312) !important; -webkit-text-fill-color:var(--danger,#b43312) !important; }
.episode-production-error-detail { white-space:pre-wrap; overflow-wrap:anywhere; max-height:40vh; overflow:auto; }

/* HD color controls: one horizontal toolbar, only on the HD tab. */
.hd-color-actions { display:inline-flex; flex-wrap:nowrap; align-items:center; gap:6px; flex-shrink:0; }
.hd-color-actions[hidden] { display:none; }
.hd-color-actions button { white-space:nowrap; }
.hd-color-actions button[aria-pressed="true"] { color:var(--accent,#f04428); box-shadow:inset 0 -2px var(--accent,#f04428); }
.hd-color-summary { font-size:var(--ui-font-meta); white-space:nowrap; }
body:not([data-review-media-type="hd_frame"]) .hd-color-summary { display:none; }
body[data-review-media-type="hd_frame"] .review-tab-actionbar { display:flex!important; flex-wrap:nowrap!important; min-width:0; gap:12px; }
body[data-review-media-type="hd_frame"] .review-selected { flex:1 1 120px; min-width:70px; max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body[data-review-media-type="hd_frame"] .review-tab-actions { display:flex!important; flex-wrap:nowrap!important; justify-content:flex-start!important; min-width:0; overflow-x:auto; gap:8px!important; }
body[data-review-media-type="hd_frame"] .review-tab-actions > * { flex-shrink:0; white-space:nowrap; }
.hd-color-modal { position:fixed; inset:14px; z-index:12000; display:flex; flex-direction:column; background:var(--panel-bg,#fff); color:var(--text,#172139); border:1px solid #cdd7e5; border-radius:18px; box-shadow:0 0 0 100vmax #0008; overflow:hidden; }
.hd-color-modal header,.hd-color-modal footer { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:14px 22px; }
.hd-color-modal header { justify-content:space-between; border-bottom:1px solid #dbe1ea; }
.hd-color-modal h2 { margin:0; font-size:var(--ui-font-section); }
.hd-color-body { display:grid; grid-template-columns:minmax(0,1fr) 330px; flex:1; min-height:0; gap:18px; padding:18px; }
.hd-color-view { display:flex; align-items:center; justify-content:center; overflow:auto; min-height:0; background:#171a20; border-radius:10px; }
.hd-color-view img { max-width:100%; max-height:100%; object-fit:contain; }
.hd-color-view.is-full { display:block; }
.hd-color-view.is-full img { max-width:none; max-height:none; }
.hd-color-controls { overflow:auto; }
.hd-color-controls select { width:100%; margin-bottom:10px; }
.hd-color-control { display:block; margin:9px 0; font-size:var(--ui-font-label); }
.hd-color-control > div { display:flex; align-items:center; gap:5px; }
.hd-color-control input[type="range"] { flex:1; min-width:30px; padding:0; }
.hd-color-control input[type="number"] { width:66px; padding:4px; }
.hd-color-control button { padding:3px 10px; }
.hd-color-note { min-height:22px; margin:0; padding:2px 22px; font-size:var(--ui-font-meta); }
.hd-color-confirm { padding:12px 22px; background:#fff3df; color:#382614; }
.hd-color-confirm button { margin-left:8px; }
.hd-color-modal footer { border-top:1px solid #dbe1ea; justify-content:flex-end; }
.hd-color-notice { position:fixed; z-index:12001; left:50%; bottom:30px; transform:translateX(-50%); max-width:90vw; padding:16px; background:#fff5e6; color:#5e3813; border:1px solid #ecd0a3; border-radius:12px; box-shadow:0 8px 30px #0002; }
.hd-color-notice button { margin-left:12px; }
[data-ui-appearance="dark"] .hd-color-modal { background:#181f2b; color:#e9edf4; }
@media(max-width:760px) { .hd-color-body { grid-template-columns:1fr; grid-template-rows:minmax(160px,1fr) 220px; gap:8px; padding:8px; } .hd-color-modal { inset:4px; } .hd-color-modal footer { padding:8px; gap:4px; } }

body[data-review-media-type="hd_frame"] .review-tab-actions { flex:0 1 auto!important; max-width:100%; }

.hd-color-header-actions { display:flex; align-items:center; gap:10px; }
.hd-color-modal:fullscreen,.hd-color-modal--fullscreen { inset:0; width:100vw; height:100vh; border:0; border-radius:0; box-shadow:none; }

/* Video prompt cards and editor: scoped to this tab; existing review cards are unchanged. */
.video-prompt-model-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.video-prompt-model-actions[hidden] { display:none; }
.video-prompt-model-actions label { display:flex; align-items:center; gap:8px; }
.video-prompt-model-actions select { max-width:290px; }
.video-prompt-model-actions small { color:var(--muted, #64748b); }
.video-prompt-card { display:flex; flex-direction:column; gap:9px; padding:14px; min-width:0; }
.video-prompt-card > label { display:flex; flex-direction:column; gap:5px; }
.video-prompt-card select { width:100%; min-width:0; }
.video-prompt-card__preview { display:block; padding:0; width:100%; height:auto; min-height:0; aspect-ratio:16/9; overflow:hidden; border-radius:10px; }
.video-prompt-card__preview img { display:block; width:100%; height:100%; object-fit:contain; }
.video-prompt-status { font-size:var(--ui-font-meta); }
.video-prompt-status--running { align-self:flex-start; padding:4px 10px; border-radius:999px; background:var(--mj-button); color:#fff; font-weight:var(--ui-font-weight); }
.video-prompt-card button:disabled { color:var(--muted,#667085) !important; cursor:not-allowed; opacity:.5; }
.video-prompt-card small { color:var(--muted, #64748b); }
.video-prompt-error { color:#a13b15; overflow-wrap:anywhere; }
.video-prompt-overlay { position:fixed; inset:0; z-index:9305; display:flex; align-items:center; justify-content:center; padding:20px; background:#0006; }
.video-prompt-dialog { width:min(1280px,100%); height:min(860px,94vh); display:flex; flex-direction:column; background:#fff; color:#172238; border-radius:18px; overflow:hidden; box-shadow:0 18px 60px #0003; }
.video-prompt-dialog.is-fullscreen { position:fixed; inset:0; width:100%; height:100dvh; border-radius:0; }
.video-prompt-dialog > header { display:flex; justify-content:space-between; align-items:center; padding:16px 22px; gap:16px; border-bottom:1px solid #dfe5ee; }
.video-prompt-dialog h2 { margin:0; font-size:var(--ui-font-page); }
.video-prompt-dialog__body { overflow:auto; padding:18px 22px; flex:1; min-height:0; }
.video-prompt-dialog > footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; padding:14px 22px; border-top:1px solid #dfe5ee; }
.video-prompt-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:14px; }
.video-prompt-dialog details { margin:12px 0; }
.video-prompt-dialog details > pre { max-height:380px; overflow:auto; }
.video-prompt-version { margin:16px 0; padding:16px; border:1px solid #cbd6e6; border-radius:12px; background:#f8fafc; }
.video-prompt-buttons { display:flex; gap:10px; flex-wrap:wrap; }
.video-prompt-dialog textarea { display:block; width:100%; box-sizing:border-box; margin:14px 0; padding:12px; resize:vertical; }
.video-prompt-dialog label { display:flex; align-items:center; gap:10px; }
.video-prompt-reference-frames { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.video-prompt-reference-frames figure { margin:0; }
.video-prompt-reference-frames img { width:100%; max-height:320px; object-fit:contain; }
.video-prompt-turn { padding:12px 16px; margin:12px 0; background:#eff3f8; border-radius:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.video-prompt-notice { color:#51627b; }
.video-prompt-dialog .video-prompt-text { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:15px; line-height:1.8; margin:0; padding:0; background:transparent !important; color:#162338 !important; -webkit-text-fill-color:#162338 !important; }
.video-prompt-dialog .video-prompt-version { background:#fafcff; color:#162338; }
.video-prompt-dialog .video-prompt-text-actions { align-items:center; justify-content:flex-end; margin-top:16px; }
.video-prompt-dialog .video-prompt-version-select { flex-wrap:wrap; margin:14px 0; font-size:var(--ui-font-label); }
.video-prompt-dialog .video-prompt-version-select select { min-width:180px; max-width:100%; }
.video-prompt-message-label { color:#64748b; font-size:var(--ui-font-caption); margin-bottom:12px; }
.video-prompt-adopted { color:#527660; padding:6px 10px; font-size:var(--ui-font-meta); }
.video-prompt-dialog > footer { flex-shrink:0; }
.video-prompt-dialog > footer .video-prompt-notice { flex-basis:100%; font-size:var(--ui-font-meta); overflow-wrap:anywhere; }
.video-prompt-dialog.is-repair > footer { align-items:flex-end; flex-wrap:wrap; }
.video-prompt-composer { flex:1; min-width:180px; }
.video-prompt-composer__input { display:flex; align-items:flex-end; gap:8px; border:1px solid #cbd5e1; border-radius:16px; padding:10px; background:#fafbfc; }
.video-prompt-dialog .video-prompt-composer textarea { flex:1; min-width:0; min-height:52px; max-height:160px; margin:0; padding:3px 4px; border:0; background:transparent; color:#162338; resize:none; font:inherit; line-height:1.7; }
.video-prompt-composer__input:focus-within { border-color:#64748b; }
.video-prompt-dialog .video-prompt-composer textarea:focus { outline:none; }
.video-prompt-dialog .video-prompt-composer button { width:36px; height:36px; min-height:36px; flex-shrink:0; padding:0; border-radius:50%; background:var(--mj-button) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:0; line-height:36px; }
.video-prompt-composer > small { display:block; margin-top:7px; color:#64748b; font-size:var(--ui-font-caption); }
.video-prompt-dialog button:disabled { opacity:.45; cursor:not-allowed; }
.video-prompt-turn-status { margin:8px 16px 16px; color:#64748b; }
@media(max-width:700px) {
  .video-prompt-overlay { padding:6px; }
  .video-prompt-dialog > header { padding:12px; }
  .video-prompt-dialog h2 { font-size:var(--ui-font-page); }
  .video-prompt-dialog__body { padding:12px; }
  .video-prompt-model-actions select { max-width:210px; }
}

/* Only the shot-video submission recovery dialog. */
.episode-submission-recovery { width:min(660px,calc(100vw - 48px)); max-height:calc(100vh - 48px); overflow:auto; justify-items:stretch; }
.episode-submission-recovery label { display:grid; gap:8px; margin:16px 0 8px; }
.episode-submission-recovery input { width:100%; box-sizing:border-box; }
.episode-submission-recovery .episode-submission-recovery__confirm { display:flex; align-items:center; }
.episode-submission-recovery input[type="checkbox"] { width:auto; }
.episode-submission-recovery li { overflow-wrap:anywhere; }
.episode-submission-recovery .critical-confirm__actions { flex-wrap:wrap; }

/* Resolution controls belong only to shot-video production cards and its toolbar. */
.episode-production-actions:has(.episode-resolution) { flex-wrap:wrap; }
.episode-resolution { display:flex; flex-direction:column; gap:4px; min-width:0; font-size:var(--ui-font-label); }
.episode-resolution label { display:flex; align-items:center; gap:8px; margin:0; min-width:0; }
.episode-resolution label>span { white-space:nowrap; }
body .episode-resolution select { width:auto; min-width:115px; max-width:100%; min-height:30px!important; padding:4px 8px!important; font-size:var(--ui-font-input)!important; }
.episode-resolution--episode { max-width:400px; }
.episode-resolution__note { font-size:var(--ui-font-caption); line-height:1.4; color:var(--muted,#68758a); overflow-wrap:anywhere; }
.episode-resolution--shot { border-top:1px solid var(--line,#e0e5eb); padding-top:8px; }
body .review-card-info .episode-resolution__regenerate { justify-self:start; width:auto; font-size:var(--ui-font-button)!important; min-height:30px!important; padding:5px 9px!important; }

/* Short video labels keep the toolbar on one line without horizontal scrolling. */
body[data-review-media-type="shot_video"] [data-page="edit"] .review-tab-actionbar { flex-wrap:nowrap!important; justify-content:flex-start!important; gap:clamp(3px,.5vw,8px)!important; min-width:0; max-width:100%; min-height:48px!important; padding:5px clamp(4px,.7vw,12px)!important; box-sizing:border-box; }
body[data-review-media-type="shot_video"] [data-page="edit"] .review-selected { flex:1 1 210px!important; min-width:0!important; max-width:320px!important; min-height:0!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--ui-font-meta)!important; }
body[data-review-media-type="shot_video"] [data-page="edit"] .review-tab-actions { flex:0 1 auto!important; flex-wrap:nowrap!important; min-width:0!important; max-width:100%; min-height:38px!important; gap:clamp(3px,.5vw,8px)!important; justify-content:flex-start!important; overflow:visible; }
body[data-review-media-type="shot_video"] [data-page="edit"] .review-tab-actions > * { flex-shrink:0; white-space:nowrap; }
body[data-review-media-type="shot_video"] [data-page="edit"] .review-tab-actions button { flex-shrink:0; min-height:38px!important; padding:6px clamp(5px,.55vw,10px)!important; font-size:var(--ui-font-button)!important; line-height:1.4!important; white-space:nowrap!important; }
body[data-review-media-type="shot_video"] #episodeProductionActions { gap:clamp(3px,.5vw,8px); min-width:0; flex-wrap:nowrap!important; }
body[data-review-media-type="shot_video"] #episodeProductionActions .episode-resolution--episode { flex:0 0 auto; flex-direction:row; flex-wrap:nowrap; align-items:center; max-width:none; font-size:var(--ui-font-label); }
body[data-review-media-type="shot_video"] #episodeProductionActions .episode-resolution label { flex-wrap:nowrap; gap:5px; }
body[data-review-media-type="shot_video"] #episodeProductionActions .episode-resolution select { min-width:84px; max-width:130px; min-height:38px!important; padding:5px 6px!important; font-size:var(--ui-font-input)!important; }
body[data-review-media-type="shot_video"] #episodeProductionActions .episode-resolution__note { white-space:nowrap; }
body[data-review-media-type="shot_video"] #episodeProductionActions .episode-resolution__note[hidden] { display:none!important; }

/* Generation entry labels share the top Generate/Continue accent; backgrounds are unchanged. */
body button.production-generate-action { color:var(--mj-button,#f04423)!important; -webkit-text-fill-color:var(--mj-button,#f04423)!important; }
body button.production-generate-action:disabled { opacity:.55; }

/* Only shot-video cards share a single selection / generation / viewing action row. */
body[data-review-media-type="shot_video"] #reviewGalleryGrid .review-card-actions { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:clamp(3px,.45vw,8px); width:100%; min-width:0; }
body[data-review-media-type="shot_video"] #reviewGalleryGrid .review-card-actions > label { display:inline-flex!important; width:auto!important; min-width:0!important; max-width:none!important; flex:0 0 auto; align-items:center; gap:4px; margin:0; white-space:nowrap; }
body[data-review-media-type="shot_video"] #reviewGalleryGrid .review-card-actions > label input[type="checkbox"] { width:16px!important; min-width:16px!important; max-width:16px!important; height:16px!important; flex:0 0 16px; }
body[data-review-media-type="shot_video"] #reviewGalleryGrid .review-card-actions > button { flex:0 0 auto; width:auto!important; min-width:0; margin:0; padding-inline:clamp(4px,.5vw,8px)!important; white-space:nowrap; }

/* Group workspaces are limited to storyboard prompts and storyboard images. */
.storyboard-group-workspace { display:flex; flex-direction:column; gap:18px; min-width:0; width:100%; padding:18px; box-sizing:border-box; }
.storyboard-group-workspace__notice:empty { display:none; }
.storyboard-group-workspace__message,.storyboard-group-workspace__error { margin:0; padding:12px 14px; border-radius:10px; background:#f1f5f9; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.storyboard-group-workspace__error { color:#a62e22; background:#fff0ec; }
.storyboard-group-workspace__toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.storyboard-group-workspace__toolbar > strong { margin-right:auto; }
.storyboard-group-workspace__groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); align-items:start; gap:18px; }
.storyboard-group-workspace__group { min-width:0; padding:22px; border:1px solid #dbe1ea; border-radius:14px; background:#fff; display:flex; flex-direction:column; gap:14px; }
.storyboard-group-workspace__group h3 { margin:0; font-size:var(--ui-font-card); line-height:1.5; color:#23334b; overflow-wrap:anywhere; }
.storyboard-group-workspace__state { margin:0; color:#53637b; line-height:1.5; }
.storyboard-group-workspace__hint { color:#6b778b; font-size:var(--ui-font-caption); line-height:1.6; margin:0; }
.storyboard-group-workspace__actions { display:flex; flex-wrap:nowrap; align-items:center; gap:12px; margin-top:auto; }
.storyboard-group-workspace__choice { display:inline-flex; flex:0 0 auto; align-items:center; gap:7px; cursor:pointer; }
.storyboard-group-workspace__choice input { width:17px; height:17px; margin:0; }
.storyboard-group-workspace button:disabled,.storyboard-group-workspace input:disabled { opacity:.45; cursor:not-allowed; }
.storyboard-group-workspace__more { position:relative; }
.storyboard-group-workspace__more summary { padding:9px 12px; cursor:pointer; }
.storyboard-group-workspace__more[open] { padding:0 8px 8px; border:1px solid #dbe1ea; border-radius:10px; background:#fff; }
.storyboard-group-workspace__more button { display:block; }
.storyboard-group-workspace__images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.storyboard-group-workspace .storyboard-group-workspace__image { width:100%; height:auto; min-height:0; padding:0; display:block; border:0!important; border-radius:0; overflow:hidden; background:#e8edf3!important; }
.storyboard-group-workspace__image img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.storyboard-group-workspace__images .review-card-info { gap:9px; }
[data-ui-appearance="dark"] .storyboard-group-workspace__group,[data-ui-appearance="dark"] .storyboard-group-workspace__more[open] { background:#25292f; border-color:#424954; }
[data-ui-appearance="dark"] .storyboard-group-workspace__group h3 { color:#e7ebf2; }
[data-ui-appearance="dark"] .storyboard-group-workspace__state,[data-ui-appearance="dark"] .storyboard-group-workspace__hint { color:#adb8c8; }
[data-ui-appearance="dark"] .storyboard-group-workspace__message { background:#2e353f; color:#d7dfeb; }
[data-ui-appearance="dark"] .storyboard-group-workspace__error { background:#452d29; color:#ffc4b4; }
@media(max-width:650px) { .storyboard-group-workspace { padding:12px; } .storyboard-group-workspace__images { grid-template-columns:1fr; } .storyboard-group-workspace__actions { gap:8px; } .storyboard-group-workspace__group { padding:16px; } }

/* Storyboard selection and fixed group controls stay inside the existing review header. */
.storyboard-group-workspace__group { padding:clamp(22px,2.4vw,36px); min-height:200px; gap:22px; }
.storyboard-group-workspace__group h3 { font-size:var(--ui-font-card); font-weight:var(--ui-font-weight); }
.storyboard-group-workspace__actions { border-top:1px solid #e4e8ef; padding-top:18px; gap:24px; }
.storyboard-group-workspace__actions > * + * { position:relative; margin-left:4px; }
.storyboard-group-workspace__actions > * + *::before { content:""; position:absolute; width:1px; height:20px; top:calc(50% - 10px); left:-14px; background:#dbe1ea; }
.storyboard-group-workspace__card { cursor:pointer; }
.storyboard-group-workspace__card:focus-visible { outline:2px solid #f04423; outline-offset:3px; }
.storyboard-group-workspace .storyboard-group-workspace__card--selected { outline:2px solid #f04423!important; outline-offset:-2px; background:#fff8f4!important; }
.storyboard-group-workspace__choice input { accent-color:#f04423; }
#storyboardGroupActions { display:flex; align-items:center; justify-content:flex-end; gap:clamp(8px,1vw,20px); white-space:nowrap; }
#storyboardGroupActions[hidden], #storyboardGroupToolbar[hidden],
body:not([data-review-media-type="storyboard"]) #storyboardGroupActions,
body:not([data-review-media-type="storyboard"]) #storyboardGroupToolbar { display:none!important; }
#storyboardGroupToolbar { width:100%; min-width:0; border-bottom:1px solid #e4e8ef; background:#fff; }
.storyboard-group-workspace__toolbar--fixed { display:flex; flex-wrap:nowrap; align-items:center; gap:clamp(6px,1vw,18px); padding:8px clamp(16px,2vw,32px); width:100%; min-width:0; box-sizing:border-box; background:#fff; }
.storyboard-group-workspace__toolbar--fixed > strong { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:auto; }
.storyboard-group-workspace__toolbar--fixed > button { flex:0 0 auto; white-space:nowrap!important; padding:6px clamp(4px,.7vw,10px)!important; min-height:38px!important; font-size:var(--ui-font-button)!important; }
body[data-review-media-type="storyboard"] [data-page="edit"] .review-tab-actionbar { flex-wrap:nowrap!important; padding-inline:clamp(16px,2vw,32px)!important; gap:16px!important; }
body[data-review-media-type="storyboard"] [data-page="edit"] .review-selected { min-width:0!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body[data-review-media-type="storyboard"] [data-page="edit"] .review-tab-actions { flex-wrap:nowrap!important; gap:16px!important; }
[data-ui-appearance="dark"] .storyboard-group-workspace .storyboard-group-workspace__card--selected { background:#3b302b!important; }
[data-ui-appearance="dark"] #storyboardGroupToolbar,
[data-ui-appearance="dark"] .storyboard-group-workspace__toolbar--fixed { background:#25292f; border-color:#424954; }


/* Review stages share a bounded header; left context yields space to right actions. */
body [data-page="edit"] .review-toolbar {
  grid-template-columns:minmax(0,1fr)!important;
}
body [data-page="edit"] #reviewResultTabs {
  min-width:0!important; flex-wrap:nowrap!important; gap:2px!important; padding-inline:8px!important;
}
body [data-page="edit"] #reviewResultTabs button[data-review-filter] {
  flex:1 1 auto; min-width:0!important; padding-inline:2px!important;
  font-size:var(--ui-font-tab)!important; white-space:nowrap!important;
}
body:is([data-review-media-type="storyboard"],[data-review-media-type="storyboard_prompts"]) .review-panel:has(.storyboard-group-workspace__groups) .review-tab-actionbar {
  display:grid!important; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"status actions";
  min-height:66px!important; padding:0 clamp(24px,2.4vw,40px)!important; gap:clamp(16px,2vw,36px)!important; background:#f8fafc!important;
}
body:is([data-review-media-type="storyboard"],[data-review-media-type="storyboard_prompts"]) .review-panel:has(.storyboard-group-workspace__groups) .review-selected {
  grid-area:status; justify-content:center!important; text-align:center!important; min-height:42px!important;
}
body:is([data-review-media-type="storyboard"],[data-review-media-type="storyboard_prompts"]) .review-panel:has(.storyboard-group-workspace__groups) .review-tab-actions {
  grid-area:actions; min-height:42px!important;
}

body [data-page="edit"] #reviewTabActionbar {
  min-width:0!important; max-width:100%; gap:clamp(4px,.7vw,12px)!important;
  padding-inline:clamp(12px,1.5vw,24px)!important; overflow:visible;
}
body [data-page="edit"] #reviewTabActionbar .review-selected {
  flex:1 1 0!important; min-width:0!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
body [data-page="edit"] #reviewTabActionbar .review-tab-actions {
  flex:0 1 auto!important; min-width:0!important; max-width:100%;
  gap:clamp(4px,.7vw,12px)!important; overflow:visible;
}
body [data-page="edit"] #reviewTabActionbar .review-tab-actions button {
  padding-inline:clamp(4px,.5vw,10px)!important;
}
body [data-page="edit"] #reviewTabActionbar :is(#hdColorSummary,#videoPromptModelActions small) {
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
body [data-page="edit"] #videoPromptModelActions {
  min-width:0; max-width:100%; gap:clamp(4px,.7vw,12px);
}
body [data-page="edit"] #videoPromptModelActions label { min-width:0; }
body [data-page="edit"] #videoPromptModelActions select { min-width:0; width:clamp(170px,18vw,290px); }
[data-ui-appearance="dark"] body:is([data-review-media-type="storyboard"],[data-review-media-type="storyboard_prompts"]) .review-panel:has(.storyboard-group-workspace__groups) .review-tab-actionbar,
body[data-ui-appearance="dark"]:is([data-review-media-type="storyboard"],[data-review-media-type="storyboard_prompts"]) .review-panel:has(.storyboard-group-workspace__groups) .review-tab-actionbar { background:#25292f!important; }

/* Global progress occupies its own thin row; page controls remain inside the content row. */
body .mainstage {
  height:100dvh!important; min-height:0!important;
  grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto!important;
}
.mainstage > .topbar { grid-column:1; grid-row:1; grid-template-columns:minmax(0,1fr) auto!important; }
.mainstage > .page { grid-column:1; grid-row:2; min-width:0; min-height:0; }
.topbar .topbar-actions { grid-column:2!important; grid-row:1!important; justify-self:end!important; flex-wrap:nowrap!important; overflow:visible!important; }
.topbar .movie-context .movie-job-picker { flex:0 1 520px!important; max-width:100%!important; }
#globalRunStatus.global-statusbar {
  order:2; grid-column:1!important; grid-row:3!important;
  display:grid; grid-template-columns:minmax(0,max-content) minmax(0,1fr) max-content!important;
  align-items:center!important; gap:clamp(8px,1.3vw,20px)!important;
  width:100%; max-width:100%; height:32px; min-height:32px; box-sizing:border-box;
  margin:0; padding:0 clamp(12px,1.5vw,24px); border:0; border-top:1px solid #e4e8ef;
  background:#f8fafc; color:#344054;
}
#globalRunStatus[hidden] { display:none!important; }
#globalRunStatus .topbar-progress-card {
  display:flex; align-items:center; gap:6px; min-width:0!important; min-height:0;
  height:auto; padding:0!important; margin:0; border:0; border-radius:0; background:transparent;
}
#globalRunStatus .topbar-progress-card:not(.topbar-progress-percent) > span { display:none; }
#globalRunStatus .topbar-progress-note { grid-column:2; grid-row:1; }
#globalRunStatus .topbar-progress-percent { grid-column:3; grid-row:1; }
#globalRunStatus .topbar-progress-card :is(span,strong) {
  font-size:var(--ui-font-meta); line-height:20px; font-weight:var(--ui-font-weight); color:inherit!important;
  min-width:0; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
#globalRunStatus .topbar-progress-percent { white-space:nowrap; }
#globalRunStatus #outputRunPercent { font-weight:var(--ui-font-weight); overflow:visible!important; }
#globalRunStatus .topbar-progress-note strong { display:block; }
[data-ui-appearance="dark"] #globalRunStatus.global-statusbar { background:#25292f; color:#d7dfeb; border-color:#424954; }

/* UI typography roles; content viewers and icon glyphs keep their own typography. */
.page-head h2 { font-style: var(--ui-font-style); }
.page h2 { font-size: var(--ui-font-section); }
.page .page-head h2 { font-size: var(--ui-font-page); }
.page th, .account-modal th, .critical-confirm th {
  font-family: var(--font-sans);
  font-weight: var(--ui-font-weight);
  font-style: var(--ui-font-style);
}
.asset-title, .asset-id, .asset-name { font-size: var(--ui-font-card); }
.outputs-result-tabs button, .asset-type-tabs button { font-size: var(--ui-font-tab); }
.account-modal :is(h1, h2, h3, h4, h5, h6, strong, b, th) {
  font-weight: var(--ui-font-weight);
  font-style: var(--ui-font-style);
}

.rail-settings-field > span { font-size: var(--ui-font-label); }

.review-card-check,
.review-card-check > span { font-size: var(--ui-font-label); }
#currentStep,
#overallPercent { font-size: var(--ui-font-meta); }

/* Shared action artwork: reuse existing add/send paths; keep DOM and hit areas. */
:root {
  --ui-icon-action-size: 18px;
  --ui-icon-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
  --ui-icon-send: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019V5M5%2012l7-7%207%207%22%2F%3E%3C%2Fsvg%3E");
}
[data-image-repair-reference-toggle],
[data-video-repair-plus],
.movie-asset-prompt-chat-inputbar__plus,
.visual-packaging__attach { --ui-action-artwork:var(--ui-icon-add); }
[data-asset-repair-send],
[data-library-chat-send],
[data-asset-image-repair-send],
[data-video-repair-send],
[data-image-repair-send],
[data-repair-send],
.video-prompt-composer__input > button,
.movie-asset-prompt-chat-inputbar__send,
.visual-packaging__send { --ui-action-artwork:var(--ui-icon-send); }
[data-image-repair-reference-toggle],
[data-video-repair-plus],
.movie-asset-prompt-chat-inputbar__plus,
.visual-packaging__attach,
[data-asset-repair-send],
[data-library-chat-send],
[data-asset-image-repair-send],
[data-video-repair-send],
[data-image-repair-send],
[data-repair-send],
.video-prompt-composer__input > button,
.movie-asset-prompt-chat-inputbar__send,
.visual-packaging__send { position:relative; }
[data-image-repair-reference-toggle]::before,
[data-video-repair-plus]::before,
.movie-asset-prompt-chat-inputbar__plus::before,
.visual-packaging__attach::before,
[data-asset-repair-send]::before,
[data-library-chat-send]::before,
[data-asset-image-repair-send]::before,
[data-video-repair-send]::before,
[data-image-repair-send]::before,
[data-repair-send]::before,
.video-prompt-composer__input > button::before,
.movie-asset-prompt-chat-inputbar__send::before,
.visual-packaging__send::before {
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:var(--ui-icon-action-size);
  height:var(--ui-icon-action-size);
  background:currentColor;
  -webkit-mask:var(--ui-action-artwork) center / contain no-repeat;
  mask:var(--ui-action-artwork) center / contain no-repeat;
  pointer-events:none;
}

/* Creation confirmation reuses the existing critical-confirm shell. */
#criticalConfirmModal[data-confirm-owner="creation"] .critical-confirm__panel {
  width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto;
}
#creationStartSummary { display:grid; grid-template-columns:auto 1fr; gap:8px 18px; margin:18px 0; font-size:14px; line-height:1.5; }
#creationStartSummary dt { color:var(--muted); }
#creationStartSummary dd { margin:0; overflow-wrap:anywhere; }
#creationStartNotice { font-size:13px; color:var(--muted); }
#criticalConfirmModal[data-confirm-owner="creation"] .critical-confirm__actions { display:flex; flex-wrap:nowrap; justify-content:flex-end; }
#criticalConfirmModal[data-confirm-owner="creation"] #criticalConfirmCancel { order:0; }
#criticalConfirmModal[data-confirm-owner="creation"] #criticalConfirmOk { order:1; }
body .mainstage .page[data-page="create"] .creation-action-column #saveCreationSettingsBtn,
body .mainstage .page[data-page="create"] .creation-action-column #saveCreationSettingsBtn:hover,
body .mainstage .page[data-page="create"] .creation-action-column #saveCreationSettingsBtn:focus-visible {
  background:var(--panel,#fff) !important; color:var(--ink,#19304f) !important;
  -webkit-text-fill-color:var(--ink,#19304f) !important; border-color:var(--border,#dbe3ed) !important;
}

/* Story editor footer: the two groups share the story column, not the settings rail. */
body .mainstage .page[data-page="create"] .creation-action-column {
  display:flex !important; flex-direction:column !important; width:100% !important;
  justify-self:stretch !important; gap:6px !important;
}
body .mainstage .page[data-page="create"] .creation-story-action-row {
  display:flex; width:100%; justify-content:space-between; align-items:center; gap:12px;
}
body .mainstage .page[data-page="create"] .creation-story-submit-actions { display:flex; align-items:center; gap:12px; }
body .mainstage .page[data-page="create"] .creation-action-column .creation-story-action-row button { width:132px !important; flex:none; }
body .mainstage .page[data-page="create"] #creationAssistantBtn,
body .mainstage .page[data-page="create"] #creationAssistantBtn:hover,
body .mainstage .page[data-page="create"] #creationAssistantBtn:focus-visible {
  background:var(--panel,#fff) !important; color:var(--ink,#19304f) !important;
  -webkit-text-fill-color:var(--ink,#19304f) !important; border-color:var(--border,#dbe3ed) !important;
}
body .mainstage .page[data-page="create"] .creation-story-feedback { display:flex; align-items:center; gap:12px; min-height:20px; width:100%; }
body .mainstage .page[data-page="create"] #storyDraftStatus { display:inline !important; font-size:var(--ui-font-meta); white-space:normal; }
body .mainstage .page[data-page="create"] #creationAssistantUndo {
  width:auto !important; height:auto !important; min-height:0 !important; padding:0 !important; border:0 !important;
  color:var(--ink,#19304f) !important; -webkit-text-fill-color:var(--ink,#19304f) !important; background:transparent !important;
  font-size:var(--ui-font-meta) !important; text-decoration:underline; flex-shrink:0;
}
body .mainstage .page[data-page="create"] #creationAssistantUndo[hidden] { display:none !important; }
@media(max-width:640px) {
  body .mainstage .page[data-page="create"] .creation-story-action-row { gap:6px; }
  body .mainstage .page[data-page="create"] .creation-story-submit-actions { gap:6px; }
  body .mainstage .page[data-page="create"] .creation-action-column .creation-story-action-row button { width:auto !important; min-width:76px !important; padding:0 10px !important; }
}

/* Effective creation settings remain visible beside the editor. */
[data-page="create"] .creation-setting-field .creation-setting-current {
  grid-column: 1 / -1; min-width: 0; display: block;
  margin-top: -6px; padding-bottom: 4px; white-space: normal; overflow-wrap: anywhere;
  font-family: inherit; font-size: var(--ui-font-note, 13px); line-height: 1.4;
  color: var(--text-muted, #667085); font-weight: 400;
}

/* Recovery records belong to task status, never to the account sidebar. */
.production-budget-tasks { margin: 12px 0; padding: 12px 16px; border: 1px solid var(--line, #e4e7ec); border-radius: 12px; }
.production-budget-tasks h3 { margin: 0 0 8px; font-size: var(--ui-font-section); }
.production-budget-task { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 8px 0; }
.production-budget-task > div { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.production-budget-task span { color: var(--muted); font-size: var(--ui-font-meta); }
.production-budget-task button { flex: 0 0 auto; }

/* Production UI headings follow the episode-script title; reading text keeps its own scale. */
body[data-current-view="edit"] {
  --production-title-size: clamp(18px, 1.3vw, 22px);
}
body[data-current-view="edit"] :is(
  [data-page="edit"], .evidence-modal, .dialogue-ui-repair,
  .asset-prompt-repair, .movie-asset-image-repair, .storyboard-repair,
  .storyboard-image-repair, .shot-video-repair, .video-prompt-dialog,
  .hd-color-modal, .editing-workspace__dialog,
  #episodeScriptAdoptionModal, #dialogueAdoptionModal, #assetProcessingModal,
  #humanActionNoticeModal, #criticalConfirmModal,
  #reviewBatchConfirmModal, #reviewAdmissionNoticeModal
) :is(
  .authoring-detail-heading > h3,
  .dialogue-ui-field > h4, .review-card-info > strong, .video-prompt-card > strong,
  .asset-title, .asset-name, .asset-prompt-detail__field > dt,
  .storyboard-group-workspace__group > h3, .storyboard-group-workspace__toolbar > strong,
  .sound-studio h2, .sound-studio h3, .sound-studio h4,
  .editing-workspace h1, .editing-workspace h2,
  .post-production h2, .post-production h3, .post-production__row-heading > strong,
  .post-production__artifact > strong, .episode-final h1, .episode-final h2,
  .full-movie h1, .full-movie h2, .full-movie__episode > strong,
  .visual-packaging h1, .visual-packaging h2, .visual-packaging h3,
  .acceptance-workspace h1, .acceptance-workspace h2,
  .evidence-modal__head h3,
  .dialogue-ui-repair > header h3, .dialogue-ui-repair aside > h4,
  .asset-prompt-repair h3, .asset-prompt-repair h4,
  .movie-asset-image-repair h3, .movie-asset-image-repair h4,
  .storyboard-repair h3, .storyboard-repair h4, .storyboard-repair__message-label,
  .storyboard-image-repair h3, .storyboard-image-repair h4,
  .shot-video-repair h3, .shot-video-repair h4,
  .video-prompt-dialog h2, .video-prompt-dialog h3, .video-prompt-dialog h4,
  .hd-color-modal h2, .editing-workspace__dialog h2, .critical-confirm__panel > h3
) {
  font-family: var(--font-sans) !important;
  font-size: var(--production-title-size) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
/* Text actions stay smaller than headings. Icon-only controls retain their glyph rules. */
body[data-current-view="edit"] :is(
  [data-page="edit"], .evidence-modal, .dialogue-ui-repair,
  .asset-prompt-repair, .movie-asset-image-repair, .storyboard-repair,
  .storyboard-image-repair, .shot-video-repair, .video-prompt-dialog,
  .hd-color-modal, .editing-workspace__dialog,
  #episodeScriptAdoptionModal, #dialogueAdoptionModal, #assetProcessingModal,
  #humanActionNoticeModal, #criticalConfirmModal,
  #reviewBatchConfirmModal, #reviewAdmissionNoticeModal
) button:not(:is(
  .story-authoring-send, .dialogue-ui-send,
  [data-asset-repair-send], [data-asset-image-repair-send], [data-repair-send],
  [data-image-repair-send], [data-video-repair-send], [data-image-repair-reference-toggle],
  [data-video-repair-plus], .video-prompt-composer__input > button,
  .movie-asset-prompt-chat-inputbar__plus, .movie-asset-prompt-chat-inputbar__send,
  .visual-packaging__attach, .visual-packaging__send
)) {
  font-family: var(--font-sans) !important;
  font-size: var(--ui-font-button) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}