/* Digital human commercial SaaS console. Scoped to the production page. */
#page-digital-human {
  --dh-ink: #0f172a;
  --dh-muted: #667085;
  --dh-line: rgba(15, 23, 42, .1);
  --dh-line-strong: rgba(37, 99, 235, .26);
  --dh-blue: #2563eb;
  --dh-blue-strong: #1d4ed8;
  --dh-sky: #06b6d4;
  --dh-mint: #10b981;
  --dh-warn: #f59e0b;
  --dh-card: rgba(255, 255, 255, .96);
  --dh-shell: #f5f7fb;
  --dh-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  --dh-shadow-strong: 0 28px 70px rgba(15, 23, 42, .16);
}

#page-digital-human.active {
  min-height: 760px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, .96), rgba(241, 245, 249, .98)),
    #f8fafc;
}

#page-digital-human .digital-human-console {
  display: grid;
  gap: 14px;
  height: calc(100vh - 118px);
  min-height: 720px;
  padding: 4px 0 0;
}

#page-digital-human .digital-human-head {
  min-height: 58px;
  padding: 12px 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 14px 40px rgba(15, 23, 42, .05);
  backdrop-filter: blur(14px);
}

#page-digital-human .dh-title-lockup h1 {
  color: var(--dh-ink);
  font-size: 22px;
  letter-spacing: 0;
}

#page-digital-human .dh-product-icon {
  width: 42px;
  height: 42px;
  color: #fff;
  border-radius: 14px;
  background: linear-gradient(135deg, #1d4ed8, #06b6d4);
  box-shadow: 0 14px 26px rgba(37, 99, 235, .24);
}

#page-digital-human .dh-mode-switch {
  min-height: 40px;
  padding: 4px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 999px;
  background: #eef3fb;
}

#page-digital-human .dh-mode-switch button {
  min-height: 32px;
  padding: 0 15px;
  border-radius: 999px;
  color: #475569;
  font-size: 13px;
  font-weight: 900;
}

#page-digital-human .dh-mode-switch button.active,
#page-digital-human .dh-mode-switch button:hover {
  color: var(--dh-ink);
  background: #fff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
}

#page-digital-human .digital-human-board {
  display: grid;
  grid-template-columns: minmax(320px, .82fr) minmax(420px, 1.08fr) minmax(360px, .9fr);
  gap: 14px;
  min-height: 0;
  height: 100%;
}

#page-digital-human .digital-human-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: var(--dh-card);
  box-shadow: var(--dh-shadow);
}

#page-digital-human .dh-panel-head {
  min-height: 58px;
  padding: 14px 16px 10px;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
}

#page-digital-human .dh-panel-head h2,
#page-digital-human .dh-post-head h2 {
  color: var(--dh-ink);
  font-size: 17px;
  letter-spacing: 0;
}

#page-digital-human .dh-panel-head p,
#page-digital-human .dh-panel-head em {
  display: none;
}

#page-digital-human .dh-panel-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, var(--dh-blue), var(--dh-sky));
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .dh-scroll {
  min-height: 0;
  overflow: auto;
  padding: 14px;
}

#page-digital-human .dh-copy-panel .dh-scroll {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}

#page-digital-human .dh-copy-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 13px;
  background: #f1f5f9;
}

#page-digital-human .dh-copy-tabs button {
  min-height: 34px;
  padding: 0 6px;
  border-radius: 10px;
  color: #475569;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

#page-digital-human .dh-copy-tabs button.active {
  color: var(--dh-blue-strong);
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
}

#page-digital-human .dh-copy-mode-pane {
  min-height: 0;
}

#page-digital-human .dh-copy-mode-pane.active,
#page-digital-human #dhCopyOriginalPane.active {
  display: grid;
  gap: 12px;
}

#page-digital-human .dh-field {
  display: grid;
  gap: 7px;
}

#page-digital-human .dh-field b {
  color: #344054;
  font-size: 12px;
  font-weight: 950;
}

#page-digital-human .dh-field input,
#page-digital-human .dh-field select,
#page-digital-human .dh-field textarea {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 12px;
  background: #fff;
  color: var(--dh-ink);
  font-weight: 760;
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

#page-digital-human .dh-field input,
#page-digital-human .dh-field select {
  min-height: 42px;
  padding: 0 12px;
}

#page-digital-human .dh-field textarea {
  padding: 11px 12px;
  resize: vertical;
}

#page-digital-human .dh-field input:focus,
#page-digital-human .dh-field select:focus,
#page-digital-human .dh-field textarea:focus {
  border-color: rgba(37, 99, 235, .48);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .1);
}

#page-digital-human .dh-script-field textarea {
  min-height: clamp(180px, 28vh, 360px);
  line-height: 1.75;
}

#page-digital-human .dh-two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

#page-digital-human .dh-copy-preview,
#page-digital-human .dh-copy-result-card {
  min-height: 124px;
  max-height: 260px;
  overflow: auto;
  padding: 13px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: linear-gradient(180deg, #fff, #f8fbff);
}

#page-digital-human .dh-copy-empty {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 96px;
  gap: 6px;
  color: #64748b;
  text-align: center;
}

#page-digital-human .dh-copy-empty b {
  color: #334155;
}

#page-digital-human .dh-copy-result-body {
  max-height: 178px;
  overflow: auto;
  color: #1f2937;
  line-height: 1.72;
}

#page-digital-human .dh-copy-original-actions {
  padding: 12px 14px 14px;
  border-top: 1px solid rgba(15, 23, 42, .06);
}

#page-digital-human .dh-copy-original-actions .btn {
  width: 100%;
  min-height: 44px;
}

#page-digital-human .dh-mode-card {
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#page-digital-human .dh-mode-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#page-digital-human .dh-mode-card > header b {
  color: var(--dh-ink);
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .dh-mode-card > header span,
#page-digital-human .dh-quiet-link,
#page-digital-human .dh-details-line {
  display: none;
}

#page-digital-human .dh-segmented,
#page-digital-human .dh-broll-mode-switch {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #eef3fb;
}

#page-digital-human .dh-segmented button,
#page-digital-human .dh-broll-mode-switch button {
  min-height: 34px;
  border-radius: 9px;
  color: #475569;
  font-weight: 900;
}

#page-digital-human .dh-segmented button.active,
#page-digital-human .dh-broll-mode-switch button.active {
  color: var(--dh-blue-strong);
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
}

#page-digital-human .dh-copy-tool-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

#page-digital-human .dh-upload-strip {
  min-height: 74px;
  padding: 0 16px;
  border: 1px dashed rgba(37, 99, 235, .34);
  border-radius: 14px;
  color: var(--dh-blue-strong);
  background: rgba(37, 99, 235, .06);
  font-weight: 1000;
}

#page-digital-human .dh-preview-panel {
  background:
    radial-gradient(circle at 50% 0, rgba(37, 99, 235, .1), transparent 34%),
    #fff;
}

#page-digital-human .dh-preview-panel .dh-scroll {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
}

#page-digital-human .dh-preview-shell {
  display: grid;
  place-items: center;
  min-height: 0;
  padding: 16px 12px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .02), rgba(37, 99, 235, .05)),
    #f8fafc;
}

#page-digital-human .dh-final-preview {
  position: relative;
  width: min(360px, 92%);
  aspect-ratio: 9 / 16;
  min-height: 0;
  max-height: min(64vh, 620px);
  overflow: hidden;
  border: 10px solid #0f172a;
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 10%, rgba(96, 165, 250, .22), transparent 42%),
    linear-gradient(180deg, #172033, #050914);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 30px 70px rgba(15, 23, 42, .25);
}

#page-digital-human .dh-final-preview video,
#page-digital-human .dh-final-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page-digital-human .dh-final-preview .short-preview-social {
  display: none;
}

#page-digital-human .dh-final-preview .short-preview-caption {
  left: 8%;
  right: 8%;
  bottom: 7%;
  max-width: none;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(15, 23, 42, .38);
  backdrop-filter: blur(12px);
}

#page-digital-human .dh-final-preview .short-preview-caption p,
#page-digital-human .dh-final-preview .short-preview-caption div {
  display: none;
}

#page-digital-human .dh-output-mock {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 12px;
  padding: 28px 18px 22px;
  color: #fff;
}

#page-digital-human .dh-mock-title,
#page-digital-human .dh-mock-subtitle {
  justify-self: center;
  max-width: 90%;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .14);
  font-size: 13px;
  font-weight: 950;
  backdrop-filter: blur(10px);
}

#page-digital-human .dh-mock-person {
  display: grid;
  place-items: center;
}

#page-digital-human .empty-video {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  min-height: 140px;
  color: rgba(255, 255, 255, .78);
  text-align: center;
}

#page-digital-human .empty-video b {
  color: #fff;
}

#page-digital-human .dh-output-audio {
  min-height: 86px;
  padding: 12px;
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 16px;
  background:
    radial-gradient(circle at 8% 8%, rgba(37, 99, 235, .14), transparent 36%),
    linear-gradient(135deg, #fff, #f3f8ff);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

#page-digital-human .dh-output-audio-empty,
#page-digital-human .dh-output-audio-progress {
  display: grid;
  gap: 8px;
  color: #475569;
}

#page-digital-human .dh-output-audio-empty b,
#page-digital-human .dh-output-audio-progress b {
  color: var(--dh-ink);
}

#page-digital-human .dh-output-audio audio {
  width: 100%;
  height: 34px;
}

#page-digital-human .dh-output-audio-progress div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#page-digital-human .dh-output-audio-progress i {
  display: block;
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
}

#page-digital-human .dh-output-audio-progress em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--dh-blue), var(--dh-sky));
}

#page-digital-human .dh-output-actions {
  display: grid;
  grid-template-columns: .7fr 1fr .8fr;
  gap: 8px;
  padding: 12px 14px 14px;
  border-top: 1px solid rgba(15, 23, 42, .06);
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  display: grid;
  align-content: start;
  gap: 10px;
}

#page-digital-human .dh-choice-stack {
  display: grid;
  gap: 10px;
}

#page-digital-human .dh-pick-card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 10px;
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0 0, rgba(37, 99, 235, .1), transparent 36%),
    #fff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
}

#page-digital-human .dh-persona-card .dh-pick-icon {
  display: none;
}

#page-digital-human .dh-persona-thumb {
  display: grid;
  place-items: center;
  width: 64px;
  height: 70px;
  overflow: hidden;
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% 0, rgba(37,99,235,.2), transparent 48%),
    linear-gradient(180deg, #eaf1ff, #f8fafc);
}

#page-digital-human .dh-persona-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-persona-thumb span {
  width: 38px;
  height: 46px;
  border-radius: 18px 18px 10px 10px;
  background: linear-gradient(180deg, #bfdbfe, #60a5fa);
}

#page-digital-human .dh-pick-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  color: #fff;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--dh-blue), var(--dh-sky));
  box-shadow: 0 12px 26px rgba(37, 99, 235, .24);
}

#page-digital-human .dh-voice-card .dh-pick-icon {
  background: linear-gradient(135deg, #0f766e, #10b981);
}

#page-digital-human .dh-pick-icon svg,
#page-digital-human .dh-edit-card-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#page-digital-human .dh-pick-kicker {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
}

#page-digital-human .dh-pick-card b {
  display: block;
  overflow: hidden;
  color: var(--dh-ink);
  font-size: 15px;
  font-weight: 1000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-pick-card small {
  display: block;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-voice-wave {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  gap: 4px;
  width: min(138px, 100%);
  height: 16px;
  margin-top: 6px;
}

#page-digital-human .dh-voice-wave i {
  display: block;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, #10b981, #06b6d4);
  opacity: .82;
}

#page-digital-human .dh-voice-wave i:nth-child(2),
#page-digital-human .dh-voice-wave i:nth-child(5) {
  height: 14px;
}

#page-digital-human .dh-voice-wave i:nth-child(3) {
  height: 10px;
}

#page-digital-human .dh-mini-btn {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(37, 99, 235, .2);
  border-radius: 999px;
  color: var(--dh-blue-strong);
  background: rgba(37, 99, 235, .07);
  font-size: 12px;
  font-weight: 950;
}

#page-digital-human .dh-mini-btn:hover {
  background: rgba(37, 99, 235, .12);
}

#page-digital-human .dh-drive-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 13px;
  background: #eef3fb;
}

#page-digital-human .dh-drive-switch button {
  min-height: 34px;
  border-radius: 10px;
  color: #475569;
  font-size: 13px;
  font-weight: 950;
}

#page-digital-human .dh-drive-switch button.active {
  color: var(--dh-blue-strong);
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
}

#page-digital-human .dh-run-status-strip {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

#page-digital-human .dh-run-status-strip span {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 8px;
  min-height: 56px;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #fff;
}

#page-digital-human .dh-run-status-strip i {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border-radius: 999px;
  background: var(--dh-blue);
  box-shadow: 0 0 0 5px rgba(37, 99, 235, .1);
}

#page-digital-human .dh-run-status-strip span:last-child i {
  background: var(--dh-mint);
  box-shadow: 0 0 0 5px rgba(16, 185, 129, .12);
}

#page-digital-human .dh-run-status-strip b,
#page-digital-human .dh-run-status-strip em {
  display: block;
  min-width: 0;
  font-style: normal;
  line-height: 1.3;
}

#page-digital-human .dh-run-status-strip b {
  color: var(--dh-ink);
  font-size: 12px;
  font-weight: 950;
}

#page-digital-human .dh-run-status-strip em {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

#page-digital-human .dh-status-note,
#page-digital-human .dh-workflow-pocket,
#page-digital-human .dh-editor-preview,
#page-digital-human .dh-post-section + .dh-action-row {
  display: none;
}

#page-digital-human .dh-drive-panel {
  display: none;
}

#page-digital-human .dh-drive-panel.active {
  display: block;
}

#page-digital-human .dh-drive-panel-text {
  min-height: 0;
}

#page-digital-human .dh-drive-panel-text .dh-workflow-pocket {
  display: none;
}

#page-digital-human .dh-audio-source-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #fff;
}

#page-digital-human .dh-audio-source-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#page-digital-human .dh-audio-upload-btn {
  display: inline-grid;
  place-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--dh-blue-strong);
  background: rgba(37, 99, 235, .08);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

#page-digital-human .dh-audio-upload-btn input {
  display: none;
}

#page-digital-human .dh-audio-source-list {
  display: grid;
  gap: 8px;
  max-height: 150px;
  overflow: auto;
}

#page-digital-human .dh-audio-source-empty {
  min-height: 48px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #64748b;
  background: #f8fafc;
  font-weight: 850;
}

#page-digital-human .dh-advanced-settings {
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #fff;
}

#page-digital-human .dh-advanced-settings summary {
  min-height: 36px;
  padding: 0 12px;
  color: #475569;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}

#page-digital-human .dh-advanced-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 0 12px 12px;
}

#page-digital-human .dh-control-group {
  display: grid;
  gap: 8px;
}

#page-digital-human .dh-control-group .dh-two-cols {
  grid-template-columns: 1fr;
}

#page-digital-human .dh-control-group-title {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
}

#page-digital-human .dh-avatar-panel > .dh-action-row {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid rgba(15, 23, 42, .06);
  background: rgba(255, 255, 255, .94);
}

#page-digital-human .dh-avatar-panel > .dh-action-row .btn {
  min-height: 44px;
}

#page-digital-human .dh-avatar-panel > .dh-post-section + .dh-action-row {
  display: none;
}

#page-digital-human .dh-post-section {
  display: grid;
  gap: 10px;
  padding-top: 4px;
}

#page-digital-human .dh-post-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#page-digital-human .dh-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#page-digital-human .dh-edit-card {
  position: relative;
  display: grid;
  align-content: end;
  min-height: 144px;
  overflow: hidden;
  padding: 11px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #fff;
  color: var(--dh-ink);
  text-align: left;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

#page-digital-human .dh-edit-card:hover {
  transform: translateY(-2px);
  border-color: var(--dh-line-strong);
  box-shadow: 0 22px 42px rgba(15, 23, 42, .1);
}

#page-digital-human .dh-edit-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .98;
}

#page-digital-human .dh-edit-card > * {
  position: relative;
  z-index: 1;
}

#page-digital-human .dh-edit-card-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

#page-digital-human .dh-edit-card-visual i {
  position: absolute;
  display: block;
  border-radius: 12px;
  background: rgba(255, 255, 255, .75);
  box-shadow: 0 16px 30px rgba(15, 23, 42, .08);
}

#page-digital-human .dh-edit-card-visual i:nth-child(1) {
  width: 58%;
  height: 40px;
  top: 14px;
  right: 12px;
}

#page-digital-human .dh-edit-card-visual i:nth-child(2) {
  width: 38%;
  height: 32px;
  top: 62px;
  right: 22px;
}

#page-digital-human .dh-edit-card-visual i:nth-child(3) {
  width: 32%;
  height: 24px;
  top: 100px;
  left: 18px;
}

#page-digital-human .dh-edit-card-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #fff;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--dh-blue), var(--dh-sky));
  box-shadow: 0 12px 26px rgba(37, 99, 235, .24);
}

#page-digital-human .dh-edit-card strong {
  margin-top: 52px;
  color: var(--dh-ink);
  font-size: 16px;
  font-weight: 1000;
}

#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card small {
  overflow: hidden;
  line-height: 1.25;
}

#page-digital-human .dh-edit-card b {
  margin-top: 4px;
  color: #334155;
  font-size: 12px;
  font-weight: 950;
}

#page-digital-human .dh-edit-card small {
  display: -webkit-box;
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#page-digital-human .dh-edit-card em {
  justify-self: start;
  margin-top: 10px;
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--dh-blue-strong);
  background: rgba(37, 99, 235, .08);
  font-size: 11px;
  font-style: normal;
  font-weight: 1000;
}

#page-digital-human .dh-edit-card-music::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), #fff 72%),
    repeating-linear-gradient(90deg, rgba(37,99,235,.18) 0 4px, transparent 4px 15px),
    linear-gradient(135deg, #eaf5ff 0%, #f7fbff 55%, #eafff6 100%);
}

#page-digital-human .dh-edit-card-broll::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), #fff 72%),
    linear-gradient(135deg, rgba(15,23,42,.16) 0 8%, transparent 8% 17%, rgba(15,23,42,.08) 17% 25%, transparent 25%),
    linear-gradient(135deg, #eef6ff 0%, #effdf6 100%);
}

#page-digital-human .dh-edit-card-subtitle::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), #fff 72%),
    linear-gradient(0deg, transparent 0 46%, rgba(15,23,42,.72) 46% 56%, transparent 56%),
    linear-gradient(135deg, #fff7ed 0%, #eef4ff 100%);
}

#page-digital-human .dh-edit-card-cover::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), #fff 72%),
    radial-gradient(circle at 72% 22%, rgba(245, 158, 11, .28), transparent 30%),
    linear-gradient(135deg, #f8fafc 0%, #e4f2ff 48%, #fff4cc 100%);
}

#page-digital-human .dh-generation-overlay {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: none;
  place-items: center;
  background: rgba(15, 23, 42, .38);
  backdrop-filter: blur(10px);
}

#page-digital-human .dh-generation-overlay.active {
  display: grid;
}

#page-digital-human .dh-generation-card {
  position: relative;
  display: grid;
  gap: 16px;
  width: min(520px, calc(100vw - 42px));
  overflow: hidden;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 15% 0, rgba(6, 182, 212, .28), transparent 40%),
    linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(29, 78, 216, .86));
  box-shadow: 0 34px 90px rgba(15, 23, 42, .38);
}

#page-digital-human .dh-generation-card::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: conic-gradient(from 0deg, transparent, rgba(255,255,255,.18), transparent 22%);
  animation: dhSpin 5s linear infinite;
}

#page-digital-human .dh-generation-card > * {
  position: relative;
  z-index: 1;
}

#page-digital-human .dh-generation-orbit {
  position: absolute;
  right: 26px;
  top: 24px;
  width: 82px;
  height: 82px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
}

#page-digital-human .dh-generation-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

#page-digital-human .dh-generation-mark {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(255,255,255,.16);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
  font-size: 13px;
  font-weight: 1000;
}

#page-digital-human .dh-generation-head b {
  display: block;
  font-size: 22px;
  font-weight: 1000;
}

#page-digital-human .dh-generation-head small {
  color: rgba(255, 255, 255, .78);
  font-size: 14px;
  font-weight: 950;
}

#page-digital-human .dh-generation-bar {
  overflow: hidden;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
}

#page-digital-human .dh-generation-bar i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7dd3fc, #34d399, #facc15);
  transition: width .25s ease;
}

#page-digital-human .dh-generation-card p {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-weight: 780;
}

@keyframes dhSpin {
  to { transform: rotate(360deg); }
}

#page-digital-human .dh-modal-backdrop {
  backdrop-filter: blur(12px);
}

#page-digital-human .dh-picker-modal {
  width: min(1120px, calc(100vw - 52px));
  max-height: calc(100vh - 60px);
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .1);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--dh-shadow-strong);
}

#page-digital-human .dh-picker-head {
  min-height: 62px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}

