/*
 * Content parity — desktop text tools only.
 * Scope is intentionally limited to viral-copy and topic-helper so these
 * density corrections cannot leak into any other toolbox route.
 */

@media (min-width: 981px) {
  /* -----------------------------------------------------------------------
   * Viral copy: compact two-column workbench matching the reference rhythm.
   * -------------------------------------------------------------------- */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"] {
    --content-text-accent: #8b4be8;
    --content-text-accent-soft: #f5efff;
    --content-text-border: #e5e1ea;
    --content-text-ink: #30313a;
    --content-text-muted: #747681;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-simple-tool-page[data-simple-tool-page="viral-copy"] {
    width: min(1180px, 100%) !important;
    gap: 0 !important;
    margin-inline: auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-simple-tool-page[data-simple-tool-page="viral-copy"] > .tb-v6-pagehead {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference {
    width: 100% !important;
    display: grid !important;
    gap: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-head {
    min-height: 80px !important;
    gap: 3px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(105deg, #f6f1ff 0%, #eee5ff 100%) !important;
    padding: 12px 20px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-head h3 {
    color: #4c1d95 !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-head h3 i {
    color: #f04438 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-head p {
    color: #756c80 !important;
    font-size: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference > .tb-reference-notice {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
    border: 1px solid #f1dfba !important;
    border-radius: 8px !important;
    background: #fff8e9 !important;
    color: #6b5532 !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference > .tb-benchmark-tabs {
    min-height: 50px !important;
    gap: 4px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #f4f5f8 !important;
    padding: 4px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference > .tb-benchmark-tabs button {
    min-height: 42px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference > .tb-benchmark-tabs button.active {
    border-color: #d9c7f3 !important;
    background: #fff !important;
    color: #7c3fd0 !important;
    box-shadow: 0 3px 7px rgb(76 29 149 / 9%) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-layout {
    min-height: 646px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    gap: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    :is(.tb-viral-reference-form, .tb-viral-reference-result) {
    border: 1px solid var(--content-text-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 14px !important;
    box-shadow: 0 4px 8px rgb(35 27 48 / 5%) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form {
    align-content: start !important;
    gap: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form::before {
    content: "标题生成文案";
    display: block;
    color: var(--content-text-ink);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.5;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-source-switch {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-source-switch label {
    min-height: 32px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    padding: 4px 9px !important;
    font-size: 11px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-source-switch label:has(input:checked) {
    background: #fff !important;
    color: #4c1d95 !important;
    box-shadow: 0 2px 6px rgb(76 29 149 / 8%) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-replicate-batch-rows {
    gap: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-replicate-batch-row {
    display: block !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-replicate-batch-row label {
    gap: 5px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-replicate-batch-row label > span {
    color: var(--content-text-ink) !important;
    font-size: 13px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-replicate-batch-row input {
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid #ded9e4 !important;
    border-radius: 8px !important;
    background: #fff !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-replicate-batch-row :is(output, [data-replicate-batch-remove]),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-replicate-batch-footer,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form > .tb-viral-title-input {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    :is(.tb-viral-types, .tb-viral-rules, .tb-viral-ideas) {
    gap: 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    :is(.tb-viral-types, .tb-viral-rules, .tb-viral-ideas) > strong {
    color: var(--content-text-ink) !important;
    font-size: 13px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-types > div {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-rules > div {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    :is(.tb-viral-types, .tb-viral-rules) label {
    min-height: 32px !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    padding: 3px 5px !important;
    color: #55535d !important;
    font-size: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-types label > input {
    position: static !important;
    width: 14px !important;
    height: 14px !important;
    opacity: 1 !important;
    accent-color: var(--content-text-accent) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-types label:has(input:checked) {
    background: var(--content-text-accent-soft) !important;
    color: #6d32bd !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-rules input {
    width: 14px !important;
    height: 14px !important;
    accent-color: var(--content-text-accent) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-ideas {
    border: 1px solid #ece8f0 !important;
    border-radius: 10px !important;
    background: #fbfbfc !important;
    padding: 9px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-ideas > div {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-ideas button {
    min-height: 42px !important;
    border: 1px solid #dce7f4 !important;
    border-radius: 8px !important;
    background: #f5f9ff !important;
    color: #5275a6 !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form > .tb-field.full,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form > .tb-upload-drop-compact,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form > .tb-material-source-actions,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form > .tb-material-selection-status,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form > .tb-generation-context {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form :is(.tb-media-source-actions, .tb-material-selected-list) {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-compact-settings {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding-top: 2px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-compact-settings label {
    gap: 4px !important;
    color: #5b5963 !important;
    font-size: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-compact-settings :is(.tb-select-shell, select, button) {
    min-height: 38px !important;
    border-radius: 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form .tb-studio-submit {
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 188px !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 0 !important;
    border: 0 !important;
    border-top: 1px solid #ece8f0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 10px 0 0 !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form .tb-studio-submit > div strong {
    color: #4c1d95 !important;
    font-size: 13px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form .tb-studio-submit > div span {
    color: var(--content-text-muted) !important;
    font-size: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-form .tb-studio-submit .tb-btn.primary {
    min-width: 188px !important;
    min-height: 42px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: linear-gradient(90deg, #8952ef, #b553ea) !important;
    color: #fff !important;
    padding-inline: 14px !important;
    font-size: 13px !important;
    box-shadow: 0 5px 8px rgb(126 63 208 / 20%) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-result {
    min-height: 646px !important;
    display: block !important;
    top: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-result > header {
    min-height: 50px !important;
    margin: -14px -14px 12px !important;
    background: #fff !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-result > header strong {
    color: var(--content-text-ink) !important;
    font-size: 16px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-result .tb-tool-result {
    min-height: 550px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-result .tb-empty {
    min-height: 530px !important;
    border-color: #e4e0e8 !important;
    background: #fdfcfe !important;
  }

  /* -----------------------------------------------------------------------
   * Topic helper: reference-like 720px first screen with progressive detail.
   * -------------------------------------------------------------------- */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"] {
    --content-topic-accent: #6844e6;
    --content-topic-accent-strong: #552fd2;
    --content-topic-border: #e8e7ed;
    --content-topic-ink: #2d3039;
    --content-topic-muted: #747884;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-simple-tool-page[data-simple-tool-page="topic-helper"] {
    width: min(1328px, 100%) !important;
    gap: 0 !important;
    margin-inline: auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-simple-tool-page[data-simple-tool-page="topic-helper"] > .tb-v6-pagehead {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-hub {
    width: 100% !important;
    display: grid !important;
    gap: 10px !important;
    margin-inline: auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-hub > header {
    min-height: 142px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 6px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(112deg, #6f61ef 0%, #7732df 55%, #d647a2 100%) !important;
    padding: 14px 24px !important;
    box-shadow: 0 5px 8px rgb(84 53 186 / 13%) !important;
    text-align: center !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-hub > header h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-hub > header p {
    margin: 0 !important;
    color: rgb(255 255 255 / 82%) !important;
    font-size: 11px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-search {
    width: min(540px, 100%) !important;
    min-height: 44px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 4px !important;
    margin-top: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    padding: 3px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-search input {
    min-height: 38px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-search button {
    min-width: 90px !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--content-topic-accent-strong) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-library {
    display: grid !important;
    gap: 10px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-promo {
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border: 1px solid #ffd4ce !important;
    border-radius: 12px !important;
    background: linear-gradient(100deg, #fff1e8, #ffe9f0) !important;
    padding: 10px 16px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-promo strong {
    color: #c52e4f !important;
    font-size: 14px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-promo span {
    margin-top: 3px !important;
    color: #8c5964 !important;
    font-size: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-promo a {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #eb2f4b !important;
    color: #fff !important;
    padding: 0 15px !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 7px rgb(221 38 71 / 18%) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-library > nav {
    min-height: 38px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-library > nav button {
    min-height: 36px !important;
    border: 1px solid #e4e2e9 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #656976 !important;
    padding: 0 16px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-library > nav button.active {
    border-color: var(--content-topic-accent) !important;
    background: var(--content-topic-accent) !important;
    color: #fff !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-cards {
    max-height: 244px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 116px !important;
    gap: 10px !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    padding: 1px 2px 2px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-cards > button {
    min-width: 0 !important;
    min-height: 116px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr auto !important;
    gap: 4px 8px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--content-topic-ink) !important;
    padding: 11px !important;
    text-align: left !important;
    box-shadow: 0 3px 7px rgb(40 42 51 / 6%) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-cards > button:is(:hover, :focus-visible, .active) {
    border: 0 !important;
    background: #fff !important;
    box-shadow: 0 5px 8px rgb(70 49 133 / 11%) !important;
    transform: translateY(-1px) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-cards > button > span {
    width: 34px !important;
    height: 34px !important;
    grid-row: 1 / 3 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: var(--content-topic-accent) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-cards strong {
    align-self: center !important;
    overflow: hidden !important;
    color: var(--content-topic-ink) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-cards em {
    grid-column: 1 / -1 !important;
    overflow: hidden !important;
    color: var(--content-topic-muted) !important;
    font-size: 10px !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-cards small {
    grid-column: 1 / -1 !important;
    align-self: end !important;
    border-top: 1px solid #f0eff3 !important;
    color: #9397a1 !important;
    padding-top: 6px !important;
    font-size: 11px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-hub:not(:has(.tb-topic-cards > button.active)) > :is(.tb-topic-form, .tb-product-image-result) {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-hub:has(.tb-topic-cards > button.active) > .tb-topic-form {
    display: grid !important;
    margin-top: 2px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-hub:has(.tb-topic-cards > button.active) .tb-topic-cards {
    max-height: 118px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-form {
    gap: 10px !important;
    margin-top: 0 !important;
    border: 1px solid var(--content-topic-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 14px !important;
    box-shadow: 0 3px 7px rgb(42 45 55 / 5%) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-form > header {
    min-height: 28px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-form .tb-source-switch {
    min-height: 40px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-form .tb-form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-form .tb-form-grid :is(input, select) {
    min-height: 40px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-form .tb-form-grid textarea {
    min-height: 72px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-form .tb-studio-submit {
    min-height: 56px !important;
    padding-top: 9px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-hub:has(.tb-topic-cards > button.active) > .tb-product-image-result {
    display: block !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-product-image-result:has(.tb-empty) {
    display: none !important;
  }
}

@media (min-width: 981px) {
  /* Before the first generation the reference page is a single focused form;
   * the empty result card must not create a second screen. */
  body.toolbox-body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-layout:has(.tb-viral-reference-result .tb-empty) {
    display: block !important;
    min-height: 0 !important;
  }

  body.toolbox-body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-layout:has(.tb-viral-reference-result .tb-empty) .tb-viral-reference-form {
    width: 100% !important;
  }

  body.toolbox-body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="viral-copy"]
    .tb-viral-reference-result:has(.tb-empty) {
    display: none !important;
  }

  /* Reference topic library uses a purple search hero and three cards per row. */
  body.toolbox-body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"] .tb-topic-hub > header {
    background: linear-gradient(112deg, #7b6bef 0%, #6737eb 100%) !important;
  }

  body.toolbox-body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"] .tb-topic-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="topic-helper"]
    .tb-topic-cards > button {
    transition: none !important;
    transform: none !important;
  }
}