#page-digital-human .dh-picker-head h2 {
  color: var(--dh-ink);
  font-size: 20px;
  letter-spacing: 0;
}

#page-digital-human .dh-picker-head p,
#page-digital-human #dhCopyToolModalDesc {
  display: none;
}

#page-digital-human .dh-picker-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
}

#page-digital-human .dh-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#page-digital-human .dh-filter-pills button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 999px;
  color: #475569;
  background: #fff;
  font-weight: 900;
}

#page-digital-human .dh-filter-pills button.active {
  color: var(--dh-blue-strong);
  border-color: rgba(37,99,235,.26);
  background: rgba(37,99,235,.08);
}

#page-digital-human .dh-picker-search {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 999px;
  outline: none;
}

#page-digital-human .dh-persona-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-height: calc(100vh - 230px);
  overflow: auto;
  padding: 18px;
  background: #f8fafc;
}

#page-digital-human .dh-persona-option {
  position: relative;
  display: grid;
  gap: 10px;
  min-height: 300px;
  overflow: hidden;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: #fff;
  text-align: left;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .06);
}

#page-digital-human .dh-persona-option.active {
  border-color: rgba(37,99,235,.5);
  box-shadow: 0 0 0 3px rgba(37,99,235,.12), 0 18px 38px rgba(15,23,42,.1);
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(180deg, #eaf1ff, #f8fafc);
}

#page-digital-human .dh-persona-option-media img,
#page-digital-human .dh-persona-option-media video,
#page-digital-human .dh-persona-option-media img[data-video-poster] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-persona-option-body {
  display: grid;
  gap: 5px;
}

#page-digital-human .dh-persona-option b,
#page-digital-human .dh-persona-option em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-persona-option b {
  color: var(--dh-ink);
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .dh-persona-option em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 780;
}

#page-digital-human .dh-persona-option > i {
  position: absolute;
  right: 14px;
  top: 14px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff;
  background: rgba(15, 23, 42, .66);
  font-size: 11px;
  font-style: normal;
  font-weight: 1000;
}

#page-digital-human .dh-persona-option.active > i {
  background: var(--dh-blue);
}

#page-digital-human .dh-voice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-height: calc(100vh - 230px);
  overflow: auto;
  padding: 18px;
  background: #f8fafc;
}

#page-digital-human .dh-voice-option {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 82px;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .05);
}

#page-digital-human .dh-voice-option.active {
  border-color: rgba(16, 185, 129, .42);
  background:
    radial-gradient(circle at 0 0, rgba(16,185,129,.1), transparent 35%),
    #fff;
  box-shadow: 0 0 0 3px rgba(16,185,129,.1), 0 16px 34px rgba(15,23,42,.08);
}

#page-digital-human .dh-voice-option.disabled {
  opacity: .62;
}

#page-digital-human .dh-voice-play {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #0f766e, #10b981);
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .dh-voice-play.playing {
  background: linear-gradient(135deg, #f59e0b, #ef4444);
}

#page-digital-human .dh-voice-main {
  display: grid;
  gap: 7px;
  min-width: 0;
}

#page-digital-human .dh-voice-main::after {
  content: "";
  display: block;
  height: 18px;
  border-radius: 999px;
  background:
    repeating-linear-gradient(90deg, rgba(16,185,129,.66) 0 4px, transparent 4px 11px),
    linear-gradient(90deg, rgba(16,185,129,.1), rgba(37,99,235,.08));
}

#page-digital-human .dh-voice-main b,
#page-digital-human .dh-voice-main em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-voice-main b {
  color: var(--dh-ink);
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .dh-voice-main em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 780;
}

#page-digital-human .dh-voice-select {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--dh-blue-strong);
  background: rgba(37, 99, 235, .08);
  font-size: 12px;
  font-weight: 1000;
}

#page-digital-human .dh-style-modal {
  width: min(1060px, calc(100vw - 52px));
}

#page-digital-human .dh-style-modal-layout {
  display: grid;
  grid-template-columns: minmax(340px, .48fr) minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
  max-height: calc(100vh - 170px);
  overflow: auto;
  padding: 18px;
  background: #f8fafc;
}

#page-digital-human .dh-style-controls {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

#page-digital-human .dh-setting-block {
  padding: 0;
  border: 0;
  background: transparent;
}

#page-digital-human .dh-featured-style-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

#page-digital-human .dh-featured-style-grid button {
  display: grid;
  gap: 9px;
  min-height: 206px;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: #fff;
  text-align: left;
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
}

#page-digital-human .dh-featured-style-grid button.active {
  border-color: rgba(37,99,235,.48);
  box-shadow: 0 0 0 3px rgba(37,99,235,.12), 0 18px 36px rgba(15,23,42,.1);
}

#page-digital-human .dh-style-card-demo {
  position: relative;
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 122px;
  overflow: hidden;
  padding: 14px;
  border-radius: 15px;
  color: #fff;
  background: #111827;
}

#page-digital-human .dh-style-card-demo b,
#page-digital-human .dh-style-card-demo i,
#page-digital-human .dh-style-card-demo em {
  position: relative;
  z-index: 1;
  font-style: normal;
  line-height: 1.08;
}

#page-digital-human .dh-style-card-demo b {
  font-size: 28px;
  font-weight: 1000;
}

#page-digital-human .dh-style-card-demo i {
  color: #fde047;
  font-size: 20px;
  font-weight: 1000;
}

#page-digital-human .dh-style-card-demo em {
  justify-self: start;
  padding: 4px 8px;
  border-radius: 999px;
  background: #dc2626;
  font-size: 12px;
  font-weight: 950;
}

#page-digital-human .dh-style-card-viral {
  background:
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.48)),
    linear-gradient(135deg, #334155, #0f172a);
}

#page-digital-human .dh-style-card-viral b,
#page-digital-human .dh-preview-title.title-viral {
  color: #fff;
  -webkit-text-stroke: 1.4px #05070d;
  text-shadow: 0 3px 0 #05070d, 0 8px 18px rgba(0,0,0,.36);
  background: transparent;
  border: 0;
  box-shadow: none;
}

#page-digital-human .dh-style-card-business {
  color: #162033;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(235,244,255,.9)),
    linear-gradient(135deg, #fff, #eef6ff);
}

#page-digital-human .dh-style-card-business b,
#page-digital-human .dh-style-card-business i {
  color: #14213d;
  -webkit-text-stroke: 0;
  text-shadow: none;
}

#page-digital-human .dh-style-card-business em {
  color: #2456d6;
  background: rgba(37,99,235,.1);
}

#page-digital-human .dh-featured-style-grid strong {
  color: var(--dh-ink);
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .dh-featured-style-grid small {
  color: #64748b;
  font-size: 12px;
  font-weight: 780;
}

#page-digital-human .dh-advanced-style-settings {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

#page-digital-human .dh-style-preview-side {
  display: grid;
  place-items: center;
  min-height: 520px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0, rgba(37,99,235,.12), transparent 36%),
    #fff;
  box-shadow: 0 18px 40px rgba(15,23,42,.07);
}

#page-digital-human .dh-live-style-preview {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 20px;
}

#page-digital-human .dh-preview-phone {
  position: relative;
  width: min(310px, 78%);
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 9px solid #0f172a;
  border-radius: 30px;
  background: linear-gradient(180deg, #172033, #050914);
  box-shadow: 0 26px 60px rgba(15,23,42,.25);
}

#page-digital-human .dh-preview-phone video,
#page-digital-human .dh-preview-phone img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page-digital-human .dh-preview-layer,
#page-digital-human .dh-output-style-layer {
  position: absolute;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.26), transparent 38%, rgba(0,0,0,.3));
}

#page-digital-human .dh-preview-title {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 7%;
  z-index: 2;
  color: #fff;
  font-size: var(--dh-title-size, 28px);
  font-weight: 1000;
  line-height: 1.05;
  text-align: center;
}

#page-digital-human .dh-preview-title.title-brand {
  left: 9%;
  right: auto;
  max-width: 72%;
  padding: 9px 11px;
  color: #14213d;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 14px;
  text-align: left;
  box-shadow: 0 12px 24px rgba(15,23,42,.18);
}

#page-digital-human .dh-preview-subtitle {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 9%;
  z-index: 2;
  color: #fff;
  font-size: var(--dh-subtitle-size, 16px);
  font-weight: 950;
  line-height: 1.35;
  text-align: center;
}

#page-digital-human .dh-preview-subtitle.style-stroke {
  -webkit-text-stroke: 1px rgba(0,0,0,.95);
  text-shadow: 0 3px 0 rgba(0,0,0,.76), 0 8px 16px rgba(0,0,0,.42);
}

#page-digital-human .dh-preview-subtitle.style-clean {
  left: 10%;
  right: 10%;
  padding: 8px 10px;
  color: #111827;
  background: rgba(255,255,255,.92);
  border-radius: 14px;
  box-shadow: 0 12px 24px rgba(15,23,42,.16);
}

#page-digital-human .dh-preview-note {
  display: none;
}

#page-digital-human .dh-cover-modal .dh-style-modal-layout {
  grid-template-columns: minmax(430px, .56fr) minmax(0, 1fr);
}

#page-digital-human .dh-cover-style-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#page-digital-human .dh-cover-style-grid button {
  display: grid;
  gap: 8px;
  min-height: 256px;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: #fff;
  text-align: left;
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
}

#page-digital-human .dh-cover-style-grid button.active {
  border-color: rgba(37,99,235,.48);
  box-shadow: 0 0 0 3px rgba(37,99,235,.12), 0 18px 36px rgba(15,23,42,.1);
}

#page-digital-human .dh-cover-style-grid img {
  width: 100%;
  aspect-ratio: 9 / 12;
  border-radius: 14px;
  object-fit: cover;
  object-position: center;
}

#page-digital-human .dh-cover-style-grid b {
  color: var(--dh-ink);
  font-size: 14px;
  font-weight: 1000;
}

#page-digital-human .dh-cover-style-grid span {
  color: #64748b;
  font-size: 12px;
  font-weight: 780;
}

#page-digital-human .dh-cover-setting > .dh-field:not(.dh-cover-prompt-field) {
  margin-top: 12px;
}

#page-digital-human .dh-cover-prompt-field {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

#page-digital-human .dh-cover-live-preview .dh-cover-canvas {
  width: min(360px, 72%);
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: 26px;
  background: #0f172a;
  box-shadow: 0 26px 62px rgba(15,23,42,.2);
}

#page-digital-human .dh-cover-live-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page-digital-human .dh-broll-modal {
  width: min(1180px, calc(100vw - 52px));
}

#page-digital-human .dh-broll-layout {
  display: grid;
  grid-template-columns: minmax(420px, .52fr) minmax(0, 1fr);
  gap: 16px;
  max-height: calc(100vh - 170px);
  overflow: hidden;
  padding: 18px;
  background: #f8fafc;
}

#page-digital-human .dh-broll-source,
#page-digital-human .dh-broll-plan-side {
  min-height: 0;
  overflow: auto;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(15,23,42,.05);
}

#page-digital-human .dh-broll-source {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 14px;
}

#page-digital-human .dh-broll-mode-switch {
  grid-template-columns: 1fr 1fr;
}

#page-digital-human .dh-broll-source .dh-field textarea {
  min-height: 80px;
}

#page-digital-human .dh-broll-rule-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

#page-digital-human .dh-broll-rule-details {
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #f8fafc;
}

#page-digital-human .dh-broll-rule-details summary {
  min-height: 36px;
  padding: 0 12px;
  color: #475569;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

#page-digital-human .dh-broll-rule-details .dh-broll-rule-grid {
  padding: 0 10px 10px;
}

#page-digital-human .dh-broll-local-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

#page-digital-human .dh-broll-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#page-digital-human .dh-broll-material-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-height: 280px;
  overflow: auto;
}

#page-digital-human .dh-broll-plan-side {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 14px;
}

#page-digital-human .dh-broll-plan-tools {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

#page-digital-human .dh-broll-plan-tools span {
  overflow: hidden;
  color: #64748b;
  font-size: 13px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-broll-plan-preview {
  overflow: auto;
  padding-right: 2px;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-row {
  grid-template-columns: 28px minmax(0, 1fr) minmax(112px, .34fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 14px;
  background: #f8fafc;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-time,
#page-digital-human .dh-broll-plan-preview .btn.tiny {
  display: none;
}

#page-digital-human .broll-plan-empty {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 240px;
  gap: 7px;
  padding: 24px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0, rgba(37,99,235,.12), transparent 42%),
    #f8fafc;
  color: #475569;
  text-align: center;
}

#page-digital-human .dh-music-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-height: calc(100vh - 260px);
  overflow: auto;
  padding: 4px;
}

#page-digital-human .dh-music-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 82px;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #fff;
  text-align: left;
  box-shadow: 0 12px 26px rgba(15,23,42,.05);
}

#page-digital-human .dh-music-card.active {
  border-color: rgba(37,99,235,.42);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1), 0 16px 34px rgba(15,23,42,.08);
}

#page-digital-human .dh-music-play {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(135deg, var(--dh-blue), var(--dh-sky));
  font-weight: 1000;
}

#page-digital-human .dh-music-card.playing .dh-music-play {
  background: linear-gradient(135deg, #f59e0b, #ef4444);
}

#page-digital-human .dh-music-card b,
#page-digital-human .dh-music-card small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-music-card b {
  color: var(--dh-ink);
  font-weight: 1000;
}

#page-digital-human .dh-music-card small {
  color: #64748b;
  font-size: 12px;
}

#page-digital-human .dh-music-state {
  grid-column: 1 / -1;
  color: var(--dh-blue-strong);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

#page-digital-human .dh-music-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
}

#page-digital-human .dh-music-current {
  display: grid;
  gap: 4px;
}

#page-digital-human .dh-music-current b {
  color: var(--dh-ink);
}

#page-digital-human .dh-music-current span {
  color: #64748b;
  font-size: 12px;
  font-weight: 780;
}

#page-digital-human .dh-music-volume {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: #475569;
  font-size: 12px;
  font-weight: 900;
}

#page-digital-human .dh-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid rgba(15, 23, 42, .08);
}

#page-digital-human .dh-picker-empty {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 220px;
  gap: 8px;
  color: #64748b;
  text-align: center;
  grid-column: 1 / -1;
}

@media (max-width: 1420px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(300px, .85fr) minmax(370px, 1fr) minmax(330px, .92fr);
  }

  #page-digital-human .dh-edit-card {
    min-height: 138px;
  }

  #page-digital-human .dh-persona-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  #page-digital-human .digital-human-console {
    height: auto;
  }

  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr;
  }

  #page-digital-human .digital-human-panel {
    min-height: 620px;
  }

  #page-digital-human .dh-picker-toolbar,
  #page-digital-human .dh-style-modal-layout,
  #page-digital-human .dh-cover-modal .dh-style-modal-layout,
  #page-digital-human .dh-broll-layout,
  #page-digital-human .dh-music-toolbar {
    grid-template-columns: 1fr;
  }

  #page-digital-human .dh-persona-grid,
  #page-digital-human .dh-voice-grid,
  #page-digital-human .dh-music-grid {
    grid-template-columns: 1fr;
  }
}



/* SaaS console v9: product-grade digital human studio. */
#page-digital-human {
  --dh-v9-ink: #101828;
  --dh-v9-muted: #667085;
  --dh-v9-line: rgba(16, 24, 40, .09);
  --dh-v9-bg: #f4f6fa;
  --dh-v9-blue: #3157ff;
  --dh-v9-cyan: #0ea5e9;
  --dh-v9-green: #14b8a6;
  --dh-v9-shadow: 0 22px 56px rgba(16, 24, 40, .10);
}

#page-digital-human.active {
  background:
    radial-gradient(circle at 22% 0, rgba(49, 87, 255, .08), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(20, 184, 166, .10), transparent 30%),
    var(--dh-v9-bg);
}

#page-digital-human .digital-human-console {
  height: calc(100vh - 88px);
  min-height: 740px;
  gap: 12px;
}

#page-digital-human .digital-human-head {
  min-height: 52px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 18px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 16px 40px rgba(16, 24, 40, .07);
}

#page-digital-human .dh-product-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 62% 38%, rgba(255,255,255,.94) 0 6%, transparent 6.5%),
    linear-gradient(145deg, #172554, #3157ff 52%, #0ea5e9);
}

#page-digital-human .dh-title-lockup h1 {
  font-size: 22px;
  font-weight: 1000;
}

#page-digital-human .dh-mode-switch {
  background: #edf1f7;
}

#page-digital-human .digital-human-board {
  grid-template-columns: minmax(340px, .88fr) minmax(500px, 1.2fr) minmax(360px, .86fr);
  gap: 12px;
}

#page-digital-human .digital-human-panel {
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 22px;
  background: rgba(255,255,255,.9);
  box-shadow: var(--dh-v9-shadow);
}

#page-digital-human .dh-avatar-panel {
  grid-template-rows: auto auto auto minmax(230px, 1fr) auto;
}

#page-digital-human .dh-panel-head {
  min-height: 50px;
  padding: 12px 16px 8px;
  border-bottom: 0;
}

#page-digital-human .dh-panel-icon {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #172554, #3157ff);
}

#page-digital-human .dh-scroll {
  padding: 12px;
}

#page-digital-human .dh-copy-panel .dh-scroll {
  gap: 10px;
  overflow: hidden;
}

#page-digital-human .dh-copy-tabs {
  padding: 4px;
  border-radius: 14px;
  background: #eef2f7;
}

#page-digital-human .dh-copy-tabs button {
  min-height: 34px;
  border-radius: 11px;
  color: #667085;
}

#page-digital-human .dh-copy-tabs button.active {
  color: #101828;
  background: #fff;
  box-shadow: 0 8px 20px rgba(16, 24, 40, .08);
}

#page-digital-human .dh-copy-mode-pane.active,
#page-digital-human #dhCopyOriginalPane.active {
  display: grid;
  grid-template-rows: auto auto minmax(118px, .7fr) minmax(120px, 1fr);
  gap: 10px;
  min-height: 0;
}

#page-digital-human #dhCopyRewritePane.active,
#page-digital-human #dhCopyRadarPane.active,
#page-digital-human #dhCopyLibraryPane.active {
  grid-template-rows: minmax(0, 1fr);
}

#page-digital-human .dh-mode-card {
  min-height: 0;
  padding: 12px;
  border-radius: 18px;
  overflow: hidden;
}

#page-digital-human .dh-field b {
  margin-bottom: 6px;
  color: #344054;
  font-size: 12px;
}

#page-digital-human .dh-field input,
#page-digital-human .dh-field select,
#page-digital-human .dh-field textarea {
  border-radius: 14px;
  background: #f8fafc;
}

#page-digital-human .dh-script-field textarea {
  min-height: 112px;
}

#page-digital-human .dh-copy-preview,
#page-digital-human .dh-copy-result-card {
  min-height: 118px;
  max-height: 100%;
  border-radius: 18px;
  overflow: auto;
}

#page-digital-human .dh-copy-result-body {
  color: #1d2939;
  background: transparent;
  line-height: 1.72;
}

#page-digital-human .dh-copy-original-actions {
  padding: 0 12px 12px;
}

#page-digital-human .dh-copy-original-actions .btn {
  min-height: 48px;
  border-radius: 15px;
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  display: grid;
  grid-template-rows: auto auto;
  align-content: start;
  gap: 12px;
  overflow: hidden;
}

#page-digital-human .dh-studio-stage {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#page-digital-human .dh-flow-strip {
  display: none;
}

#page-digital-human .dh-production-hero {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 12px;
}

#page-digital-human .dh-selected-asset-card {
  min-height: 188px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(16, 24, 40, .10);
  transition: transform .18s ease, box-shadow .18s ease;
}

#page-digital-human .dh-selected-asset-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 54px rgba(16, 24, 40, .14);
}

#page-digital-human .dh-selected-persona-card {
  display: grid;
  grid-template-columns: minmax(112px, .62fr) minmax(0, .9fr);
  grid-template-rows: 1fr auto;
  gap: 12px;
  min-height: 292px;
  background:
    radial-gradient(circle at 30% 8%, rgba(49,87,255,.16), transparent 30%),
    linear-gradient(155deg, #ffffff 0%, #f2f6ff 48%, #edfdfb 100%);
}

#page-digital-human .dh-selected-persona-visual {
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 218px;
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,.75)),
    #e8eefb;
}

#page-digital-human .dh-selected-persona-visual img,
#page-digital-human .dh-selected-persona-visual video,
#page-digital-human .dh-selected-persona-media img,
#page-digital-human .dh-selected-persona-media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-selected-sound-shell {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
  min-height: 292px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#page-digital-human .dh-selected-sound-shell .dh-drive-switch {
  min-height: 44px;
  padding: 4px;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 999px;
  background: #e9eef7;
}

#page-digital-human .dh-selected-sound-shell .dh-drive-switch button {
  min-height: 36px;
  border-radius: 999px;
  font-size: 13px;
}

#page-digital-human .dh-selected-voice-card,
#page-digital-human .dh-selected-audio-card {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  gap: 12px;
  min-height: 238px;
  background:
    radial-gradient(circle at 22% 12%, rgba(20,184,166,.22), transparent 28%),
    linear-gradient(150deg, #ffffff, #effcf9 54%, #f4f7ff);
}

#page-digital-human [data-dh-drive-card][hidden] {
  display: none !important;
}

#page-digital-human .dh-selected-voice-visual,
#page-digital-human .dh-selected-audio-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 128px;
  height: auto;
  min-height: 160px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 32%, rgba(255,255,255,.45), transparent 30%),
    linear-gradient(145deg, #0f766e, #14b8a6);
}

#page-digital-human .dh-selected-audio-visual {
  background:
    radial-gradient(circle at 50% 32%, rgba(255,255,255,.40), transparent 30%),
    linear-gradient(145deg, #1d4ed8, #7c3aed);
}

#page-digital-human .dh-selected-voice-visual i,
#page-digital-human .dh-selected-audio-visual i {
  width: 7px;
  min-height: 22px;
  margin: 0 3px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
}

#page-digital-human .dh-selected-voice-visual i:nth-child(2n),
#page-digital-human .dh-selected-audio-visual i:nth-child(2n) {
  min-height: 62px;
}

#page-digital-human .dh-selected-voice-visual i:nth-child(3n),
#page-digital-human .dh-selected-audio-visual i:nth-child(3n) {
  min-height: 92px;
}

#page-digital-human .dh-selected-asset-copy {
  align-self: center;
}

#page-digital-human .dh-selected-asset-copy em {
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  color: #344054;
  background: rgba(255,255,255,.76);
  font-size: 12px;
  font-weight: 950;
}

#page-digital-human .dh-selected-asset-copy b {
  color: #101828;
  font-size: 24px;
  line-height: 1.15;
  white-space: normal;
}

#page-digital-human .dh-selected-asset-copy small {
  color: #667085;
  font-size: 12px;
  white-space: normal;
}

#page-digital-human .dh-selected-asset-card > i {
  justify-self: start;
  align-self: end;
  padding: 8px 12px;
  border-radius: 999px;
  color: #fff;
  background: #101828;
  font-style: normal;
  font-weight: 950;
}

#page-digital-human .dh-advanced-settings {
  border-radius: 16px;
  background: rgba(255,255,255,.74);
}

#page-digital-human .dh-advanced-settings summary {
  min-height: 42px;
  color: #475467;
  font-size: 13px;
}

#page-digital-human .dh-generate-actions {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 10px;
  padding: 0 12px 12px;
}

#page-digital-human .dh-generate-actions .btn {
  min-height: 52px;
  border-radius: 16px;
}

#page-digital-human .dh-post-section {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  margin: 0 12px 12px;
  padding: 12px;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,250,252,.94)),
    #fff;
}

#page-digital-human .dh-post-head {
  min-height: 28px;
  padding: 0 0 10px;
}

#page-digital-human .dh-post-head h2 {
  font-size: 16px;
}

#page-digital-human .dh-edit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-height: 0;
}

#page-digital-human .dh-edit-card {
  min-height: 154px;
  padding: 14px;
  border-radius: 20px;
  box-shadow: 0 18px 42px rgba(16, 24, 40, .14);
}

#page-digital-human .dh-edit-card-music {
  background:
    linear-gradient(180deg, rgba(10,15,31,.02), rgba(10,15,31,.62)),
    url("./assets/image-design/showcases/performance-stream-cover.jpg") center/cover;
}

#page-digital-human .dh-edit-card-broll {
  background:
    linear-gradient(180deg, rgba(10,15,31,.02), rgba(10,15,31,.68)),
    url("./assets/image-design/showcases/product-tvc-storyboard.jpg") center/cover;
}

#page-digital-human .dh-edit-card-subtitle {
  background:
    linear-gradient(180deg, rgba(10,15,31,.02), rgba(10,15,31,.68)),
    url("./assets/video-style-refs/ref-red-yellow.webp") center/cover;
}

#page-digital-human .dh-edit-card-cover {
  background:
    linear-gradient(180deg, rgba(10,15,31,.02), rgba(10,15,31,.68)),
    url("./assets/digital-human/covers/image2-people-title.jpg") center/cover;
}

#page-digital-human .dh-edit-card strong,
#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card small,
#page-digital-human .dh-edit-card em {
  color: #fff;
  text-shadow: 0 1px 12px rgba(0,0,0,.28);
}

#page-digital-human .dh-edit-card strong {
  font-size: 20px;
}

#page-digital-human .dh-edit-card-icon {
  color: #101828;
  background: rgba(255,255,255,.92);
}

#page-digital-human .dh-preview-shell {
  display: grid;
  place-items: center;
  padding: 8px 6px;
}

#page-digital-human .dh-final-preview {
  width: min(330px, 90%);
  aspect-ratio: 9 / 16;
  border-radius: 36px;
  box-shadow: 0 24px 60px rgba(16, 24, 40, .18);
}

#page-digital-human .dh-output-audio {
  min-height: 108px;
  margin: 10px 2px 0;
  padding: 14px;
  border: 1px solid rgba(49, 87, 255, .12);
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 14%, rgba(49,87,255,.14), transparent 28%),
    linear-gradient(135deg, #fff, #f7fbff);
}

#page-digital-human .dh-output-audio audio {
  width: 100%;
  height: 36px;
}

#page-digital-human .dh-output-audio-ready {
  display: grid;
  gap: 10px;
}

#page-digital-human .dh-output-audio-ready-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

#page-digital-human .dh-output-audio-ready-head b {
  display: block;
  color: #101828;
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .dh-output-audio-ready-head small {
  display: block;
  max-width: 210px;
  overflow: hidden;
  color: #667085;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-output-audio-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: linear-gradient(145deg, #172554, #3157ff);
}

#page-digital-human .dh-output-audio-mark i {
  display: block;
  width: 4px;
  height: 12px;
  border-radius: 999px;
  background: #fff;
}

#page-digital-human .dh-output-audio-mark i:nth-child(2) { height: 22px; }
#page-digital-human .dh-output-audio-mark i:nth-child(3) { height: 16px; }
#page-digital-human .dh-output-audio-mark i:nth-child(4) { height: 26px; }

#page-digital-human .dh-output-audio-ready .avatar-audio-mini-result {
  padding: 0;
}

#page-digital-human .dh-output-audio-ready .avatar-audio-result-head {
  display: none;
}

#page-digital-human .dh-output-actions {
  grid-template-columns: .76fr 1.08fr .76fr;
  gap: 8px;
  padding: 0 12px 12px;
}

#page-digital-human .dh-output-actions .btn {
  min-height: 44px;
  border-radius: 14px;
}

#page-digital-human .dh-picker-modal {
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 26px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 34px 100px rgba(16, 24, 40, .26);
  max-height: calc(100vh - 72px);
  overflow: hidden;
}

#page-digital-human .dh-persona-modal,
#page-digital-human .dh-voice-modal {
  height: calc(100vh - 72px) !important;
}

#page-digital-human .dh-picker-head {
  padding: 14px 18px 8px;
  border-bottom: 0;
}

#page-digital-human .dh-picker-head h2 {
  font-size: 20px;
}

#page-digital-human .dh-picker-head p,
#page-digital-human #dhCopyToolModalDesc,
#page-digital-human .dh-featured-style-grid small,
#page-digital-human .dh-cover-style-grid span,
#page-digital-human .dh-broll-rule-details {
  display: none !important;
}

#page-digital-human .dh-picker-toolbar {
  padding: 0 18px 12px;
}

#page-digital-human .dh-picker-split {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .34fr);
  gap: 16px;
  padding: 0 18px 18px;
}

#page-digital-human .dh-persona-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-height: calc(100vh - 292px);
  overflow: auto;
}

#page-digital-human .dh-persona-option {
  min-height: 292px;
  border-radius: 20px;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 218px;
}

#page-digital-human .dh-persona-option-media img,
#page-digital-human .dh-persona-option-media video {
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-picker-preview {
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 8%, rgba(49,87,255,.12), transparent 30%),
    #f7f9fc;
}

#page-digital-human .dh-picker-preview-media {
  min-height: 390px;
  display: grid;
  place-items: end center;
}

#page-digital-human .dh-picker-preview-media img,
#page-digital-human .dh-picker-preview-media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-voice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

#page-digital-human .dh-voice-option {
  min-height: 112px;
  border-radius: 18px;
}

#page-digital-human .dh-style-modal,
#page-digital-human .dh-broll-modal {
  width: min(1180px, calc(100vw - 56px));
}

#page-digital-human .dh-style-modal-layout,
#page-digital-human .dh-cover-modal .dh-style-modal-layout,
#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(300px, .34fr) minmax(0, 1fr);
  gap: 16px;
  padding: 14px 18px 18px;
  max-height: calc(100vh - 160px);
  background: #f6f8fb;
}

#page-digital-human .dh-featured-style-grid {
  display: grid;
  gap: 14px;
}

#page-digital-human .dh-featured-style-grid button {
  min-height: 240px;
  padding: 12px;
  border-radius: 22px;
}

#page-digital-human .dh-style-card-demo {
  min-height: 156px;
  border-radius: 18px;
}

#page-digital-human .dh-style-card-demo b {
  font-size: 32px;
}

#page-digital-human .dh-style-preview-side {
  display: grid;
  place-items: center;
  min-height: 600px;
  border-radius: 24px;
}

#page-digital-human .dh-preview-phone {
  width: min(340px, 74%);
  border-radius: 34px;
}

#page-digital-human .dh-cover-style-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#page-digital-human .dh-cover-style-grid button {
  min-height: 210px;
  padding: 8px;
  border-radius: 20px;
}

#page-digital-human .dh-cover-style-grid button img {
  height: 164px;
  border-radius: 16px;
  object-fit: cover;
}

#page-digital-human .dh-cover-style-grid b {
  font-size: 13px;
}

#page-digital-human .dh-broll-source,
#page-digital-human .dh-broll-plan-side {
  border-radius: 22px;
}

#page-digital-human .dh-broll-source {
  grid-template-rows: auto auto auto minmax(0, 1fr);
}

#page-digital-human .dh-broll-mode-switch {
  min-height: 42px;
  border-radius: 16px;
}

#page-digital-human .dh-broll-local-actions {
  gap: 10px;
}

#page-digital-human .dh-broll-material-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: 390px;
}

#page-digital-human .dh-broll-plan-preview {
  max-height: 608px;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-row {
  grid-template-columns: 28px minmax(120px, 1fr) minmax(150px, .64fr) 72px 72px;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-row .btn.tiny {
  display: none;
}

@media (max-width: 1540px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(320px, .82fr) minmax(430px, 1.1fr) minmax(340px, .84fr);
  }

  #page-digital-human .dh-production-hero {
    grid-template-columns: 1fr;
  }

  #page-digital-human .dh-selected-persona-card,
  #page-digital-human .dh-selected-sound-shell {
    min-height: 228px;
  }

  #page-digital-human .dh-selected-persona-visual {
    min-height: 170px;
  }

  #page-digital-human .dh-selected-voice-card,
  #page-digital-human .dh-selected-audio-card {
    min-height: 170px;
  }

  #page-digital-human .dh-edit-card {
    min-height: 138px;
  }
}

@media (max-width: 1180px) {
  #page-digital-human .digital-human-console {
    height: auto;
  }

  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr;
  }

  #page-digital-human .dh-avatar-panel .dh-scroll,
  #page-digital-human .dh-output-panel .dh-scroll,
  #page-digital-human .dh-copy-panel .dh-scroll {
    overflow: visible;
  }

  #page-digital-human .dh-production-hero,
  #page-digital-human .dh-style-modal-layout,
  #page-digital-human .dh-cover-modal .dh-style-modal-layout,
  #page-digital-human .dh-broll-layout,
  #page-digital-human .dh-picker-split {
    grid-template-columns: 1fr;
  }
}

/* v8 commercial SaaS production console. */
#page-digital-human {
  --dh-v8-ink: #111827;
  --dh-v8-muted: #667085;
  --dh-v8-line: rgba(17, 24, 39, .1);
  --dh-v8-soft: #f6f8fb;
  --dh-v8-primary: #3f5bf6;
  --dh-v8-deep: #172554;
  --dh-v8-teal: #0f766e;
}

#page-digital-human .digital-human-console {
  height: calc(100vh - 92px) !important;
  min-height: 724px !important;
  gap: 10px !important;
}

#page-digital-human .digital-human-head {
  min-height: 50px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,248,255,.94)) !important;
}

#page-digital-human .dh-product-icon,
#page-digital-human .dh-panel-icon {
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #0ea5a4) !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .22) !important;
}

#page-digital-human .dh-panel-icon {
  font-size: 0 !important;
}

#page-digital-human .dh-panel-icon::before {
  content: "";
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: radial-gradient(circle at 50% 35%, #000 0 4px, transparent 4.5px),
    radial-gradient(ellipse at 50% 86%, #000 0 9px, transparent 9.5px);
  mask: radial-gradient(circle at 50% 35%, #000 0 4px, transparent 4.5px),
    radial-gradient(ellipse at 50% 86%, #000 0 9px, transparent 9.5px);
}

#page-digital-human .dh-output-panel .dh-panel-icon::before {
  -webkit-mask: polygon(28% 18%, 82% 50%, 28% 82%);
  mask: polygon(28% 18%, 82% 50%, 28% 82%);
}

#page-digital-human .dh-copy-panel .dh-panel-icon::before {
  -webkit-mask: linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0);
  clip-path: polygon(12% 74%, 68% 18%, 84% 34%, 28% 90%, 10% 92%);
}

#page-digital-human .digital-human-board {
  grid-template-columns: minmax(340px, .92fr) minmax(430px, 1.08fr) minmax(360px, .88fr) !important;
  grid-template-areas: "copy avatar output" !important;
  gap: 12px !important;
}

#page-digital-human .digital-human-panel {
  border-radius: 18px !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 22px 52px rgba(17, 24, 39, .08) !important;
  overflow: hidden !important;
}

#page-digital-human .dh-panel-head {
  min-height: 48px !important;
  padding: 10px 14px 8px !important;
}

#page-digital-human .dh-panel-head h2 {
  font-size: 17px !important;
}

#page-digital-human .dh-scroll {
  padding: 10px 12px !important;
}

#page-digital-human .dh-copy-panel .dh-scroll {
  overflow: auto !important;
}

#page-digital-human .dh-copy-tabs {
  gap: 6px !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: #f2f5fa !important;
}

#page-digital-human .dh-copy-tabs button {
  min-height: 34px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

#page-digital-human .dh-copy-mode-pane,
#page-digital-human .dh-mode-card {
  min-height: 0 !important;
}

#page-digital-human .dh-mode-card {
  display: grid !important;
  gap: 10px !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#page-digital-human .dh-mode-card header {
  display: none !important;
}

#page-digital-human .dh-field {
  border-radius: 14px !important;
}

#page-digital-human .dh-topic-field input {
  min-height: 42px !important;
  font-size: 15px !important;
}

#page-digital-human .dh-script-field textarea {
  min-height: 176px !important;
}

#page-digital-human .dh-copy-result-card {
  max-height: 190px !important;
  overflow: auto !important;
  border-radius: 15px !important;
  background: #fff !important;
}

#page-digital-human .dh-copy-result-body {
  max-height: 92px !important;
  overflow: auto !important;
  line-height: 1.68 !important;
}

#page-digital-human .dh-avatar-panel {
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  overflow: hidden !important;
}

#page-digital-human .dh-production-studio {
  display: grid !important;
  gap: 10px !important;
}

#page-digital-human .dh-flow-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#page-digital-human .dh-flow-strip span {
  min-height: 30px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  background: #f7f9fc !important;
}

#page-digital-human .dh-flow-strip i {
  width: 8px !important;
  height: 8px !important;
  font-size: 0 !important;
  background: #cbd5e1 !important;
}

#page-digital-human .dh-flow-strip span.active i {
  background: var(--dh-v8-primary) !important;
}

#page-digital-human .dh-production-hero {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 10px !important;
}

#page-digital-human .dh-selected-asset-card {
  position: relative !important;
  display: grid !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: var(--dh-v8-ink) !important;
  box-shadow: 0 16px 34px rgba(17, 24, 39, .08) !important;
  cursor: pointer !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

#page-digital-human .dh-selected-asset-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(63, 91, 246, .28) !important;
  box-shadow: 0 20px 42px rgba(17, 24, 39, .12) !important;
}

#page-digital-human .dh-selected-persona-card {
  grid-template-rows: 190px auto !important;
  min-height: 286px !important;
  padding: 10px !important;
  overflow: hidden !important;
}

#page-digital-human .dh-selected-persona-visual {
  display: block !important;
  height: 190px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(63,91,246,.16), transparent 34%),
    linear-gradient(180deg, #edf4ff, #f8fafc) !important;
}

#page-digital-human .dh-selected-persona-visual img,
#page-digital-human .dh-selected-persona-visual video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  display: block !important;
}

#page-digital-human .dh-selected-sound-shell {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 286px !important;
}

#page-digital-human .dh-drive-switch {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  min-height: 40px !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: #eef2f8 !important;
}

#page-digital-human .dh-drive-switch button {
  border-radius: 11px !important;
  font-weight: 950 !important;
}

#page-digital-human .dh-selected-voice-card,
#page-digital-human .dh-selected-audio-card {
  min-height: 236px !important;
  padding: 16px !important;
  overflow: hidden !important;
  align-content: space-between !important;
  background:
    radial-gradient(circle at 22% 12%, rgba(14,165,164,.2), transparent 34%),
    linear-gradient(135deg, #ffffff, #f4fffd) !important;
}

#page-digital-human .dh-selected-audio-card {
  background:
    radial-gradient(circle at 22% 12%, rgba(63,91,246,.18), transparent 34%),
    linear-gradient(135deg, #ffffff, #f6f7ff) !important;
}

#page-digital-human .dh-selected-voice-visual,
#page-digital-human .dh-selected-audio-visual {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 92px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.68) !important;
}

#page-digital-human .dh-selected-voice-visual i,
#page-digital-human .dh-selected-audio-visual i {
  display: block !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #0f766e, #14b8a6) !important;
}

#page-digital-human .dh-selected-audio-visual i {
  background: linear-gradient(180deg, #3f5bf6, #7c3aed) !important;
}

#page-digital-human .dh-selected-voice-visual i:nth-child(2n),
#page-digital-human .dh-selected-audio-visual i:nth-child(2n) { height: 54px !important; }
#page-digital-human .dh-selected-voice-visual i:nth-child(3n),
#page-digital-human .dh-selected-audio-visual i:nth-child(3n) { height: 78px !important; }

#page-digital-human .dh-selected-asset-copy {
  display: grid !important;
  gap: 5px !important;
  text-align: left !important;
}

#page-digital-human .dh-selected-asset-copy em {
  color: var(--dh-v8-muted) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

#page-digital-human .dh-selected-asset-copy b {
  color: var(--dh-v8-ink) !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-selected-asset-copy small {
  color: var(--dh-v8-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#page-digital-human .dh-selected-asset-card > i {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--dh-v8-primary) !important;
  background: rgba(63, 91, 246, .1) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-studio-persona-grid[hidden],
#page-digital-human .dh-studio-voice-grid[hidden],
#page-digital-human .dh-drive-panel {
  display: none !important;
}

#page-digital-human .dh-advanced-settings {
  display: block !important;
  border-radius: 14px !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  background: #fff !important;
}

#page-digital-human .dh-advanced-settings summary {
  min-height: 38px !important;
  color: #344054 !important;
}

#page-digital-human .dh-generate-actions {
  grid-template-columns: 1fr 1.18fr !important;
  padding: 8px 12px 10px !important;
  background: #fff !important;
}

#page-digital-human .dh-generate-actions .btn {
  min-height: 46px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
}

#page-digital-human .dh-post-section {
  margin: 0 12px 12px !important;
  padding: 0 !important;
}

#page-digital-human .dh-post-head {
  min-height: 30px !important;
}

#page-digital-human .dh-post-head h2 {
  font-size: 15px !important;
}

#page-digital-human .dh-edit-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#page-digital-human .dh-edit-card {
  min-height: 132px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 32px rgba(17, 24, 39, .13) !important;
}

#page-digital-human .dh-edit-card strong {
  font-size: 18px !important;
}

#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card small {
  display: none !important;
}

#page-digital-human .dh-edit-card em {
  min-height: 24px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
}

#page-digital-human .dh-output-panel .dh-scroll {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

#page-digital-human .dh-preview-shell {
  min-height: 0 !important;
  padding: 8px !important;
}

#page-digital-human .dh-final-preview {
  width: min(330px, 94%) !important;
  max-height: 100% !important;
  border-radius: 32px !important;
}

#page-digital-human .dh-output-audio {
  min-height: 86px !important;
  margin-top: 8px !important;
  padding: 12px !important;
  border-radius: 18px !important;
}

#page-digital-human .dh-output-audio-empty {
  display: grid !important;
  gap: 8px !important;
}

#page-digital-human .dh-output-actions {
  padding: 10px 12px 12px !important;
}

#page-digital-human .dh-audio-source-modal {
  width: min(980px, calc(100vw - 72px)) !important;
}

#page-digital-human .dh-audio-source-layout {
  display: grid !important;
  grid-template-columns: minmax(360px, .9fr) minmax(360px, 1fr) !important;
  gap: 16px !important;
  padding: 16px 18px !important;
  background: #f6f8fb !important;
}

#page-digital-human .dh-audio-source-list,
#page-digital-human .dh-audio-source-preview {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-height: 430px !important;
  max-height: calc(100vh - 210px) !important;
  overflow: auto !important;
  padding: 14px !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  border-radius: 18px !important;
  background: #fff !important;
}

#page-digital-human .dh-audio-source-item {
  display: grid !important;
  gap: 6px !important;
  min-height: 74px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(17, 24, 39, .09) !important;
  border-radius: 15px !important;
  background: #fff !important;
  text-align: left !important;
}

#page-digital-human .dh-audio-source-item.active {
  border-color: rgba(63,91,246,.45) !important;
  background: linear-gradient(135deg, rgba(63,91,246,.08), #fff) !important;
}

#page-digital-human .dh-audio-source-item b {
  color: var(--dh-v8-ink) !important;
  font-size: 14px !important;
}

#page-digital-human .dh-audio-source-item span {
  color: var(--dh-v8-muted) !important;
  font-size: 12px !important;
}

#page-digital-human .dh-audio-upload-drop {
  display: grid !important;
  place-items: center !important;
  min-height: 168px !important;
  border: 1px dashed rgba(63,91,246,.38) !important;
  border-radius: 18px !important;
  color: var(--dh-v8-primary) !important;
  background: linear-gradient(135deg, rgba(63,91,246,.08), rgba(14,165,164,.06)) !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}

#page-digital-human .dh-audio-upload-drop input {
  display: none !important;
}

#page-digital-human .dh-audio-drive-preview:empty {
  display: none !important;
}

#page-digital-human .dh-picker-head {
  min-height: 54px !important;
  padding: 14px 18px 10px !important;
}

#page-digital-human .dh-picker-head p {
  display: none !important;
}

#page-digital-human .dh-picker-modal {
  border-radius: 22px !important;
}

#page-digital-human .dh-persona-modal,
#page-digital-human .dh-voice-modal {
  width: min(1180px, calc(100vw - 64px)) !important;
}

#page-digital-human .dh-picker-split {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 14px !important;
}

#page-digital-human .dh-persona-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#page-digital-human .dh-persona-option {
  min-height: 286px !important;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 218px !important;
}

#page-digital-human .dh-picker-preview {
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(63,91,246,.12), transparent 40%),
    #fff !important;
}

#page-digital-human .dh-picker-preview-persona img,
#page-digital-human .dh-picker-preview-persona video {
  object-fit: contain !important;
  object-position: center bottom !important;
}

#page-digital-human .dh-voice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#page-digital-human .dh-voice-option {
  min-height: 92px !important;
  border-radius: 16px !important;
}

#page-digital-human .dh-style-modal,
#page-digital-human .dh-broll-modal {
  width: min(1160px, calc(100vw - 64px)) !important;
}

#page-digital-human .dh-style-modal-layout,
#page-digital-human .dh-cover-layout,
#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(310px, .38fr) minmax(0, 1fr) !important;
  max-height: calc(100vh - 168px) !important;
  padding: 16px 18px !important;
  background: #f6f8fb !important;
}

#page-digital-human .dh-featured-style-block {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#page-digital-human .dh-featured-style-grid-premium {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

#page-digital-human .dh-featured-style-grid button {
  min-height: 206px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: #fff !important;
}

#page-digital-human .dh-style-card-demo {
  min-height: 132px !important;
}

#page-digital-human .dh-style-card-demo b {
  font-size: 28px !important;
}

#page-digital-human .dh-style-card-demo i {
  font-size: 20px !important;
}

#page-digital-human .dh-style-preview-side {
  min-height: 560px !important;
  border-radius: 20px !important;
}

#page-digital-human .dh-preview-phone {
  width: min(318px, 80%) !important;
}

#page-digital-human .dh-cover-style-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#page-digital-human .dh-cover-style-grid button {
  min-height: 178px !important;
  padding: 7px !important;
  border-radius: 16px !important;
}

#page-digital-human .dh-cover-style-grid button img {
  height: 136px !important;
}

#page-digital-human .dh-cover-setting .dh-field {
  margin-top: 10px !important;
}

#page-digital-human .dh-cover-live-preview .dh-cover-canvas,
#page-digital-human .dh-cover-live-preview .dh-cover-reference-canvas {
  width: 380px !important;
  max-width: 84% !important;
}

#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(300px, .36fr) minmax(0, 1fr) !important;
}

#page-digital-human .dh-broll-source,
#page-digital-human .dh-broll-plan-side {
  border-radius: 18px !important;
  background: #fff !important;
}

#page-digital-human .dh-broll-source {
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  padding: 14px !important;
}

#page-digital-human .dh-broll-plan-tools-primary {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

#page-digital-human .dh-broll-plan-tools-primary span {
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  color: var(--dh-v8-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

#page-digital-human .dh-broll-material-grid {
  max-height: 300px !important;
}

#page-digital-human .dh-broll-plan-preview {
  max-height: 548px !important;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-head span {
  display: none !important;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-row {
  grid-template-columns: 28px minmax(150px, 1fr) minmax(150px, .7fr) 64px 64px 42px !important;
}

@media (max-width: 1540px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(314px, .85fr) minmax(388px, 1fr) minmax(332px, .86fr) !important;
  }

  #page-digital-human .dh-production-hero {
    grid-template-columns: 1fr !important;
  }

  #page-digital-human .dh-selected-persona-card {
    grid-template-columns: 132px minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    min-height: 150px !important;
  }

  #page-digital-human .dh-selected-persona-visual {
    height: 130px !important;
  }

  #page-digital-human .dh-selected-sound-shell {
    min-height: 180px !important;
  }

  #page-digital-human .dh-selected-voice-card,
  #page-digital-human .dh-selected-audio-card {
    min-height: 126px !important;
    grid-template-columns: 122px minmax(0, 1fr) !important;
  }

  #page-digital-human .dh-selected-voice-visual,
  #page-digital-human .dh-selected-audio-visual {
    min-height: 90px !important;
    padding: 12px !important;
  }

  #page-digital-human .dh-edit-card {
    min-height: 112px !important;
  }

  #page-digital-human .dh-persona-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  #page-digital-human .digital-human-console {
    height: auto !important;
  }

  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "copy"
      "avatar"
      "output" !important;
  }

  #page-digital-human .dh-avatar-panel .dh-scroll,
  #page-digital-human .dh-output-panel .dh-scroll {
    overflow: visible !important;
  }

  #page-digital-human .dh-style-modal-layout,
  #page-digital-human .dh-cover-layout,
  #page-digital-human .dh-broll-layout,
  #page-digital-human .dh-audio-source-layout,
  #page-digital-human .dh-picker-split {
    grid-template-columns: 1fr !important;
  }
}

/* v8.1 viewport fit: no hidden drive card leakage, no clipped post tools. */
#page-digital-human [data-dh-drive-card][hidden] {
  display: none !important;
}

#page-digital-human .dh-selected-sound-shell .dh-drive-switch {
  display: grid !important;
}

#page-digital-human .dh-selected-sound-shell .dh-drive-switch button {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 32px !important;
}

#page-digital-human .dh-selected-persona-card {
  grid-template-rows: 152px auto !important;
  min-height: 226px !important;
}

#page-digital-human .dh-selected-persona-visual {
  height: 152px !important;
}

#page-digital-human .dh-selected-sound-shell {
  min-height: 226px !important;
}

#page-digital-human .dh-selected-voice-card,
#page-digital-human .dh-selected-audio-card {
  min-height: 176px !important;
}

#page-digital-human .dh-selected-voice-visual,
#page-digital-human .dh-selected-audio-visual {
  min-height: 70px !important;
  padding: 14px !important;
}

#page-digital-human .dh-selected-voice-visual i,
#page-digital-human .dh-selected-audio-visual i {
  height: 18px !important;
}

#page-digital-human .dh-selected-voice-visual i:nth-child(2n),
#page-digital-human .dh-selected-audio-visual i:nth-child(2n) {
  height: 40px !important;
}

#page-digital-human .dh-selected-voice-visual i:nth-child(3n),
#page-digital-human .dh-selected-audio-visual i:nth-child(3n) {
  height: 58px !important;
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  gap: 8px !important;
  padding-bottom: 8px !important;
}

#page-digital-human .dh-generate-actions {
  padding-top: 6px !important;
  padding-bottom: 8px !important;
}

#page-digital-human .dh-generate-actions .btn {
  min-height: 42px !important;
}

#page-digital-human .dh-edit-card {
  min-height: 126px !important;
}

@media (max-width: 1540px) {
  #page-digital-human .dh-selected-persona-card {
    min-height: 136px !important;
  }

  #page-digital-human .dh-selected-persona-visual {
    height: 116px !important;
  }

  #page-digital-human .dh-selected-sound-shell {
    min-height: 158px !important;
  }

  #page-digital-human .dh-selected-voice-card,
  #page-digital-human .dh-selected-audio-card {
    min-height: 112px !important;
  }
}

/* v7 absolute final overrides: keep the production canvas compact and ordered. */
#page-digital-human .dh-avatar-panel {
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  overflow: hidden !important;
}

#page-digital-human .dh-studio-stage {
  gap: 8px !important;
}

#page-digital-human .dh-studio-block-head {
  min-height: 32px !important;
  padding: 7px 10px 0 !important;
}

#page-digital-human .dh-studio-persona-grid {
  padding: 8px 10px 10px !important;
}

#page-digital-human .dh-studio-persona-card {
  grid-template-rows: 76px auto !important;
  min-height: 118px !important;
  padding: 7px !important;
}

#page-digital-human .dh-studio-persona-media,
#page-digital-human .dh-studio-persona-media.persona-portrait,
#page-digital-human .dh-studio-persona-media.persona-portrait.is-video-preview {
  height: 76px !important;
}

#page-digital-human .dh-studio-voice-grid {
  padding: 8px 10px 10px !important;
}

#page-digital-human .dh-studio-voice-card {
  min-height: 66px !important;
  padding: 8px !important;
}

#page-digital-human .dh-drive-switch,
#page-digital-human .dh-drive-panel,
#page-digital-human .dh-advanced-settings {
  display: none !important;
}

#page-digital-human .dh-generate-actions {
  position: relative !important;
  z-index: 1 !important;
  grid-template-columns: 1fr 1.16fr !important;
  padding: 8px 12px 10px !important;
  background: #fff !important;
}

#page-digital-human .dh-generate-actions .btn {
  min-height: 42px !important;
  border-radius: 13px !important;
}

#page-digital-human .dh-post-section {
  margin: 0 12px 10px !important;
  padding-top: 0 !important;
}

#page-digital-human .dh-post-head h2 {
  font-size: 15px !important;
}

#page-digital-human .dh-edit-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#page-digital-human .dh-edit-card {
  min-height: 94px !important;
  padding: 10px !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 18px rgba(16, 24, 40, .1) !important;
}

#page-digital-human .dh-edit-card::after {
  background:
    linear-gradient(180deg, rgba(7, 12, 24, .08), rgba(7, 12, 24, .66)),
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.32), transparent 25%) !important;
}

#page-digital-human .dh-edit-card-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
}

#page-digital-human .dh-edit-card strong {
  margin-top: auto !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}

#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card small,
#page-digital-human .dh-edit-card em {
  display: none !important;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 214px !important;
}

#page-digital-human .dh-voice-option {
  min-height: 76px !important;
}

@media (max-width: 1540px) {
  #page-digital-human .dh-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page-digital-human .dh-edit-card {
    min-height: 82px !important;
  }
}

#page-digital-human .dh-output-mock .dh-mock-title,
#page-digital-human .dh-output-mock .dh-mock-subtitle {
  display: none !important;
}

/* SaaS console v7 final conflict fixes. */
#page-digital-human .dh-studio-stage {
  gap: 10px;
}

#page-digital-human .dh-studio-block-head {
  min-height: 36px;
  padding: 8px 12px 2px;
}

#page-digital-human .dh-studio-block-head h3 {
  font-size: 15px;
}

#page-digital-human .dh-flow-strip {
  gap: 8px;
}

#page-digital-human .dh-flow-strip span {
  min-height: 34px;
  padding: 0 9px;
}

#page-digital-human .dh-post-section {
  margin: 0 12px 10px;
  padding-top: 0;
}

#page-digital-human .dh-post-head h2 {
  font-size: 15px;
}

#page-digital-human .dh-edit-grid {
  gap: 10px;
}

#page-digital-human .dh-edit-card {
  min-height: 104px;
  padding: 12px;
  border-radius: 16px;
  box-shadow: 0 12px 24px rgba(16, 24, 40, .1);
}

#page-digital-human .dh-edit-card-icon {
  width: 32px;
  height: 32px;
  border-radius: 11px;
}

#page-digital-human .dh-edit-card strong {
  margin-top: auto;
  font-size: 15px;
}

#page-digital-human .dh-edit-card b {
  font-size: 12px;
}

#page-digital-human .dh-edit-card small {
  display: none;
}

#page-digital-human .dh-edit-card em {
  min-height: 24px;
  padding: 0 9px;
  font-size: 11px;
}

#page-digital-human .dh-generate-actions {
  position: relative;
  grid-template-columns: 1fr 1.2fr;
  padding: 8px 12px 10px;
}

#page-digital-human .dh-generate-actions .btn {
  min-height: 44px;
}

#page-digital-human .dh-advanced-settings {
  min-height: 38px;
}

#page-digital-human .dh-advanced-settings summary {
  min-height: 38px;
}

@media (max-width: 1540px) {
  #page-digital-human .dh-edit-card {
    min-height: 96px;
  }
}

/* v7 production panel layout: keep persona, voice, actions and edit tools in clear order. */
#page-digital-human .dh-avatar-panel {
  grid-template-rows: auto minmax(0, .92fr) auto auto;
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: 10px;
  min-height: 0;
  overflow: hidden;
}

#page-digital-human .dh-studio-stage {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 10px;
}

#page-digital-human .dh-studio-persona-grid {
  padding-bottom: 10px;
}

#page-digital-human .dh-studio-persona-card {
  grid-template-rows: 82px auto;
  min-height: 128px;
}

#page-digital-human .dh-studio-persona-media,
#page-digital-human .dh-studio-persona-media.persona-portrait,
#page-digital-human .dh-studio-persona-media.persona-portrait.is-video-preview {
  height: 82px;
}

#page-digital-human .dh-studio-voice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 8px;
  padding-bottom: 10px;
}

#page-digital-human .dh-studio-voice-card {
  min-height: 70px;
  padding: 8px;
}

#page-digital-human .dh-studio-voice-play {
  width: 36px;
  height: 36px;
  border-radius: 12px;
}

#page-digital-human .dh-studio-voice-main {
  gap: 4px;
}

#page-digital-human .dh-advanced-settings {
  display: none;
}

#page-digital-human .dh-generate-actions {
  grid-row: 3;
}

#page-digital-human .dh-post-section {
  grid-row: 4;
}

#page-digital-human .dh-edit-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#page-digital-human .dh-edit-card {
  min-height: 118px;
}

#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card em {
  display: none;
}

@media (max-width: 1540px) {
  #page-digital-human .dh-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #page-digital-human .dh-edit-card {
    min-height: 92px;
  }
}

/* SaaS console v7: image2/GPT guided studio layout. */
#page-digital-human .digital-human-console {
  height: calc(100vh - 88px);
  min-height: 760px;
  padding: 0;
  background: #f4f7fb;
}

#page-digital-human .digital-human-head {
  border: 1px solid rgba(16, 24, 40, .07);
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(18px);
}

#page-digital-human .digital-human-board {
  grid-template-columns: minmax(380px, .98fr) minmax(470px, 1.18fr) minmax(355px, .84fr);
  gap: 14px;
}

#page-digital-human .digital-human-panel {
  border-radius: 20px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 12px 32px rgba(16, 24, 40, .06);
}

#page-digital-human .dh-panel-head {
  min-height: 54px;
  border-bottom: 1px solid rgba(16, 24, 40, .06);
}

#page-digital-human .dh-panel-head h2 {
  font-size: 18px;
}

#page-digital-human .dh-copy-panel .dh-scroll,
#page-digital-human .dh-avatar-panel .dh-scroll,
#page-digital-human .dh-output-panel .dh-scroll {
  overflow: hidden;
}

#page-digital-human .dh-copy-tabs {
  min-height: 42px;
  padding: 4px;
  border: 1px solid rgba(63, 91, 246, .13);
  border-radius: 14px;
  background: #f8fbff;
}

#page-digital-human .dh-copy-tabs button {
  border-radius: 11px;
  font-size: 13px;
  font-weight: 900;
}

#page-digital-human .dh-copy-tabs button.active {
  box-shadow: 0 8px 18px rgba(63, 91, 246, .16);
}

#page-digital-human .dh-copy-panel textarea#dhSubtitleText {
  min-height: clamp(250px, 34vh, 420px);
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.75;
}

#page-digital-human .dh-copy-preview {
  min-height: 118px;
  border-radius: 16px;
  background: #fbfcff;
}

#page-digital-human .dh-copy-empty {
  min-height: 104px;
}

#page-digital-human .dh-copy-empty span,
#page-digital-human .dh-mode-card header,
#page-digital-human .dh-details-line,
#page-digital-human .dh-status-note,
#page-digital-human .dh-workflow-pocket,
#page-digital-human .dh-editor-preview {
  display: none !important;
}

#page-digital-human .dh-studio-stage {
  display: grid;
  gap: 14px;
  padding: 0;
}

#page-digital-human .dh-studio-block {
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(16, 24, 40, .05);
  overflow: hidden;
}

#page-digital-human .dh-studio-block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 10px 12px 4px;
}

#page-digital-human .dh-studio-block-head h3 {
  margin: 0;
  color: #101828;
  font-size: 16px;
  font-weight: 1000;
}

#page-digital-human .dh-studio-persona-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 10px 12px 14px;
}

#page-digital-human .dh-studio-persona-card {
  position: relative;
  display: grid;
  grid-template-rows: 96px auto;
  gap: 8px;
  min-height: 142px;
  padding: 8px;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 16px;
  background: #f8fafc;
  color: #101828;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#page-digital-human .dh-studio-persona-card:hover,
#page-digital-human .dh-studio-persona-card.active {
  border-color: rgba(63, 91, 246, .56);
  box-shadow: 0 12px 24px rgba(63, 91, 246, .12);
  transform: translateY(-1px);
}

#page-digital-human .dh-studio-persona-card.active::after {
  content: "✓";
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  background: #1d4ed8;
  font-weight: 1000;
}

#page-digital-human .dh-studio-persona-media,
#page-digital-human .dh-studio-persona-media.persona-portrait,
#page-digital-human .dh-studio-persona-media.persona-portrait.is-video-preview {
  width: 100%;
  height: 96px;
  border-radius: 13px;
  background:
    radial-gradient(circle at 50% 12%, rgba(63, 91, 246, .12), transparent 40%),
    linear-gradient(180deg, #eef5ff, #f8fafc);
  overflow: hidden;
}

#page-digital-human .dh-studio-persona-media img,
#page-digital-human .dh-studio-persona-media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-studio-persona-card span {
  display: grid;
  gap: 2px;
}

#page-digital-human .dh-studio-persona-card b,
#page-digital-human .dh-studio-voice-main b {
  overflow: hidden;
  color: #101828;
  font-size: 13px;
  font-weight: 1000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-studio-persona-card em,
#page-digital-human .dh-studio-voice-main em {
  overflow: hidden;
  color: #667085;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-studio-voice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 10px 12px 14px;
}

#page-digital-human .dh-studio-voice-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 78px;
  padding: 10px;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 16px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72);
}

#page-digital-human .dh-studio-voice-card.active {
  border-color: rgba(14, 165, 164, .56);
  box-shadow: 0 12px 24px rgba(14, 165, 164, .1);
}

#page-digital-human .dh-studio-voice-play,
#page-digital-human .dh-picker-voice-play,
#page-digital-human .dh-voice-play {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #0f766e, #14b8a6);
  font-weight: 1000;
  cursor: pointer;
}

#page-digital-human .dh-studio-voice-main {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

#page-digital-human .dh-mini-wave,
#page-digital-human .dh-picker-voice-wave {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  gap: 4px;
  height: 18px;
}

#page-digital-human .dh-mini-wave i,
#page-digital-human .dh-picker-voice-wave i {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, #3f5bf6, #14b8a6);
}

#page-digital-human .dh-mini-wave i:nth-child(2),
#page-digital-human .dh-mini-wave i:nth-child(4),
#page-digital-human .dh-picker-voice-wave i:nth-child(2),
#page-digital-human .dh-picker-voice-wave i:nth-child(5) {
  height: 14px;
}

#page-digital-human .dh-drive-switch {
  margin-top: 0;
  order: 2;
}

#page-digital-human .dh-drive-panel-audio {
  order: 3;
}

#page-digital-human .dh-advanced-settings {
  display: block;
  min-height: 40px;
  overflow: visible;
  order: 4;
}

#page-digital-human .dh-advanced-settings[open] {
  min-height: 150px;
}

#page-digital-human .dh-advanced-settings .dh-control-group-title {
  display: none;
}

#page-digital-human .dh-generate-actions {
  position: relative;
  bottom: 0;
  z-index: 2;
  border-top: 1px solid rgba(16, 24, 40, .06);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(16px);
}

#page-digital-human .dh-post-section {
  margin-top: 4px;
}

#page-digital-human .dh-edit-grid {
  gap: 10px;
}

#page-digital-human .dh-edit-card {
  min-height: 118px;
  border-radius: 18px;
  box-shadow: 0 12px 24px rgba(16, 24, 40, .1);
}

#page-digital-human .dh-edit-card strong {
  font-size: 16px;
}

#page-digital-human .dh-edit-card::after {
  background:
    linear-gradient(180deg, rgba(7, 12, 24, .06), rgba(7, 12, 24, .7)),
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.3), transparent 24%);
}

#page-digital-human .dh-output-panel .dh-scroll {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
}

#page-digital-human .dh-preview-shell {
  display: grid;
  place-items: center;
  min-height: 0;
  padding: 12px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0, rgba(63, 91, 246, .12), transparent 36%),
    #f3f7fc;
}

#page-digital-human .dh-final-preview {
  width: min(328px, 92%);
  max-height: min(62vh, 610px);
}

#page-digital-human .dh-output-audio {
  min-height: 106px;
  margin: 0;
  padding: 12px;
  border-radius: 18px;
}

#page-digital-human .dh-polished-audio-card {
  gap: 8px;
}

#page-digital-human .dh-polished-audio-card .avatar-audio-result-head {
  align-items: start;
}

#page-digital-human .dh-polished-audio-card .avatar-audio-player-row {
  display: block;
}

#page-digital-human .dh-polished-audio-card audio {
  width: 100%;
  height: 36px;
}

#page-digital-human .dh-picker-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 16px;
  min-height: 0;
  padding: 0 18px 16px;
}

#page-digital-human .dh-persona-modal,
#page-digital-human .dh-voice-modal {
  width: min(1180px, calc(100vw - 64px));
}

#page-digital-human .dh-persona-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-height: calc(100vh - 250px);
  overflow: auto;
  padding-right: 4px;
}

#page-digital-human .dh-persona-option {
  min-height: 282px;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 214px;
}

#page-digital-human .dh-voice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  max-height: calc(100vh - 250px);
  overflow: auto;
  padding-right: 4px;
}

#page-digital-human .dh-voice-option {
  grid-template-columns: 46px minmax(0, 1fr) auto;
  min-height: 76px;
  padding: 10px 12px;
}

#page-digital-human .dh-voice-main {
  min-width: 0;
}

#page-digital-human .dh-voice-main b,
#page-digital-human .dh-voice-main em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-voice-select {
  min-width: 52px;
  max-width: 72px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-picker-preview {
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 420px;
  padding: 14px;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0, rgba(63, 91, 246, .12), transparent 38%),
    #fff;
}

#page-digital-human .dh-picker-preview-media {
  display: grid;
  place-items: center;
  min-height: 320px;
  border-radius: 18px;
  background: #f2f6fb;
  overflow: hidden;
}

#page-digital-human .dh-picker-preview-persona,
#page-digital-human .dh-picker-preview-persona.persona-portrait,
#page-digital-human .dh-picker-preview-persona.persona-portrait.is-video-preview {
  width: 100%;
  height: 360px;
  background: transparent;
}

#page-digital-human .dh-picker-preview-persona img,
#page-digital-human .dh-picker-preview-persona video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-picker-preview-info {
  display: grid;
  gap: 5px;
}

#page-digital-human .dh-picker-preview-info b,
#page-digital-human .dh-picker-voice-preview-card b {
  color: #101828;
  font-size: 20px;
  font-weight: 1000;
}

#page-digital-human .dh-picker-preview-info span,
#page-digital-human .dh-picker-voice-preview-card span {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
}

#page-digital-human .dh-picker-voice-preview-card {
  display: grid;
  gap: 12px;
  min-height: 280px;
  align-content: center;
  justify-items: center;
  text-align: center;
}

#page-digital-human .dh-picker-voice-play {
  width: 72px;
  height: 72px;
  border-radius: 24px;
  font-size: 20px;
}

#page-digital-human .dh-picker-voice-wave {
  width: 210px;
  height: 42px;
}

#page-digital-human .dh-picker-voice-wave i {
  height: 18px;
}

#page-digital-human .dh-picker-voice-wave i:nth-child(3),
#page-digital-human .dh-picker-voice-wave i:nth-child(6) {
  height: 34px;
}

#page-digital-human .dh-picker-preview-empty,
#page-digital-human .dh-studio-empty-card {
  display: grid;
  place-items: center;
  min-height: 160px;
  border: 1px dashed rgba(16, 24, 40, .16);
  border-radius: 16px;
  background: #f8fafc;
  color: #344054;
}

#page-digital-human .dh-picker-modal .dh-modal-actions {
  padding: 12px 18px 16px;
  border-top: 1px solid rgba(16, 24, 40, .06);
  background: #fff;
}

#page-digital-human .dh-broll-modal .dh-picker-head,
#page-digital-human .dh-style-modal .dh-picker-head {
  border-bottom: 1px solid rgba(16, 24, 40, .06);
}

#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(300px, .36fr) minmax(0, 1fr);
}

#page-digital-human .dh-broll-source {
  grid-template-rows: auto auto auto minmax(0, 1fr);
}

#page-digital-human .dh-broll-source .dh-broll-rule-details {
  display: none;
}

#page-digital-human .dh-broll-script-field textarea {
  min-height: 116px;
}

#page-digital-human .dh-broll-plan-tools {
  grid-template-columns: auto 1fr;
}

#page-digital-human .dh-broll-plan-tools span {
  opacity: .72;
}

#page-digital-human .broll-plan-row {
  grid-template-columns: 28px minmax(150px, 1fr) minmax(150px, .8fr) 66px 66px 42px;
}

@media (max-width: 1540px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(340px, .92fr) minmax(420px, 1.08fr) minmax(330px, .82fr);
  }

  #page-digital-human .dh-studio-persona-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #page-digital-human .dh-studio-persona-card {
    min-height: 158px;
  }

  #page-digital-human .dh-studio-persona-media,
  #page-digital-human .dh-studio-persona-media.persona-portrait,
  #page-digital-human .dh-studio-persona-media.persona-portrait.is-video-preview {
    height: 106px;
  }

  #page-digital-human .dh-edit-card {
    min-height: 126px;
  }
}

@media (max-width: 1180px) {
  #page-digital-human .digital-human-console {
    height: auto;
  }

  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr;
  }

  #page-digital-human .dh-copy-panel .dh-scroll,
  #page-digital-human .dh-avatar-panel .dh-scroll,
  #page-digital-human .dh-output-panel .dh-scroll {
    overflow: visible;
  }

  #page-digital-human .dh-picker-split,
  #page-digital-human .dh-broll-layout {
    grid-template-columns: 1fr;
  }
}

/* SaaS console v5: product-grade, task-first surface. */
#page-digital-human {
  --dh-ink: #101828;
  --dh-muted: #667085;
  --dh-soft: #f6f8fb;
  --dh-line: rgba(16, 24, 40, .1);
  --dh-blue: #245bff;
  --dh-cyan: #05a8c9;
  --dh-green: #13a87d;
  --dh-gold: #d8942b;
  --dh-radius: 18px;
}

#page-digital-human.active {
  background:
    linear-gradient(180deg, rgba(247, 249, 252, .98), rgba(238, 243, 249, .98)),
    #f6f8fb;
}

#page-digital-human .digital-human-console {
  height: calc(100vh - 104px);
  min-height: 710px;
  gap: 12px;
}

#page-digital-human .digital-human-head {
  min-height: 54px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
}

#page-digital-human .dh-product-icon,
#page-digital-human .dh-panel-icon {
  border-radius: 12px;
  background: linear-gradient(135deg, #18254f, #245bff 58%, #05a8c9);
}

#page-digital-human .dh-title-lockup h1 {
  font-size: 21px;
}

#page-digital-human .digital-human-board {
  grid-template-columns: minmax(330px, .92fr) minmax(390px, 1.02fr) minmax(390px, .96fr);
  gap: 12px;
}

#page-digital-human .digital-human-panel {
  border-color: rgba(16, 24, 40, .08);
  border-radius: var(--dh-radius);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 44px rgba(16, 24, 40, .07);
}

#page-digital-human .dh-panel-head {
  min-height: 54px;
  padding: 12px 14px 9px;
}

#page-digital-human .dh-scroll {
  padding: 12px;
}

#page-digital-human .dh-copy-panel .dh-scroll {
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
}

#page-digital-human .dh-copy-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border-radius: 12px;
}

#page-digital-human .dh-copy-tabs button {
  min-height: 32px;
  font-size: 12px;
}

#page-digital-human .dh-topic-field input {
  min-height: 50px;
  padding: 0 14px;
  border-radius: 14px;
  font-size: 15px;
}

#page-digital-human .dh-script-field textarea {
  min-height: clamp(190px, 29vh, 330px);
  border-radius: 14px;
  line-height: 1.72;
}

#page-digital-human .dh-copy-result-card {
  min-height: 118px;
  max-height: 226px;
  border-radius: 14px;
}

#page-digital-human .dh-preview-shell {
  min-height: 0;
  padding: 14px 8px;
  background:
    radial-gradient(circle at 50% 0, rgba(36, 91, 255, .1), transparent 38%),
    linear-gradient(180deg, #f8fbff, #eef3f8);
}

#page-digital-human .dh-final-preview {
  width: min(334px, 92%);
  border: 9px solid #111827;
  border-radius: 32px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 28px 60px rgba(16, 24, 40, .24);
}

#page-digital-human .dh-output-audio {
  min-height: 72px;
  padding: 10px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(36, 91, 255, .08), rgba(5, 168, 201, .06)),
    #fff;
}

#page-digital-human .dh-output-audio audio {
  height: 32px;
}

#page-digital-human .dh-output-actions {
  grid-template-columns: .75fr 1fr .75fr;
  padding: 10px 12px 12px;
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  gap: 10px;
}

#page-digital-human .dh-production-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

#page-digital-human .dh-select-card {
  position: relative;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 12px;
  min-height: 118px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 17px;
  background:
    radial-gradient(circle at 15% 0, rgba(36, 91, 255, .12), transparent 45%),
    linear-gradient(180deg, #fff, #f8fbff);
  text-align: left;
  box-shadow: 0 14px 30px rgba(16, 24, 40, .07);
}

#page-digital-human .dh-select-card:hover {
  transform: translateY(-1px);
  border-color: rgba(36, 91, 255, .26);
  box-shadow: 0 20px 38px rgba(16, 24, 40, .1);
}

#page-digital-human .dh-persona-thumb {
  width: 76px;
  height: 92px;
  border-radius: 16px;
}

#page-digital-human .dh-persona-thumb img {
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-voice-avatar {
  display: grid;
  place-items: center;
  width: 76px;
  height: 92px;
  border-radius: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 38% 24%, rgba(255,255,255,.34), transparent 18%),
    linear-gradient(145deg, #057a70, #13a87d);
}

#page-digital-human .dh-voice-avatar svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

#page-digital-human .dh-select-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#page-digital-human .dh-select-copy span {
  color: #667085;
  font-size: 11px;
  font-weight: 950;
}

#page-digital-human .dh-select-copy b {
  overflow: hidden;
  color: var(--dh-ink);
  font-size: 17px;
  font-weight: 1000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-select-copy small {
  overflow: hidden;
  color: #667085;
  font-size: 12px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#page-digital-human .dh-select-arrow {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #245bff;
  background: rgba(36, 91, 255, .09);
  font-size: 20px;
  font-weight: 800;
}

#page-digital-human .dh-select-card .dh-voice-wave {
  position: absolute;
  left: 100px;
  right: 38px;
  bottom: 12px;
  width: auto;
}

#page-digital-human .dh-drive-switch {
  min-height: 42px;
  padding: 4px;
  border-radius: 14px;
}

#page-digital-human .dh-drive-panel-audio .dh-audio-source-card {
  border-radius: 15px;
  background: #fff;
}

#page-digital-human .dh-audio-source-list {
  max-height: 118px;
}

#page-digital-human .dh-advanced-settings {
  border-radius: 14px;
}

#page-digital-human .dh-advanced-settings summary {
  display: flex;
  align-items: center;
  min-height: 38px;
}

#page-digital-human .dh-advanced-grid {
  grid-template-columns: 1fr;
}

#page-digital-human .dh-generate-actions {
  grid-template-columns: 1fr 1fr;
  padding: 10px 12px;
}

#page-digital-human .dh-generate-actions .btn {
  min-height: 46px;
  border-radius: 13px;
  font-weight: 950;
}

#page-digital-human .dh-post-section {
  padding-top: 2px;
}

#page-digital-human .dh-edit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#page-digital-human .dh-edit-card {
  min-height: 158px;
  padding: 12px;
  border-radius: 17px;
  color: #fff;
  box-shadow: 0 16px 34px rgba(16, 24, 40, .12);
}

#page-digital-human .dh-edit-card::before {
  opacity: 1;
}

#page-digital-human .dh-edit-card strong,
#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card small,
#page-digital-human .dh-edit-card em {
  color: #fff;
}

#page-digital-human .dh-edit-card strong {
  margin-top: 46px;
  font-size: 18px;
}

#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card small {
  text-shadow: 0 1px 2px rgba(16, 24, 40, .2);
}

#page-digital-human .dh-edit-card em {
  background: rgba(255,255,255,.18);
}

#page-digital-human .dh-edit-card-icon {
  background: rgba(255,255,255,.2);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
}

#page-digital-human .dh-edit-card-visual i {
  background: rgba(255,255,255,.18);
  box-shadow: none;
}

#page-digital-human .dh-edit-card-music::before {
  background:
    linear-gradient(180deg, rgba(11, 26, 60, .05), rgba(11, 26, 60, .52)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.28) 0 4px, transparent 4px 15px),
    linear-gradient(135deg, #234ee7, #05a8c9);
}

#page-digital-human .dh-edit-card-broll::before {
  background:
    linear-gradient(180deg, rgba(9, 48, 44, .03), rgba(9, 48, 44, .58)),
    linear-gradient(135deg, rgba(255,255,255,.25) 0 10%, transparent 10% 18%, rgba(255,255,255,.16) 18% 28%, transparent 28%),
    linear-gradient(135deg, #0e9478, #1f7be8);
}

#page-digital-human .dh-edit-card-subtitle::before {
  background:
    linear-gradient(180deg, rgba(70, 35, 0, .02), rgba(70, 35, 0, .55)),
    linear-gradient(0deg, transparent 0 48%, rgba(255,255,255,.86) 48% 59%, transparent 59%),
    linear-gradient(135deg, #f2a63a, #d94b62 58%, #5c56d8);
}

#page-digital-human .dh-edit-card-cover::before {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .02), rgba(15, 23, 42, .55)),
    radial-gradient(circle at 74% 22%, rgba(255, 222, 96, .58), transparent 28%),
    linear-gradient(135deg, #162033, #245bff 52%, #f0b94b);
}

#page-digital-human .dh-hidden-action-row {
  display: none;
}

#page-digital-human .dh-generation-card {
  background:
    radial-gradient(circle at 16% 0, rgba(5, 168, 201, .3), transparent 42%),
    linear-gradient(135deg, rgba(11, 18, 36, .98), rgba(23, 51, 125, .92));
}

#page-digital-human .dh-style-modal-layout,
#page-digital-human .dh-cover-modal .dh-style-modal-layout {
  grid-template-columns: minmax(300px, .42fr) minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
}

#page-digital-human .dh-picker-head {
  min-height: 58px;
  padding: 14px 16px;
}

#page-digital-human .dh-featured-style-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}

#page-digital-human .dh-featured-style-grid button {
  min-height: 172px;
  border-radius: 16px;
}

#page-digital-human .dh-featured-style-grid button small {
  display: none;
}

#page-digital-human .dh-style-card-demo {
  min-height: 104px;
}

#page-digital-human .dh-advanced-style-settings header span {
  display: none;
}

#page-digital-human .dh-style-advanced-details {
  overflow: hidden;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 15px;
  background: #fff;
}

#page-digital-human .dh-style-advanced-details summary {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 12px;
  color: #475467;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}

#page-digital-human .dh-style-advanced-details .dh-setting-block {
  padding: 0 12px 12px;
}

#page-digital-human .dh-setting-grid {
  gap: 8px;
}

#page-digital-human .dh-live-style-preview {
  min-height: 560px;
}

#page-digital-human .dh-preview-note {
  display: none;
}

#page-digital-human .dh-cover-style-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#page-digital-human .dh-cover-style-grid button {
  min-height: 166px;
  overflow: hidden;
  border-radius: 16px;
}

#page-digital-human .dh-cover-style-grid button img {
  height: 122px;
}

#page-digital-human .dh-cover-style-grid button span {
  display: none;
}

#page-digital-human .dh-cover-prompt-field {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

#page-digital-human .dh-cover-live-preview {
  display: grid;
  place-items: center;
  align-content: center;
}

#page-digital-human .dh-cover-live-preview .dh-cover-canvas,
#page-digital-human .dh-cover-live-preview .dh-cover-reference-canvas {
  display: block;
  width: 360px;
  max-width: 82%;
  height: auto;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: 26px;
  background: #0f172a;
  box-shadow: 0 26px 62px rgba(16, 24, 40, .22);
}

#page-digital-human .dh-cover-live-preview .dh-cover-canvas img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(320px, .42fr) minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
}

#page-digital-human .dh-broll-source,
#page-digital-human .dh-broll-plan-side {
  border-radius: 17px;
}

#page-digital-human .dh-broll-mode-switch {
  grid-template-columns: 1fr 1fr;
}

#page-digital-human .dh-broll-material-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: 300px;
}

#page-digital-human .dh-broll-plan-preview {
  max-height: 500px;
}

#page-digital-human .dh-persona-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

#page-digital-human .dh-persona-option {
  min-height: 286px;
  border-radius: 17px;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 214px;
}

#page-digital-human .dh-voice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#page-digital-human .dh-voice-option {
  grid-template-columns: 50px minmax(0, 1fr) auto;
  min-height: 88px;
}

@media (max-width: 1480px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(300px, .9fr) minmax(360px, 1fr) minmax(340px, .96fr);
  }

  #page-digital-human .dh-production-hero {
    grid-template-columns: 1fr;
  }

  #page-digital-human .dh-edit-card {
    min-height: 146px;
  }

  #page-digital-human .dh-persona-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #page-digital-human .dh-voice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* SaaS console v6: guided creation surface, visual choices, modal tools. */
#page-digital-human {
  --dh-ink: #101828;
  --dh-muted: #667085;
  --dh-line: rgba(16, 24, 40, .1);
  --dh-surface: rgba(255, 255, 255, .96);
  --dh-primary: #3f5bf6;
  --dh-primary-strong: #2d3fd7;
  --dh-teal: #0ea5a4;
  --dh-radius: 16px;
}

#page-digital-human .digital-human-console {
  height: calc(100vh - 96px);
  min-height: 720px;
  gap: 10px;
}

#page-digital-human .digital-human-head {
  min-height: 52px;
  padding: 9px 12px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,248,255,.92));
  box-shadow: 0 12px 30px rgba(16, 24, 40, .06);
}

#page-digital-human .dh-title-lockup h1 {
  font-size: 22px;
  letter-spacing: 0;
}

#page-digital-human .digital-human-board {
  grid-template-columns: minmax(342px, .9fr) minmax(420px, 1.06fr) minmax(360px, .88fr);
  grid-template-areas: "copy avatar output";
  gap: 12px;
  min-height: 0;
}

#page-digital-human .dh-copy-panel { grid-area: copy; }
#page-digital-human .dh-avatar-panel { grid-area: avatar; }
#page-digital-human .dh-output-panel { grid-area: output; }

#page-digital-human .digital-human-panel {
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 18px;
  background: var(--dh-surface);
  box-shadow: 0 20px 50px rgba(16, 24, 40, .08);
}

#page-digital-human .dh-panel-head {
  min-height: 50px;
  padding: 11px 14px 8px;
}

#page-digital-human .dh-scroll {
  padding: 11px 12px;
}

#page-digital-human .dh-output-panel .dh-scroll,
#page-digital-human .dh-avatar-panel .dh-scroll {
  overflow: hidden;
}

#page-digital-human .dh-production-hero {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#page-digital-human .dh-select-card {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 24px;
  min-height: 152px;
  padding: 14px;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.84), rgba(248,251,255,.96)),
    #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.9), 0 16px 32px rgba(16, 24, 40, .08);
}

#page-digital-human .dh-select-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .9;
  pointer-events: none;
}

#page-digital-human .dh-persona-card::before {
  background:
    radial-gradient(circle at 15% 20%, rgba(63, 91, 246, .16), transparent 32%),
    linear-gradient(135deg, rgba(63,91,246,.08), transparent 55%);
}

#page-digital-human .dh-voice-card::before {
  background:
    radial-gradient(circle at 20% 15%, rgba(14, 165, 164, .18), transparent 32%),
    linear-gradient(135deg, rgba(14,165,164,.08), transparent 55%);
}

#page-digital-human .dh-select-media {
  position: relative;
  z-index: 1;
}

#page-digital-human .dh-persona-thumb,
#page-digital-human .dh-voice-avatar {
  width: 96px;
  height: 124px;
  border-radius: 18px;
}

#page-digital-human .dh-persona-thumb {
  background: linear-gradient(180deg, #eaf1ff, #f8fafc);
}

#page-digital-human .dh-persona-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-voice-avatar {
  background:
    radial-gradient(circle at 50% 25%, rgba(255,255,255,.36), transparent 16%),
    linear-gradient(145deg, #0f766e, #14b8a6);
}

#page-digital-human .dh-voice-avatar::before {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.9) 0 3px, transparent 3px 8px),
    rgba(255,255,255,.18);
  mask: linear-gradient(#000 0 0);
}

#page-digital-human .dh-voice-avatar svg {
  z-index: 1;
  width: 34px;
  height: 34px;
}

#page-digital-human .dh-select-copy {
  position: relative;
  z-index: 1;
  align-self: center;
  gap: 7px;
}

#page-digital-human .dh-select-copy span {
  width: fit-content;
  padding: 4px 8px;
  border-radius: 999px;
  color: #344054;
  background: rgba(255, 255, 255, .78);
  font-size: 12px;
}

#page-digital-human .dh-select-copy b {
  font-size: 20px;
  letter-spacing: 0;
}

#page-digital-human .dh-select-copy small {
  font-size: 12px;
  white-space: normal;
}

#page-digital-human .dh-select-arrow {
  position: relative;
  z-index: 1;
}

#page-digital-human .dh-select-card .dh-voice-wave {
  z-index: 1;
  left: 124px;
  right: 44px;
  bottom: 18px;
}

#page-digital-human .dh-drive-switch {
  min-height: 42px;
  border-radius: 14px;
  background: rgba(16, 24, 40, .05);
}

#page-digital-human .dh-flow-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#page-digital-human .dh-flow-strip span {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 12px;
  background: #fff;
  color: #667085;
  font-size: 12px;
  font-weight: 900;
}

#page-digital-human .dh-flow-strip i {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #98a2b3;
  background: rgba(16, 24, 40, .06);
  font-size: 11px;
  font-style: normal;
  font-weight: 1000;
}

#page-digital-human .dh-flow-strip span.active {
  color: #1d2939;
  border-color: rgba(63, 91, 246, .22);
  background: linear-gradient(135deg, rgba(63,91,246,.08), rgba(255,255,255,.96));
}

#page-digital-human .dh-flow-strip span.active i {
  color: #fff;
  background: var(--dh-primary);
}

#page-digital-human .dh-flow-strip span.is-loading i {
  color: #fff;
  background: #f59e0b;
}

#page-digital-human .dh-flow-strip span.is-fail i {
  color: #fff;
  background: #ef4444;
}

#page-digital-human .dh-workflow-pocket,
#page-digital-human .dh-status-note,
#page-digital-human .dh-editor-preview {
  display: none !important;
}

#page-digital-human .dh-advanced-settings {
  margin-top: 0;
  display: block;
  min-height: 42px;
  height: auto;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 14px;
  background: #fff;
}

#page-digital-human .dh-advanced-settings summary {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 950;
}

#page-digital-human .dh-advanced-grid {
  gap: 10px;
  padding: 0 12px 12px;
}

#page-digital-human .dh-generate-actions {
  grid-template-columns: 1fr 1.15fr;
  padding: 10px 12px 12px;
}

#page-digital-human .dh-generate-actions .btn {
  min-height: 50px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .dh-post-section {
  margin: 0 12px 12px;
  padding-top: 2px;
}

#page-digital-human .dh-post-head h2 {
  font-size: 16px;
}

#page-digital-human .dh-edit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#page-digital-human .dh-edit-card {
  min-height: 174px;
  padding: 14px;
  border: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 36px rgba(16, 24, 40, .14);
}

#page-digital-human .dh-edit-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 12%, rgba(7, 12, 24, .28) 64%, rgba(7, 12, 24, .72)),
    radial-gradient(circle at 80% 10%, rgba(255,255,255,.26), transparent 26%);
  pointer-events: none;
}

#page-digital-human .dh-edit-card > * {
  position: relative;
  z-index: 1;
}

#page-digital-human .dh-edit-card-icon {
  width: 38px;
  height: 38px;
  border-radius: 13px;
}

#page-digital-human .dh-edit-card strong {
  margin-top: auto;
  font-size: 20px;
  letter-spacing: 0;
}

#page-digital-human .dh-edit-card b {
  font-size: 13px;
}

#page-digital-human .dh-edit-card small {
  max-width: 100%;
  font-size: 11px;
}

#page-digital-human .dh-preview-shell {
  padding: 12px 8px;
}

#page-digital-human .dh-final-preview {
  width: min(338px, 92%);
  border-radius: 34px;
}

#page-digital-human .dh-output-audio {
  min-height: 88px;
  margin-top: 10px;
  border: 1px solid rgba(63, 91, 246, .14);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(63,91,246,.12), transparent 42%),
    #fff;
  box-shadow: 0 14px 28px rgba(16, 24, 40, .06);
}

#page-digital-human .dh-output-audio .avatar-audio-mini-result,
#page-digital-human .dh-polished-audio-card {
  display: grid;
  gap: 10px;
  padding: 2px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#page-digital-human .dh-output-audio .avatar-audio-result-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

#page-digital-human .dh-output-audio .avatar-audio-result-head b {
  color: #101828;
  font-size: 14px;
  font-weight: 1000;
}

#page-digital-human .dh-output-audio .avatar-audio-duration {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}

#page-digital-human .dh-audio-wave {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-items: center;
  gap: 4px;
  height: 22px;
}

#page-digital-human .dh-audio-wave i {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, #3f5bf6, #0ea5a4);
}

#page-digital-human .dh-audio-wave i:nth-child(2n) { height: 16px; }
#page-digital-human .dh-audio-wave i:nth-child(3n) { height: 22px; }

#page-digital-human .dh-output-audio .avatar-audio-player-row {
  padding: 0;
  border: 0;
  background: transparent;
}

#page-digital-human .dh-output-audio audio {
  height: 34px;
}

#page-digital-human .dh-output-actions {
  grid-template-columns: .7fr 1fr .72fr;
}

#page-digital-human .dh-picker-modal {
  border-radius: 22px;
  box-shadow: 0 34px 90px rgba(16, 24, 40, .24);
}

#page-digital-human .dh-picker-head {
  min-height: 56px;
  padding: 14px 18px 10px;
}

#page-digital-human .dh-picker-head p {
  display: none;
}

#page-digital-human .dh-style-modal,
#page-digital-human .dh-broll-modal {
  width: min(1180px, calc(100vw - 64px));
}

#page-digital-human .dh-style-modal-layout,
#page-digital-human .dh-cover-modal .dh-style-modal-layout,
#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(330px, .38fr) minmax(0, 1fr);
  gap: 16px;
  max-height: calc(100vh - 174px);
  padding: 16px 18px;
  background: #f6f8fb;
}

#page-digital-human .dh-featured-style-grid-premium {
  grid-template-columns: 1fr;
  gap: 14px;
}

#page-digital-human .dh-featured-style-grid button {
  min-height: 220px;
  border-radius: 20px;
}

#page-digital-human .dh-featured-style-grid strong {
  font-size: 16px;
}

#page-digital-human .dh-style-card-demo {
  min-height: 142px;
  border-radius: 18px;
}

#page-digital-human .dh-style-card-demo b {
  font-size: 31px;
}

#page-digital-human .dh-style-card-demo i {
  font-size: 22px;
}

#page-digital-human .dh-style-preview-side {
  min-height: 590px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 0, rgba(63,91,246,.12), transparent 35%),
    linear-gradient(180deg, #fff, #f7faff);
}

#page-digital-human .dh-preview-phone {
  width: min(330px, 78%);
}

#page-digital-human .dh-preview-title.title-viral {
  font-size: var(--dh-title-size, 32px);
}

#page-digital-human .dh-preview-subtitle.style-stroke {
  background: rgba(0,0,0,.2);
  -webkit-text-stroke: .85px #05070d;
}

#page-digital-human .dh-style-advanced-details {
  border-radius: 16px;
}

#page-digital-human .dh-style-advanced-details summary {
  font-size: 13px;
}

#page-digital-human .dh-cover-style-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#page-digital-human .dh-cover-style-grid button {
  min-height: 190px;
  padding: 8px;
  border-radius: 18px;
  background: #fff;
}

#page-digital-human .dh-cover-style-grid button img {
  height: 148px;
  border-radius: 14px;
  object-fit: cover;
}

#page-digital-human .dh-cover-style-grid b {
  padding: 0 3px 2px;
  font-size: 13px;
}

#page-digital-human .dh-cover-style-grid button span {
  display: none;
}

#page-digital-human .dh-cover-live-preview .dh-cover-canvas,
#page-digital-human .dh-cover-live-preview .dh-cover-reference-canvas {
  width: 390px;
  max-width: 82%;
  border-radius: 28px;
}

#page-digital-human .dh-broll-source,
#page-digital-human .dh-broll-plan-side {
  display: grid;
  align-content: start;
  gap: 12px;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(16, 24, 40, .06);
}

#page-digital-human .dh-broll-source {
  grid-template-rows: auto auto auto auto minmax(0, 1fr);
  min-height: 0;
  padding: 14px;
}

#page-digital-human .dh-broll-script-field textarea {
  min-height: 96px;
  max-height: 116px;
}

#page-digital-human .dh-broll-mode-switch {
  min-height: 38px;
  border-radius: 13px;
}

#page-digital-human .dh-broll-rule-details {
  border-radius: 14px;
}

#page-digital-human .dh-broll-local-actions {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

#page-digital-human .dh-broll-filters {
  gap: 6px;
}

#page-digital-human .dh-broll-filters button {
  min-height: 32px;
  border-radius: 999px;
}

#page-digital-human .dh-broll-material-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 240px;
  padding-right: 2px;
}

#page-digital-human .dh-broll-material-grid .broll-material-chip {
  min-height: 124px;
  border-radius: 14px;
}

#page-digital-human .dh-broll-material-grid .broll-material-chip > span {
  height: 70px;
  border-radius: 12px;
}

#page-digital-human .dh-broll-plan-side {
  grid-template-rows: auto minmax(0, 1fr);
  padding: 14px;
}

#page-digital-human .dh-broll-plan-tools {
  grid-template-columns: auto 1fr;
}

#page-digital-human .dh-broll-plan-tools .btn {
  min-height: 40px;
  border-radius: 13px;
}

#page-digital-human .dh-broll-plan-tools span {
  text-align: right;
  font-size: 12px;
}

#page-digital-human .dh-broll-plan-preview {
  max-height: 520px;
  padding: 2px;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-head {
  padding: 12px 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(63,91,246,.08), rgba(14,165,164,.08));
}

#page-digital-human .dh-broll-plan-preview .broll-plan-row {
  grid-template-columns: 26px minmax(120px, 1fr) minmax(150px, .65fr) 72px 72px 54px;
  gap: 8px;
  border-radius: 14px;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-copy em {
  max-width: 100%;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-time input,
#page-digital-human .dh-broll-plan-preview select {
  border-radius: 10px;
}

#page-digital-human .broll-plan-empty,
#page-digital-human .broll-material-empty {
  display: grid;
  place-items: center;
  min-height: 150px;
  border: 1px dashed rgba(16, 24, 40, .16);
  border-radius: 16px;
  color: #667085;
  background: #f8fafc;
  text-align: center;
  font-weight: 850;
}

#page-digital-human .broll-plan-empty b,
#page-digital-human .broll-material-empty b {
  color: #344054;
  font-size: 15px;
  font-weight: 1000;
}

#page-digital-human .broll-plan-empty span,
#page-digital-human .broll-material-empty span {
  font-size: 12px;
}

#page-digital-human .dh-persona-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

#page-digital-human .dh-persona-option {
  min-height: 304px;
  border-radius: 18px;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 230px;
  background:
    radial-gradient(circle at 50% 12%, rgba(63,91,246,.12), transparent 34%),
    linear-gradient(180deg, #edf4ff, #f8fafc);
}

#page-digital-human .dh-persona-option-media img,
#page-digital-human .dh-persona-option-media video {
  object-fit: contain;
  object-position: center bottom;
}

#page-digital-human .dh-voice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#page-digital-human .dh-voice-option {
  min-height: 96px;
  border-radius: 18px;
}

@media (max-width: 1540px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(310px, .84fr) minmax(386px, 1fr) minmax(336px, .86fr);
  }

  #page-digital-human .dh-production-hero {
    grid-template-columns: 1fr;
  }

  #page-digital-human .dh-select-card {
    min-height: 128px;
    grid-template-columns: 86px minmax(0, 1fr) 24px;
  }

  #page-digital-human .dh-persona-thumb,
  #page-digital-human .dh-voice-avatar {
    width: 86px;
    height: 104px;
  }

  #page-digital-human .dh-select-card .dh-voice-wave {
    left: 112px;
  }

  #page-digital-human .dh-edit-card {
    min-height: 154px;
  }
}

@media (max-width: 1180px) {
  #page-digital-human .digital-human-console {
    height: auto;
  }

  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "avatar"
      "output";
  }

  #page-digital-human .dh-output-panel .dh-scroll,
  #page-digital-human .dh-avatar-panel .dh-scroll {
    overflow: visible;
  }

  #page-digital-human .dh-style-modal-layout,
  #page-digital-human .dh-cover-modal .dh-style-modal-layout,
  #page-digital-human .dh-broll-layout {
    grid-template-columns: 1fr;
  }
}

/* SaaS console v10 production workspace. Keep this block at EOF. */
#page-digital-human {
  --dh-ink: #111827;
  --dh-sub: #5d6678;
  --dh-faint: #8792a6;
  --dh-line: rgba(17, 24, 39, .10);
  --dh-blue: #2563eb;
  --dh-cyan: #08a7b7;
  --dh-green: #12b981;
  --dh-card-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}

#page-digital-human .digital-human-console {
  height: calc(100vh - 88px) !important;
  min-height: 780px !important;
  gap: 10px !important;
}

#page-digital-human .digital-human-head {
  min-height: 56px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(37, 99, 235, .10) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98), rgba(239,248,255,.94) 60%, rgba(236,253,245,.78)) !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .07) !important;
}

#page-digital-human .dh-title-lockup h1 {
  font-size: 22px !important;
}

#page-digital-human .dh-product-icon,
#page-digital-human .dh-panel-icon {
  color: #fff !important;
  background: linear-gradient(135deg, var(--dh-blue), var(--dh-cyan)) !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .25) !important;
}

#page-digital-human .digital-human-board {
  grid-template-columns: minmax(320px, .86fr) minmax(360px, .98fr) minmax(360px, .92fr) minmax(328px, .82fr) !important;
  grid-template-areas: "copy avatar edit output" !important;
  gap: 12px !important;
  min-height: 0 !important;
  height: 100% !important;
}

#page-digital-human .dh-copy-panel { grid-area: copy !important; }
#page-digital-human .dh-avatar-panel { grid-area: avatar !important; }
#page-digital-human .dh-edit-panel { grid-area: edit !important; }
#page-digital-human .dh-output-panel { grid-area: output !important; }

#page-digital-human .digital-human-panel {
  min-width: 0 !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: var(--dh-card-shadow) !important;
  overflow: hidden !important;
}

#page-digital-human .dh-panel-head {
  min-height: 54px !important;
  padding: 12px 14px 9px !important;
}

#page-digital-human .dh-panel-head h2 {
  color: var(--dh-ink) !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-scroll {
  padding: 12px !important;
  gap: 10px !important;
}

#page-digital-human .dh-avatar-panel,
#page-digital-human .dh-edit-panel,
#page-digital-human .dh-output-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

#page-digital-human .dh-avatar-panel > .dh-scroll,
#page-digital-human .dh-edit-panel > .dh-scroll,
#page-digital-human .dh-output-panel > .dh-scroll {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  align-content: start !important;
}

#page-digital-human .dh-copy-tabs {
  gap: 6px !important;
  padding: 4px !important;
  border-radius: 16px !important;
  background: #f4f7fb !important;
}

#page-digital-human .dh-copy-tabs button {
  min-height: 36px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
}

#page-digital-human .dh-copy-tabs button.active {
  color: #fff !important;
  background: linear-gradient(135deg, #1f2937, #2563eb) !important;
}

#page-digital-human .dh-field input,
#page-digital-human .dh-field select,
#page-digital-human .dh-field textarea {
  border-color: rgba(15, 23, 42, .10) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

#page-digital-human .dh-script-field textarea {
  min-height: 148px !important;
  max-height: 210px !important;
}

#page-digital-human .dh-copy-preview {
  min-height: 150px !important;
  max-height: 250px !important;
  overflow: auto !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
}

#page-digital-human .dh-studio-stage {
  display: grid !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#page-digital-human .dh-persona-stage-preview {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  height: min(34vh, 300px) !important;
  min-height: 236px !important;
  border: 1px solid rgba(37, 99, 235, .12) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(37, 99, 235, .12), transparent 34%),
    linear-gradient(180deg, #f7fbff, #eef7ff) !important;
  overflow: hidden !important;
}

#page-digital-human .dh-persona-stage-preview .short-preview-shell,
#page-digital-human .dh-persona-stage-preview .video-preview-shell,
#page-digital-human .dh-persona-stage-preview .dh-output-mock {
  width: min(178px, 54%) !important;
  height: calc(100% - 22px) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .16) !important;
}

#page-digital-human .dh-persona-stage-preview video,
#page-digital-human .dh-persona-stage-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

#page-digital-human .dh-persona-stage-preview .video-preview-extra,
#page-digital-human .dh-persona-stage-preview .short-preview-overlay,
#page-digital-human .dh-persona-stage-preview .video-load-state,
#page-digital-human .dh-final-preview .short-preview-overlay,
#page-digital-human .dh-final-preview .short-preview-social,
#page-digital-human .dh-final-preview .short-preview-caption {
  display: none !important;
}

#page-digital-human .dh-flow-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#page-digital-human .dh-flow-strip span {
  min-height: 34px !important;
  padding: 0 8px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  background: #fff !important;
}

#page-digital-human .dh-production-hero {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  min-height: 0 !important;
}

#page-digital-human .dh-selected-asset-card,
#page-digital-human .dh-selected-sound-shell {
  border: 1px solid rgba(15, 23, 42, .09) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05) !important;
}

#page-digital-human .dh-selected-persona-card {
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px !important;
}

#page-digital-human .dh-selected-persona-visual {
  min-height: 0 !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #e8f2ff, #f8fafc) !important;
}

#page-digital-human .dh-selected-persona-visual .persona-portrait {
  width: 100% !important;
  height: 100% !important;
  border-radius: 18px !important;
}

#page-digital-human .dh-selected-persona-visual img,
#page-digital-human .dh-selected-persona-visual video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

#page-digital-human .dh-selected-sound-shell {
  min-height: 0 !important;
  padding: 10px !important;
  display: grid !important;
  gap: 10px !important;
}

#page-digital-human .dh-drive-switch {
  min-height: 38px !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: #f3f6fb !important;
}

#page-digital-human .dh-drive-switch button {
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#page-digital-human .dh-drive-switch button.active {
  color: #fff !important;
  background: #111827 !important;
}

#page-digital-human .dh-selected-voice-card,
#page-digital-human .dh-selected-audio-card {
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 0 0, rgba(8, 167, 183, .10), transparent 44%),
    #fff !important;
}

#page-digital-human .dh-selected-voice-visual,
#page-digital-human .dh-selected-audio-visual {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  align-items: center !important;
  gap: 3px !important;
  width: 52px !important;
  height: 52px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ecfeff, #dbeafe) !important;
}

#page-digital-human .dh-selected-voice-visual i,
#page-digital-human .dh-selected-audio-visual i {
  display: block !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--dh-blue), var(--dh-cyan)) !important;
}

#page-digital-human .dh-selected-voice-visual i:nth-child(2n),
#page-digital-human .dh-selected-audio-visual i:nth-child(2n) { height: 22px !important; }
#page-digital-human .dh-selected-voice-visual i:nth-child(3n),
#page-digital-human .dh-selected-audio-visual i:nth-child(3n) { height: 30px !important; }

#page-digital-human .dh-selected-asset-copy em {
  display: block !important;
  color: var(--dh-faint) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

#page-digital-human .dh-selected-asset-copy b {
  display: block !important;
  color: var(--dh-ink) !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  line-height: 1.25 !important;
}

#page-digital-human .dh-selected-asset-copy small {
  display: block !important;
  margin-top: 2px !important;
  color: var(--dh-sub) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-digital-human .dh-advanced-settings {
  min-height: 40px !important;
  margin: 0 !important;
  border: 1px solid rgba(15, 23, 42, .09) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

#page-digital-human .dh-advanced-settings summary {
  min-height: 40px !important;
  padding: 0 12px !important;
  color: #344054 !important;
  font-size: 13px !important;
}

#page-digital-human .dh-advanced-grid {
  grid-template-columns: 1fr !important;
  padding: 0 12px 12px !important;
}

#page-digital-human .dh-workflow-pocket,
#page-digital-human .dh-status-note,
#page-digital-human .dh-editor-preview {
  display: none !important;
}

#page-digital-human .dh-generate-actions {
  grid-template-columns: 1fr 1.08fr !important;
  gap: 10px !important;
  padding: 10px 12px 12px !important;
}

#page-digital-human .dh-hidden-action-row {
  display: none !important;
}

#page-digital-human .dh-generate-actions .btn {
  min-height: 48px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-generate-actions .btn.primary {
  border-color: transparent !important;
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, .22) !important;
}

#page-digital-human .dh-edit-panel .dh-scroll {
  display: grid !important;
  align-items: stretch !important;
}

#page-digital-human .dh-post-section {
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#page-digital-human .dh-post-head {
  display: none !important;
}

#page-digital-human .dh-edit-grid {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#page-digital-human .dh-edit-card {
  min-height: 0 !important;
  height: auto !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 30px rgba(15, 23, 42, .13) !important;
}

#page-digital-human .dh-edit-card strong {
  margin-top: auto !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card small,
#page-digital-human .dh-edit-card em {
  color: rgba(255,255,255,.88) !important;
}

#page-digital-human .dh-edit-card-icon {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px) !important;
}

#page-digital-human .dh-edit-card-music { background: linear-gradient(135deg, #0f766e, #0ea5e9) !important; }
#page-digital-human .dh-edit-card-broll { background: linear-gradient(135deg, #1d4ed8, #111827) !important; }
#page-digital-human .dh-edit-card-subtitle { background: linear-gradient(135deg, #ea580c, #be123c) !important; }
#page-digital-human .dh-edit-card-cover { background: linear-gradient(135deg, #6d28d9, #2563eb) !important; }

#page-digital-human .dh-preview-shell {
  display: grid !important;
  place-items: center !important;
  padding: 10px 0 0 !important;
}

#page-digital-human .dh-final-preview {
  width: min(286px, 92%) !important;
  height: min(48vh, 500px) !important;
  min-height: 360px !important;
  border-radius: 28px !important;
  background: #0b1220 !important;
  overflow: hidden !important;
}

#page-digital-human .dh-final-preview video,
#page-digital-human .dh-final-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#page-digital-human .dh-output-audio {
  min-height: 96px !important;
  margin-top: 10px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 0 0, rgba(37, 99, 235, .13), transparent 42%),
    linear-gradient(135deg, #ffffff, #f7fbff) !important;
}

#page-digital-human .dh-output-audio audio {
  width: 100% !important;
  height: 34px !important;
}

#page-digital-human .dh-output-actions {
  grid-template-columns: .72fr 1fr .72fr !important;
  gap: 8px !important;
  padding: 10px 12px 12px !important;
}

#page-digital-human .dh-output-actions .btn {
  min-height: 42px !important;
  border-radius: 14px !important;
}

#page-digital-human .dh-picker-head p,
#page-digital-human #dhCopyToolModalDesc,
#page-digital-human .dh-live-fallback span,
#page-digital-human .dh-copy-empty span {
  display: none !important;
}

#page-digital-human .dh-picker-modal {
  border-radius: 24px !important;
  box-shadow: 0 34px 90px rgba(15, 23, 42, .24) !important;
}

#page-digital-human .dh-style-modal,
#page-digital-human .dh-broll-modal {
  width: min(1180px, calc(100vw - 64px)) !important;
}

#page-digital-human .dh-style-modal-layout,
#page-digital-human .dh-cover-modal .dh-style-modal-layout,
#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(300px, .36fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  max-height: calc(100vh - 174px) !important;
  padding: 16px 18px !important;
  background: #f6f8fb !important;
}

#page-digital-human .dh-featured-style-grid-premium {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

#page-digital-human .dh-featured-style-grid button {
  min-height: 200px !important;
  border-radius: 20px !important;
}

#page-digital-human .dh-style-card-demo b {
  font-size: 30px !important;
}

#page-digital-human .dh-style-preview-side {
  min-height: 560px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(37,99,235,.12), transparent 35%),
    linear-gradient(180deg, #fff, #f7fbff) !important;
}

#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(300px, .32fr) minmax(0, 1fr) !important;
}

#page-digital-human .dh-broll-source,
#page-digital-human .dh-broll-plan-side {
  border-radius: 18px !important;
}

#page-digital-human .dh-broll-source {
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  padding: 14px !important;
}

#page-digital-human .dh-broll-material-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-height: 290px !important;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-row {
  grid-template-columns: 28px minmax(150px, 1fr) minmax(150px, .7fr) 74px 74px 46px !important;
}

#page-digital-human .dh-persona-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#page-digital-human .dh-persona-option {
  min-height: 304px !important;
  border-radius: 18px !important;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 230px !important;
}

#page-digital-human .dh-persona-option-media img,
#page-digital-human .dh-persona-option-media video {
  object-fit: contain !important;
  object-position: center bottom !important;
}

#page-digital-human .dh-voice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1700px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(300px, .82fr) minmax(330px, .95fr) minmax(310px, .84fr) minmax(306px, .76fr) !important;
  }

  #page-digital-human .dh-final-preview {
    width: min(256px, 92%) !important;
  }
}

@media (max-width: 1380px) {
  #page-digital-human .digital-human-console {
    height: auto !important;
  }

  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "copy avatar"
      "edit output" !important;
  }
}

@media (max-width: 920px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "copy"
      "avatar"
      "edit"
      "output" !important;
  }

  #page-digital-human .dh-avatar-panel > .dh-scroll,
  #page-digital-human .dh-edit-panel > .dh-scroll,
  #page-digital-human .dh-output-panel > .dh-scroll {
    overflow: visible !important;
  }
}

#page-digital-human #dhPersonaPreview .short-preview-overlay,
#page-digital-human #dhPersonaPreview .video-preview-extra,
#page-digital-human #dhPersonaPreview .video-load-state,
#page-digital-human #dhFinalPreview .short-preview-overlay,
#page-digital-human #dhFinalPreview .short-preview-social,
#page-digital-human #dhFinalPreview .short-preview-caption {
  display: none !important;
}

/* SaaS console v11 product workspace. Keep this block at EOF. */
#page-digital-human {
  --dh-ink: #101828;
  --dh-muted: #667085;
  --dh-soft: #f5f7fb;
  --dh-line: rgba(16, 24, 40, .10);
  --dh-blue: #1677ff;
  --dh-teal: #00a6a6;
  --dh-green: #17b26a;
  --dh-radius: 18px;
  --dh-shadow: 0 18px 50px rgba(16, 24, 40, .08);
  background: #f6f8fc !important;
}

#page-digital-human .digital-human-console {
  height: calc(100vh - 88px) !important;
  min-height: 760px !important;
  padding: 12px !important;
  gap: 12px !important;
}

#page-digital-human .digital-human-head {
  min-height: 58px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(22, 119, 255, .14) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: var(--dh-shadow) !important;
}

#page-digital-human .dh-title-lockup h1 {
  font-size: 22px !important;
  letter-spacing: 0 !important;
}

#page-digital-human .dh-product-icon,
#page-digital-human .dh-panel-icon {
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1677ff, #00a6a6) !important;
  box-shadow: 0 12px 26px rgba(22, 119, 255, .24) !important;
}

#page-digital-human .dh-product-icon svg,
#page-digital-human .dh-panel-icon svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#page-digital-human .dh-mode-switch {
  width: min(360px, 36vw) !important;
  padding: 4px !important;
  border-radius: 16px !important;
  background: #eef4ff !important;
}

#page-digital-human .dh-mode-switch button {
  border-radius: 12px !important;
  font-weight: 900 !important;
}

#page-digital-human .dh-mode-switch button.active {
  color: #fff !important;
  background: linear-gradient(135deg, #1677ff, #00a6a6) !important;
  box-shadow: 0 10px 20px rgba(22, 119, 255, .22) !important;
}

#page-digital-human .digital-human-board {
  grid-template-columns: minmax(360px, .88fr) minmax(520px, 1.18fr) minmax(330px, .78fr) !important;
  grid-template-areas:
    "copy avatar output"
    "copy edit output" !important;
  grid-template-rows: minmax(390px, .58fr) minmax(240px, .42fr) !important;
  gap: 12px !important;
  height: 100% !important;
  min-height: 0 !important;
}

#page-digital-human .dh-copy-panel { grid-area: copy !important; }
#page-digital-human .dh-avatar-panel { grid-area: avatar !important; }
#page-digital-human .dh-edit-panel { grid-area: edit !important; }
#page-digital-human .dh-output-panel { grid-area: output !important; }

#page-digital-human .digital-human-panel {
  min-width: 0 !important;
  border: 1px solid rgba(16, 24, 40, .08) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: var(--dh-shadow) !important;
  overflow: hidden !important;
}

#page-digital-human .dh-copy-panel,
#page-digital-human .dh-avatar-panel,
#page-digital-human .dh-edit-panel,
#page-digital-human .dh-output-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

#page-digital-human .dh-panel-head {
  min-height: 52px !important;
  padding: 11px 14px 8px !important;
}

#page-digital-human .dh-panel-head h2 {
  color: var(--dh-ink) !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-scroll {
  min-height: 0 !important;
  height: 100% !important;
  padding: 12px !important;
  gap: 10px !important;
  overflow: hidden !important;
}

#page-digital-human .dh-copy-panel .dh-scroll {
  overflow: auto !important;
}

#page-digital-human .dh-copy-tabs {
  padding: 4px !important;
  gap: 4px !important;
  border: 1px solid rgba(16, 24, 40, .06) !important;
  border-radius: 16px !important;
  background: #f3f6fb !important;
}

#page-digital-human .dh-copy-tabs button {
  min-height: 34px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#page-digital-human .dh-copy-tabs button.active {
  color: #fff !important;
  background: #111827 !important;
}

#page-digital-human .dh-field b {
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

#page-digital-human .dh-field input,
#page-digital-human .dh-field select,
#page-digital-human .dh-field textarea {
  border: 1px solid rgba(16, 24, 40, .10) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#page-digital-human .dh-script-field textarea {
  min-height: 180px !important;
  max-height: 260px !important;
}

#page-digital-human .dh-copy-preview {
  min-height: 150px !important;
  max-height: 250px !important;
  overflow: auto !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
}

#page-digital-human .dh-copy-empty span,
#page-digital-human .dh-picker-head p,
#page-digital-human #dhCopyToolModalDesc,
#page-digital-human .dh-live-fallback span {
  display: none !important;
}

#page-digital-human .dh-copy-original-actions,
#page-digital-human .dh-generate-actions,
#page-digital-human .dh-output-actions {
  padding: 10px 12px 12px !important;
}

#page-digital-human .dh-copy-original-actions .btn,
#page-digital-human .dh-generate-actions .btn,
#page-digital-human .dh-output-actions .btn {
  min-height: 44px !important;
  border-radius: 14px !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  display: grid !important;
  grid-template-columns: minmax(220px, .72fr) minmax(270px, 1fr) !important;
  grid-template-areas:
    "preview choices"
    "preview advanced" !important;
  align-items: stretch !important;
  gap: 12px !important;
}

#page-digital-human .dh-studio-stage {
  display: contents !important;
}

#page-digital-human .dh-persona-stage-preview {
  grid-area: preview !important;
  height: 100% !important;
  min-height: 310px !important;
  border: 1px solid rgba(22, 119, 255, .12) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(22, 119, 255, .16), transparent 35%),
    linear-gradient(180deg, #f8fbff, #eef7ff) !important;
  overflow: hidden !important;
}

#page-digital-human .dh-persona-stage-preview .short-preview-shell,
#page-digital-human .dh-persona-stage-preview .video-preview-shell,
#page-digital-human .dh-persona-stage-preview .dh-output-mock {
  width: min(220px, 70%) !important;
  height: calc(100% - 24px) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 44px rgba(16, 24, 40, .18) !important;
}

#page-digital-human .dh-persona-stage-preview video,
#page-digital-human .dh-persona-stage-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

#page-digital-human .dh-flow-strip,
#page-digital-human .dh-workflow-pocket,
#page-digital-human .dh-status-note,
#page-digital-human .dh-editor-preview,
#page-digital-human .dh-hidden-action-row {
  display: none !important;
}

#page-digital-human .dh-production-hero {
  grid-area: choices !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  min-height: 0 !important;
  align-content: start !important;
}

#page-digital-human .dh-selected-asset-card,
#page-digital-human .dh-selected-sound-shell {
  border: 1px solid rgba(16, 24, 40, .09) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 14px 28px rgba(16, 24, 40, .06) !important;
}

#page-digital-human .dh-selected-persona-card {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 112px !important;
  padding: 12px !important;
}

#page-digital-human .dh-selected-persona-visual {
  width: 86px !important;
  height: 86px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #eaf4ff, #f7fbff) !important;
  overflow: hidden !important;
}

#page-digital-human .dh-selected-persona-visual img,
#page-digital-human .dh-selected-persona-visual video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

#page-digital-human .dh-selected-sound-shell {
  padding: 12px !important;
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  overflow: visible !important;
}

#page-digital-human .dh-drive-switch {
  min-height: 40px !important;
  order: 2 !important;
  padding: 4px !important;
  border-radius: 15px !important;
  background: #f1f5f9 !important;
}

#page-digital-human .dh-drive-switch button {
  border-radius: 11px !important;
  font-weight: 950 !important;
}

#page-digital-human .dh-drive-switch button.active {
  color: #fff !important;
  background: #111827 !important;
}

#page-digital-human .dh-selected-voice-card,
#page-digital-human .dh-selected-audio-card {
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 82px !important;
  order: 1 !important;
  padding: 10px !important;
  border-radius: 17px !important;
  background: #fff !important;
  overflow: visible !important;
}

#page-digital-human .dh-selected-asset-copy em {
  display: block !important;
  color: #98a2b3 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

#page-digital-human .dh-selected-asset-copy b {
  display: block !important;
  color: var(--dh-ink) !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
  line-height: 1.2 !important;
}

#page-digital-human .dh-selected-asset-copy small {
  display: block !important;
  margin-top: 3px !important;
  color: var(--dh-muted) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-digital-human .dh-selected-asset-card > i,
#page-digital-human .dh-selected-voice-card > i,
#page-digital-human .dh-selected-audio-card > i {
  min-width: 44px !important;
  color: #1677ff !important;
  font-style: normal !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-selected-voice-visual,
#page-digital-human .dh-selected-audio-visual,
#page-digital-human .dh-output-audio-mark,
#page-digital-human .dh-audio-wave {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  align-items: center !important;
  gap: 3px !important;
}

#page-digital-human .dh-selected-voice-visual,
#page-digital-human .dh-selected-audio-visual {
  width: 50px !important;
  height: 50px !important;
  padding: 10px !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, #ecfeff, #dbeafe) !important;
}

#page-digital-human .dh-selected-voice-visual i,
#page-digital-human .dh-selected-audio-visual i,
#page-digital-human .dh-output-audio-mark i,
#page-digital-human .dh-audio-wave i {
  display: block !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--dh-blue), var(--dh-teal)) !important;
}

#page-digital-human .dh-selected-voice-visual i:nth-child(2n),
#page-digital-human .dh-selected-audio-visual i:nth-child(2n),
#page-digital-human .dh-audio-wave i:nth-child(2n) { height: 24px !important; }
#page-digital-human .dh-selected-voice-visual i:nth-child(3n),
#page-digital-human .dh-selected-audio-visual i:nth-child(3n),
#page-digital-human .dh-audio-wave i:nth-child(3n) { height: 32px !important; }

#page-digital-human .dh-advanced-settings {
  grid-area: advanced !important;
  align-self: end !important;
  min-height: 44px !important;
  max-height: 184px !important;
  overflow: auto !important;
  margin: 0 !important;
  border: 1px solid rgba(16, 24, 40, .09) !important;
  border-radius: 16px !important;
  background: #fff !important;
}

#page-digital-human .dh-advanced-settings summary {
  min-height: 44px !important;
  padding: 0 13px !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

#page-digital-human .dh-advanced-grid {
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  padding: 0 12px 12px !important;
}

#page-digital-human .dh-control-group-title {
  display: none !important;
}

#page-digital-human .dh-generate-actions {
  grid-template-columns: .85fr 1.15fr !important;
  gap: 10px !important;
}

#page-digital-human .dh-generate-actions .btn.primary,
#page-digital-human .dh-copy-original-actions .btn.primary,
#page-digital-human .dh-output-actions .btn.primary {
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1677ff, #00a6a6) !important;
  box-shadow: 0 14px 28px rgba(22, 119, 255, .22) !important;
}

#page-digital-human .dh-edit-panel .dh-scroll {
  display: block !important;
  align-content: stretch !important;
}

#page-digital-human .dh-post-section {
  height: 100% !important;
  min-height: 220px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#page-digital-human .dh-post-head {
  display: none !important;
}

#page-digital-human .dh-edit-grid {
  height: 100% !important;
  min-height: 220px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#page-digital-human .dh-edit-card {
  position: relative !important;
  min-height: 220px !important;
  height: 100% !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 34px rgba(16, 24, 40, .14) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

#page-digital-human .dh-edit-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.26)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.18) 0 1px, transparent 1px 11px) !important;
  opacity: .58 !important;
  pointer-events: none !important;
}

#page-digital-human .dh-edit-card > * {
  position: relative !important;
  z-index: 1 !important;
}

#page-digital-human .dh-edit-card strong {
  margin-top: auto !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

#page-digital-human .dh-edit-card b,
#page-digital-human .dh-edit-card small,
#page-digital-human .dh-edit-card em {
  color: rgba(255, 255, 255, .90) !important;
}

#page-digital-human .dh-edit-card b {
  font-size: 13px !important;
}

#page-digital-human .dh-edit-card small {
  font-size: 12px !important;
}

#page-digital-human .dh-edit-card-icon {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px) !important;
}

#page-digital-human .dh-edit-card-music { background: linear-gradient(135deg, #0f766e, #0ea5e9) !important; }
#page-digital-human .dh-edit-card-broll { background: linear-gradient(135deg, #1d4ed8, #101828) !important; }
#page-digital-human .dh-edit-card-subtitle { background: linear-gradient(135deg, #f97316, #be123c) !important; }
#page-digital-human .dh-edit-card-cover { background: linear-gradient(135deg, #334155, #1677ff) !important; }

#page-digital-human .dh-output-panel .dh-scroll {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto auto !important;
}

#page-digital-human .dh-preview-shell {
  display: grid !important;
  place-items: center !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#page-digital-human .dh-final-preview {
  width: min(300px, 92%) !important;
  height: min(54vh, 560px) !important;
  min-height: 380px !important;
  border: 8px solid #111827 !important;
  border-radius: 34px !important;
  background: #0b1220 !important;
  overflow: hidden !important;
  box-shadow: 0 24px 56px rgba(16, 24, 40, .20) !important;
}

#page-digital-human .dh-final-preview video,
#page-digital-human .dh-final-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#page-digital-human .dh-output-audio {
  min-height: 104px !important;
  margin-top: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(16, 24, 40, .08) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 0 0, rgba(22, 119, 255, .12), transparent 44%),
    linear-gradient(135deg, #ffffff, #f8fbff) !important;
}

#page-digital-human .dh-output-audio audio {
  width: 100% !important;
  height: 34px !important;
}

#page-digital-human .dh-polished-audio-card p,
#page-digital-human .dh-output-audio-empty span {
  display: none !important;
}

#page-digital-human .dh-output-actions {
  grid-template-columns: .72fr 1fr .72fr !important;
  gap: 8px !important;
}

#page-digital-human .dh-generation-overlay {
  background: rgba(8, 13, 28, .28) !important;
  backdrop-filter: blur(6px) !important;
}

#page-digital-human .dh-generation-card {
  width: min(460px, calc(100vw - 48px)) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, rgba(11, 18, 32, .96), rgba(13, 54, 88, .94)) !important;
  box-shadow: 0 30px 100px rgba(0, 0, 0, .34) !important;
}

#page-digital-human .dh-generation-orbit {
  border-color: rgba(255,255,255,.18) !important;
}

#page-digital-human .dh-generation-head b,
#page-digital-human .dh-generation-head small,
#page-digital-human .dh-generation-card p {
  color: #fff !important;
}

#page-digital-human .dh-generation-mark {
  color: #061223 !important;
  background: linear-gradient(135deg, #7dd3fc, #a7f3d0) !important;
}

#page-digital-human .dh-picker-modal {
  border-radius: 26px !important;
  box-shadow: 0 34px 90px rgba(16, 24, 40, .26) !important;
}

#page-digital-human .dh-picker-head {
  min-height: 58px !important;
}

#page-digital-human .dh-style-modal,
#page-digital-human .dh-broll-modal,
#page-digital-human .dh-persona-modal,
#page-digital-human .dh-voice-modal,
#page-digital-human .dh-music-modal {
  width: min(1220px, calc(100vw - 64px)) !important;
}

#page-digital-human .dh-picker-toolbar {
  padding: 0 18px 14px !important;
}

#page-digital-human .dh-filter-pills {
  padding: 4px !important;
  border-radius: 15px !important;
  background: #f3f6fb !important;
}

#page-digital-human .dh-filter-pills button {
  border-radius: 11px !important;
}

#page-digital-human .dh-filter-pills button.active {
  color: #fff !important;
  background: #111827 !important;
}

#page-digital-human .dh-persona-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding-right: 2px !important;
}

#page-digital-human .dh-persona-option {
  min-height: 326px !important;
  border-radius: 20px !important;
  background: #fff !important;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 248px !important;
  background: linear-gradient(180deg, #eef6ff, #f8fafc) !important;
}

#page-digital-human .dh-persona-option-media img,
#page-digital-human .dh-persona-option-media video {
  object-fit: contain !important;
  object-position: center bottom !important;
}

#page-digital-human .dh-persona-option-body em {
  max-height: none !important;
}

#page-digital-human .dh-voice-grid,
#page-digital-human .dh-music-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#page-digital-human .dh-voice-option {
  min-height: 92px !important;
  border-radius: 18px !important;
  background: #fff !important;
}

#page-digital-human .dh-voice-play,
#page-digital-human .dh-picker-voice-play,
#page-digital-human .dh-music-play {
  border-radius: 999px !important;
}

#page-digital-human .dh-style-modal-layout,
#page-digital-human .dh-cover-modal .dh-style-modal-layout,
#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(280px, .32fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  max-height: calc(100vh - 174px) !important;
  padding: 16px 18px !important;
  background: #f6f8fc !important;
}

#page-digital-human .dh-style-controls,
#page-digital-human .dh-style-preview-side,
#page-digital-human .dh-broll-source,
#page-digital-human .dh-broll-plan-side {
  border: 1px solid rgba(16, 24, 40, .08) !important;
  border-radius: 22px !important;
  background: #fff !important;
}

#page-digital-human .dh-featured-style-grid-premium {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

#page-digital-human .dh-featured-style-grid button {
  min-height: 210px !important;
  border-radius: 20px !important;
  background: #fff !important;
}

#page-digital-human .dh-featured-style-grid button strong,
#page-digital-human .dh-cover-style-grid button b {
  font-size: 15px !important;
}

#page-digital-human .dh-style-card-demo b {
  font-size: 30px !important;
}

#page-digital-human .dh-style-advanced-details {
  margin-top: 12px !important;
  border-radius: 16px !important;
}

#page-digital-human .dh-style-advanced-details:not([open]) .dh-setting-block {
  display: none !important;
}

#page-digital-human .dh-style-preview-side {
  min-height: 560px !important;
  display: grid !important;
  place-items: center !important;
}

#page-digital-human .dh-live-style-preview {
  width: 100% !important;
  height: 100% !important;
}

#page-digital-human .dh-cover-style-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

#page-digital-human .dh-cover-style-grid button {
  min-height: 212px !important;
  padding: 8px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-content: start !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

#page-digital-human .dh-cover-style-grid button img {
  width: 100% !important;
  height: 158px !important;
  object-fit: contain !important;
  background: #f3f6fb !important;
  border-radius: 14px !important;
}

#page-digital-human .dh-cover-style-grid button b {
  display: block !important;
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--dh-ink) !important;
  background: transparent !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: none !important;
  z-index: 1 !important;
}

#page-digital-human .dh-cover-style-grid button span {
  display: none !important;
}

#page-digital-human .dh-cover-canvas img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

#page-digital-human .dh-broll-source {
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px !important;
}

#page-digital-human .dh-broll-mode-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#page-digital-human .dh-broll-mode-cards button {
  min-height: 62px !important;
  border: 1px solid rgba(16, 24, 40, .10) !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
  color: #344054 !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-broll-mode-cards button.active {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #111827, #1677ff) !important;
}

#page-digital-human .dh-broll-rule-details {
  border-radius: 16px !important;
}

#page-digital-human .dh-broll-rule-details:not([open]) .dh-broll-rule-grid {
  display: none !important;
}

#page-digital-human .dh-broll-material-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-height: 330px !important;
}

#page-digital-human .broll-material-chip {
  min-height: 118px !important;
  border-radius: 16px !important;
}

#page-digital-human .broll-material-chip span {
  height: 76px !important;
}

#page-digital-human .dh-broll-plan-preview {
  height: 100% !important;
  overflow: auto !important;
}

#page-digital-human .dh-broll-plan-preview .broll-plan-row {
  grid-template-columns: 26px minmax(130px, 1fr) minmax(150px, .82fr) 64px 64px 42px !important;
  gap: 8px !important;
  border-radius: 16px !important;
}

#page-digital-human .dh-broll-plan-preview small {
  display: none !important;
}

@media (max-width: 1500px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(330px, .9fr) minmax(470px, 1.15fr) minmax(300px, .78fr) !important;
  }

  #page-digital-human .dh-edit-card strong {
    font-size: 16px !important;
  }

  #page-digital-human .dh-persona-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  #page-digital-human .digital-human-console {
    height: auto !important;
  }

  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "copy output"
      "avatar avatar"
      "edit edit" !important;
    grid-template-rows: auto !important;
  }

  #page-digital-human .dh-scroll {
    overflow: visible !important;
  }
}

@media (max-width: 820px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "copy"
      "avatar"
      "output"
      "edit" !important;
  }

  #page-digital-human .dh-avatar-panel .dh-scroll {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "preview"
      "choices"
      "advanced" !important;
  }

  #page-digital-human .dh-edit-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* SaaS console v12 delivery polish. Keep this block at EOF. */
#page-digital-human {
  --dh-v12-ink: #101828;
  --dh-v12-muted: #667085;
  --dh-v12-line: rgba(16, 24, 40, .10);
  --dh-v12-blue: #176bff;
  --dh-v12-teal: #00a6a6;
  --dh-v12-shadow: 0 20px 54px rgba(16, 24, 40, .10);
}

#page-digital-human .digital-human-console {
  background:
    linear-gradient(180deg, rgba(248, 251, 255, .94), rgba(244, 247, 252, .98)),
    #f6f8fc !important;
}

#page-digital-human .digital-human-head {
  min-height: 66px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(23, 107, 255, .12) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 16px 46px rgba(16, 24, 40, .07) !important;
}

#page-digital-human .dh-product-icon,
#page-digital-human .dh-panel-icon {
  border-radius: 14px !important;
  background: linear-gradient(135deg, #176bff 0%, #04a7ac 100%) !important;
  box-shadow: 0 12px 24px rgba(23, 107, 255, .20) !important;
}

#page-digital-human .dh-mode-switch {
  width: min(390px, 44vw) !important;
  padding: 4px !important;
  border-radius: 18px !important;
  background: #edf3ff !important;
}

#page-digital-human .dh-mode-switch button {
  min-height: 38px !important;
}

#page-digital-human .digital-human-board {
  grid-template-columns: minmax(360px, .86fr) minmax(560px, 1.2fr) minmax(340px, .76fr) !important;
  grid-template-rows: minmax(386px, .58fr) minmax(248px, .42fr) !important;
  gap: 14px !important;
}

#page-digital-human .digital-human-panel {
  border-color: rgba(16, 24, 40, .075) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: var(--dh-v12-shadow) !important;
}

#page-digital-human .dh-panel-head {
  min-height: 54px !important;
  padding: 12px 14px 8px !important;
}

#page-digital-human .dh-panel-head h2 {
  font-size: 18px !important;
  letter-spacing: 0 !important;
}

#page-digital-human .dh-copy-panel .dh-scroll {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  gap: 11px !important;
  overflow: auto !important;
}

#page-digital-human .dh-copy-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: #eef4ff !important;
}

#page-digital-human .dh-copy-tabs button.active {
  background: #111827 !important;
  color: #fff !important;
}

#page-digital-human .dh-field input,
#page-digital-human .dh-field select,
#page-digital-human .dh-field textarea {
  color: var(--dh-v12-ink) !important;
  background: #fff !important;
}

#page-digital-human .dh-script-field textarea {
  min-height: clamp(190px, 24vh, 260px) !important;
  max-height: 300px !important;
  line-height: 1.7 !important;
}

#page-digital-human .dh-copy-preview,
#page-digital-human .dh-copy-result-card {
  min-height: 96px !important;
  max-height: 190px !important;
  padding: 12px !important;
  border: 1px solid rgba(16, 24, 40, .09) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

#page-digital-human .dh-copy-preview:has(.dh-copy-empty) {
  min-height: 54px !important;
  background: #f8fbff !important;
}

#page-digital-human .dh-copy-empty {
  min-height: 34px !important;
  grid-template-columns: auto 1fr !important;
  justify-content: start !important;
  place-items: center start !important;
  text-align: left !important;
}

#page-digital-human .dh-copy-result-title {
  display: grid !important;
  gap: 3px !important;
  margin-bottom: 8px !important;
}

#page-digital-human .dh-copy-result-title span,
#page-digital-human .dh-copy-result-tags span {
  color: #98a2b3 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

#page-digital-human .dh-copy-result-title b {
  color: var(--dh-v12-ink) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

#page-digital-human .dh-copy-result-body {
  max-height: 96px !important;
  padding: 10px 11px !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  color: #1d2939 !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}

#page-digital-human .dh-copy-empty b::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  margin-right: 8px !important;
  border-radius: 999px !important;
  background: #176bff !important;
  box-shadow: 0 0 0 5px rgba(23, 107, 255, .12) !important;
}

#page-digital-human .dh-copy-result-tags {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 9px !important;
}

#page-digital-human .dh-copy-result-tags p {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#page-digital-human .dh-copy-result-tags em {
  flex: 0 0 auto !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  color: #176bff !important;
  background: #eef4ff !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

#page-digital-human .dh-avatar-panel {
  position: relative !important;
}

#page-digital-human .dh-avatar-panel .dh-scroll {
  grid-template-columns: minmax(230px, .70fr) minmax(300px, 1fr) !important;
  grid-template-areas:
    "preview choices"
    "preview advanced" !important;
  gap: 14px !important;
  overflow: auto !important;
}

#page-digital-human .dh-persona-stage-preview {
  min-height: 318px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(23, 107, 255, .18), transparent 38%),
    linear-gradient(180deg, #f9fbff, #edf7ff) !important;
}

#page-digital-human .dh-persona-stage-preview video,
#page-digital-human .dh-persona-stage-preview img {
  object-fit: contain !important;
  object-position: center bottom !important;
  background: linear-gradient(180deg, #f7fbff, #eef4ff) !important;
}

#page-digital-human .dh-production-hero {
  gap: 14px !important;
  grid-template-rows: 112px 132px !important;
  overflow: hidden !important;
}

#page-digital-human .dh-selected-asset-card,
#page-digital-human .dh-selected-sound-shell {
  border-color: rgba(16, 24, 40, .085) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #fff, #fbfdff) !important;
  box-shadow: 0 18px 42px rgba(16, 24, 40, .08) !important;
}

#page-digital-human .dh-selected-persona-card {
  grid-template-columns: 76px minmax(0, 1fr) auto !important;
  min-height: 112px !important;
  height: 112px !important;
  padding: 10px !important;
  align-self: start !important;
}

#page-digital-human .dh-selected-persona-visual {
  width: 76px !important;
  height: 88px !important;
  border: 1px solid rgba(23, 107, 255, .10) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #eef6ff, #f9fbff) !important;
}

#page-digital-human .dh-selected-persona-visual img,
#page-digital-human .dh-selected-persona-visual video {
  object-fit: contain !important;
  object-position: center bottom !important;
}

#page-digital-human .dh-selected-sound-shell {
  min-height: 132px !important;
  height: 132px !important;
  padding: 10px !important;
  gap: 8px !important;
  align-self: start !important;
  overflow: hidden !important;
}

#page-digital-human .dh-drive-switch {
  order: 0 !important;
  min-height: 34px !important;
  height: 34px !important;
  background: #eef2f7 !important;
}

#page-digital-human .dh-drive-switch button.active {
  background: #111827 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(16, 24, 40, .16) !important;
}

#page-digital-human .dh-selected-voice-card,
#page-digital-human .dh-selected-audio-card {
  order: 1 !important;
  grid-template-columns: 38px minmax(0, 1fr) 48px !important;
  min-height: 62px !important;
  height: 62px !important;
  padding: 7px 8px !important;
  border-radius: 17px !important;
  align-items: center !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 0 0, rgba(0, 166, 166, .12), transparent 40%),
    #fff !important;
}

#page-digital-human .dh-selected-voice-visual,
#page-digital-human .dh-selected-audio-visual {
  width: 38px !important;
  height: 38px !important;
  padding: 7px !important;
  border: 1px solid rgba(0, 166, 166, .10) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(236, 254, 255, .98), rgba(219, 234, 254, .98)) !important;
}

#page-digital-human .dh-selected-voice-card .dh-selected-asset-copy,
#page-digital-human .dh-selected-audio-card .dh-selected-asset-copy {
  position: relative !important;
  z-index: 3 !important;
  align-self: center !important;
  display: block !important;
  min-width: 0 !important;
  max-height: 48px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .82) !important;
}

#page-digital-human .dh-selected-asset-copy em {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  color: #176bff !important;
  background: #eef4ff !important;
  font-size: 11px !important;
}

#page-digital-human .dh-selected-asset-copy b {
  margin-top: 5px !important;
  font-size: 17px !important;
}

#page-digital-human .dh-selected-voice-card .dh-selected-asset-copy b,
#page-digital-human .dh-selected-audio-card .dh-selected-asset-copy b {
  margin-top: 4px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-digital-human .dh-selected-asset-copy small {
  margin-top: 2px !important;
  font-size: 11px !important;
}

#page-digital-human .dh-selected-voice-card .dh-selected-asset-copy small,
#page-digital-human .dh-selected-audio-card .dh-selected-asset-copy small {
  display: none !important;
}

#page-digital-human .dh-selected-voice-card > i,
#page-digital-human .dh-selected-audio-card > i {
  position: relative !important;
  z-index: 4 !important;
  place-self: center !important;
  min-width: 0 !important;
  width: 44px !important;
  padding: 6px 0 !important;
  line-height: 1 !important;
}

#page-digital-human .dh-selected-asset-card > i,
#page-digital-human .dh-selected-voice-card > i,
#page-digital-human .dh-selected-audio-card > i {
  min-width: 46px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: #176bff !important;
  background: #eef4ff !important;
  text-align: center !important;
}

#page-digital-human .dh-advanced-settings {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
}

#page-digital-human .dh-advanced-settings summary {
  min-height: 38px !important;
}

#page-digital-human .dh-advanced-settings[open] {
  box-shadow: 0 18px 42px rgba(16, 24, 40, .12) !important;
}

#page-digital-human .dh-advanced-grid {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

#page-digital-human .dh-advanced-grid .dh-two-cols {
  gap: 8px !important;
}

#page-digital-human .dh-generate-actions {
  grid-template-columns: .8fr 1.2fr !important;
  padding-top: 11px !important;
}

#page-digital-human .dh-generate-actions .btn,
#page-digital-human .dh-copy-original-actions .btn,
#page-digital-human .dh-output-actions .btn {
  min-height: 46px !important;
  border-radius: 16px !important;
}

#page-digital-human .dh-edit-grid {
  gap: 12px !important;
}

#page-digital-human .dh-edit-card {
  min-height: 224px !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: 0 18px 42px rgba(16, 24, 40, .18) !important;
}

#page-digital-human .dh-edit-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, .04) 0%, rgba(2, 6, 23, .72) 100%),
    linear-gradient(135deg, rgba(255,255,255,.12), transparent 45%) !important;
  pointer-events: none !important;
}

#page-digital-human .dh-edit-card::after {
  opacity: .22 !important;
}

#page-digital-human .dh-edit-card-music {
  background-image:
    linear-gradient(180deg, rgba(2, 6, 23, .06), rgba(2, 6, 23, .74)),
    url("./assets/image-design/showcases/performance-stream-cover.jpg") !important;
}

#page-digital-human .dh-edit-card-broll {
  background-image:
    linear-gradient(180deg, rgba(2, 6, 23, .04), rgba(2, 6, 23, .76)),
    url("./assets/image-design/showcases/product-tvc-storyboard.jpg") !important;
}

#page-digital-human .dh-edit-card-subtitle {
  background-image:
    linear-gradient(180deg, rgba(2, 6, 23, .05), rgba(2, 6, 23, .72)),
    url("./assets/image-design/showcases/dramatic-investigation-thumbnail.jpg") !important;
}

#page-digital-human .dh-edit-card-cover {
  background-image:
    linear-gradient(180deg, rgba(2, 6, 23, .04), rgba(2, 6, 23, .74)),
    url("./assets/image-design/showcases/douyin-short-video-cover.jpg") !important;
}

#page-digital-human .dh-edit-card strong {
  font-size: 23px !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .34) !important;
}

#page-digital-human .dh-edit-card b {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 8px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .18) !important;
  backdrop-filter: blur(10px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-digital-human .dh-edit-card small {
  margin-top: 6px !important;
}

#page-digital-human .dh-edit-card em {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .20) !important;
  backdrop-filter: blur(12px) !important;
  font-style: normal !important;
  font-weight: 1000 !important;
}

#page-digital-human .dh-output-panel .dh-scroll {
  grid-template-rows: minmax(0, 1fr) auto auto !important;
}

#page-digital-human .dh-final-preview {
  width: min(312px, 94%) !important;
  min-height: 410px !important;
  border-width: 9px !important;
  border-radius: 38px !important;
  background: #0b1220 !important;
}

#page-digital-human .dh-output-audio {
  min-height: 86px !important;
  margin-top: 12px !important;
  padding: 12px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(23, 107, 255, .13), transparent 40%),
    linear-gradient(135deg, #ffffff, #f7fbff) !important;
}

#page-digital-human .dh-output-audio-ready-head {
  gap: 10px !important;
}

#page-digital-human .dh-output-audio-ready-head b {
  font-size: 14px !important;
}

#page-digital-human .dh-output-audio-ready-head small {
  color: #667085 !important;
}

#page-digital-human .dh-output-audio-mark {
  width: 48px !important;
  height: 34px !important;
  padding: 7px !important;
  border-radius: 14px !important;
  background: #eef4ff !important;
}

#page-digital-human .dh-output-audio-empty {
  min-height: 58px !important;
  grid-template-columns: auto 1fr !important;
  justify-items: start !important;
  text-align: left !important;
}

#page-digital-human .dh-output-audio-empty b {
  font-size: 14px !important;
}

#page-digital-human .dh-output-audio .avatar-audio-mini-result,
#page-digital-human .dh-output-audio .dh-polished-audio-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#page-digital-human .dh-output-audio audio {
  height: 32px !important;
}

#page-digital-human .dh-generation-mark {
  min-width: 54px !important;
  padding: 0 8px !important;
  border-radius: 18px !important;
}

#page-digital-human .dh-persona-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#page-digital-human .dh-persona-option {
  min-height: 342px !important;
}

#page-digital-human .dh-persona-option-media,
#page-digital-human .dh-persona-option-media.persona-portrait,
#page-digital-human .dh-persona-option-media.persona-portrait.is-video-preview {
  height: 264px !important;
}

#page-digital-human .dh-picker-preview-media img,
#page-digital-human .dh-picker-preview-media video {
  object-fit: contain !important;
  object-position: center bottom !important;
  background: #f6f8fc !important;
}

#page-digital-human .dh-featured-style-grid button {
  min-height: 184px !important;
}

#page-digital-human .dh-style-card-demo b {
  font-size: 24px !important;
}

#page-digital-human .dh-broll-layout {
  grid-template-columns: minmax(340px, .36fr) minmax(0, 1fr) !important;
}

#page-digital-human .dh-broll-source {
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
}

#page-digital-human .dh-broll-mode-cards button {
  min-height: 76px !important;
}

#page-digital-human .dh-broll-local-actions,
#page-digital-human .dh-broll-filters {
  gap: 8px !important;
}

#page-digital-human .dh-broll-plan-tools span,
#page-digital-human .dh-broll-plan-preview small {
  display: none !important;
}

@media (max-width: 1500px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: minmax(330px, .86fr) minmax(500px, 1.16fr) minmax(310px, .78fr) !important;
  }

  #page-digital-human .dh-selected-persona-card {
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
  }

  #page-digital-human .dh-selected-persona-visual {
    width: 92px !important;
    height: 92px !important;
  }

  #page-digital-human .dh-edit-card strong {
    font-size: 18px !important;
  }
}

@media (max-width: 1180px) {
  #page-digital-human .digital-human-board {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "copy output"
      "avatar avatar"
      "edit edit" !important;
    grid-template-rows: auto !important;
  }

  #page-digital-human .dh-avatar-panel .dh-scroll {
    overflow: visible !important;
  }
}