/*
 * Desktop parity pass for the two primary content tools.
 *
 * Scope contract:
 * - Only /console/replicate and /console/content are affected.
 * - The Lingxuan sidebar is intentionally left untouched.
 * - Mobile/tablet continue to use the existing responsive system.
 */

@media (min-width: 1100px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"],
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] {
    --content-parity-accent: #7542e8;
    --content-parity-accent-strong: #6532dc;
    --content-parity-accent-soft: #f4efff;
    --content-parity-ink: #20222b;
    --content-parity-muted: #747985;
    --content-parity-line: #dedfe5;
    --content-parity-notice: #fff7e8;
  }

  /* Keep the application shell, but let the tool itself begin beside the nav. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-main.tb-main-tool,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-main.tb-main-tool {
    min-width: 0 !important;
    padding: 0 28px 32px !important;
    background:
      radial-gradient(circle at 16% 4%, rgb(220 232 255 / 66%), transparent 35%),
      radial-gradient(circle at 88% 6%, rgb(234 222 255 / 60%), transparent 38%),
      #f8fbff !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] :is(.tb-topbar, .tb-destination-context, .tb-app-risk-notice),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] :is(.tb-topbar, .tb-destination-context, .tb-app-risk-notice) {
    display: none !important;
  }

  /* ---------------------------------------------------------------------- */
  /* AI replicate                                                           */
  /* ---------------------------------------------------------------------- */

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-page {
    width: min(100%, 1024px) !important;
    min-height: 937px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 28px 0 26px !important;
    color: var(--content-parity-ink) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-reference-head {
    min-height: 96px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 18px 32px !important;
    text-align: center !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-reference-head h2 {
    margin: 0 !important;
    color: var(--content-parity-ink) !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -.025em !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-reference-head h2 span {
    color: var(--content-parity-accent) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-reference-head p {
    margin: 9px 0 0 !important;
    color: #5f5a72 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-creation-tip {
    min-height: 55px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    margin: 0 0 8px !important;
    padding: 10px 15px !important;
    border: 1px solid #f1dfba !important;
    border-radius: 8px !important;
    background: var(--content-parity-notice) !important;
    box-shadow: none !important;
    color: #655b49 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-workspace {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-form {
    min-height: 424px !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 6px 14px rgb(37 35 56 / 5%) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-form-head {
    min-height: 30px !important;
    display: block !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-form-head strong {
    color: var(--content-parity-ink) !important;
    font-size: 18px !important;
    font-weight: 760 !important;
    line-height: 1.5 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-form-head :is(span, a) {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes {
    min-height: 58px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    margin: 0 0 28px !important;
    padding: 0 0 18px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid var(--content-parity-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :is(button, a) {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 30px !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #383a43 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :is(button, a)::before {
    content: "" !important;
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    border: 1px solid #cfd1d8 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 3px #fff !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :is(button.active, button[aria-selected="true"], a.active) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--content-parity-accent-strong) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :is(button.active, button[aria-selected="true"], a.active)::before {
    border-color: var(--content-parity-accent) !important;
    background: var(--content-parity-accent) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-mode-icon,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-mode-copy small {
    display: none !important;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-mode-copy b {
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 560 !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :nth-child(1) .tb-replicate-mode-copy b::before {
    content: "模式1：" !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :nth-child(2) .tb-replicate-mode-copy b::before {
    content: "模式2：" !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :nth-child(3) .tb-replicate-mode-copy b::before {
    content: "模式3：" !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :nth-child(4) .tb-replicate-mode-copy b::before {
    content: "模式4：" !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] :is(.tb-replicate-costs, .tb-replicate-provider, .tb-supported-row, .tb-replicate-help),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-result:has(> .tb-empty) {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-mode-panel {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-mode-panel[hidden] {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-mode-panel > form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-link-panel {
    position: relative !important;
    min-height: 262px !important;
    margin: 0 !important;
    padding: 0 0 52px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-link-panel > label {
    display: block !important;
    margin: 0 0 10px !important;
    color: #363840 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-link-panel > div {
    display: block !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-link-panel textarea {
    width: 100% !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 12px 14px !important;
    border: 1px solid #d7d8dd !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #30323a !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    resize: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-link-panel textarea:focus {
    border-color: var(--content-parity-accent) !important;
    outline: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-link-panel > p {
    margin: 8px 0 0 !important;
    color: #92959e !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-link-panel .tb-btn {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 150px !important;
    min-width: 150px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: linear-gradient(90deg, #8660ef, #7542e8) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }

  /* Upload mode follows the same vertical rhythm as the reference page. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-main {
    min-height: 146px !important;
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-main::before {
    content: "上传图片（必填，至少1张）" !important;
    display: block !important;
    color: #363840 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-main .tb-ref-uploader {
    width: 120px !important;
    min-width: 120px !important;
    min-height: 148px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px dashed #d4d5da !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-main .tb-ref-uploader :is(.tb-upload-hint, .tb-upload-button) {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-main .tb-ref-uploader strong,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-main .tb-ref-uploader em {
    color: #818590 !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-main .tb-ref-uploader strong {
    font-size: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-upload-main .tb-ref-uploader strong::after {
    content: "上传图片" !important;
    font-size: 11px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-text-inputs {
    display: grid !important;
    gap: 16px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-text-inputs label {
    display: grid !important;
    gap: 8px !important;
    color: #363840 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-text-inputs input {
    min-height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid #d7d8dd !important;
    border-radius: 4px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-text-inputs textarea {
    min-height: 178px !important;
    padding: 12px !important;
    border: 1px solid #d7d8dd !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    resize: vertical !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-source-action {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-source-action .tb-btn {
    min-width: 108px !important;
    min-height: 40px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-source-action > span {
    display: none !important;
  }

  /* Batch mode uses the same quiet input language as link mode. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] :is(.tb-replicate-batch-form, .tb-replicate-search-intro, .tb-replicate-library-form) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-batch-row {
    min-height: 54px !important;
    border: 1px solid #d7d8dd !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-batch-footer .tb-btn,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-replicate-batch-head .tb-btn {
    min-height: 40px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
  }

  /* ---------------------------------------------------------------------- */
  /* One-sentence content                                                   */
  /* ---------------------------------------------------------------------- */

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-reference {
    width: min(100%, 960px) !important;
    min-height: 720px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 30px 0 26px !important;
    color: var(--content-parity-ink) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-pagehead {
    min-height: 115px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 18px 33px !important;
    text-align: center !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-pagehead h2 {
    margin: 0 !important;
    color: var(--content-parity-ink) !important;
    font-size: 29px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: -.025em !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-pagehead h2 span {
    color: var(--content-parity-accent) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-pagehead p {
    margin: 10px 0 0 !important;
    color: #696b74 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-layout {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-card {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-card > form {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px 200px !important;
    grid-auto-flow: row !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 20px 20px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-card > form::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 62px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    border: 2px solid var(--content-parity-accent) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 6px 12px rgb(91 55 181 / 5%) !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-card > form > * {
    position: relative !important;
    z-index: 1 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs {
    grid-column: 1 / -1 !important;
    width: 590px !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 0 16px -20px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs label {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    cursor: pointer !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs label > span {
    min-width: 150px !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #30323a !important;
    transform: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs label:first-child > span {
    min-width: 150px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs input:checked + span {
    border-radius: 4px !important;
    background: linear-gradient(90deg, #8656ee, #7040e4) !important;
    box-shadow: 0 4px 8px rgb(112 64 228 / 18%) !important;
    color: #fff !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs b {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 560 !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs i {
    min-width: 28px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #f43f76 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs label:first-child i,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs em {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-notice {
    grid-column: 1 / -1 !important;
    min-height: 55px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 28px 0 8px !important;
    padding: 10px 14px !important;
    border: 1px solid #f1dfba !important;
    border-radius: 8px !important;
    background: var(--content-parity-notice) !important;
    color: #655b49 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-main-prompt {
    grid-column: 1 / -1 !important;
    min-height: 336px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d7d8dd !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-main-prompt textarea {
    width: 100% !important;
    min-height: 294px !important;
    max-height: 294px !important;
    padding: 20px 28px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #30323a !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
    resize: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-main-prompt textarea:focus {
    outline: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-prompt-tools {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    padding: 6px 8px !important;
    border: 0 !important;
    background: #fff !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-prompt-tools > span {
    margin-right: auto !important;
    color: #9a9ca4 !important;
    font-size: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-prompt-tools :is(button, a) {
    min-width: 46px !important;
    min-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #8b8f99 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-prompt-tools a {
    background: var(--content-parity-accent) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-generation-context {
    grid-column: 1 !important;
    min-height: 48px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-generation-context-grid {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-generation-context > :is(header, h3, p) {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-generation-context .tb-context-picker {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 40px !important;
    flex: 1 1 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-generation-context .tb-context-picker > summary {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #555862 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-generation-context .tb-context-picker > :not(summary) {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-quickbar {
    grid-column: 2 !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-quickbar :is(select, .tb-select-trigger) {
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #555862 !important;
    font-size: 12px !important;
    text-align: center !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] :is(.tb-tool-mode-panel, .tb-reference-advanced) {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-form-actions {
    grid-column: 3 !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-form-actions .tb-btn {
    width: 200px !important;
    min-width: 200px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #f48325, #ef6418) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-form-actions .tb-btn small {
    margin-left: 2px !important;
    color: inherit !important;
    font-size: inherit !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-form-actions .tb-btn::before,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-form-actions .tb-btn > i {
    display: none !important;
  }

  /* The first fold stays focused; the next row shows visual outcomes. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-examples {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 16px 0 0 !important;
    padding: 0 18px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-examples button {
    min-height: 276px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 18px 14px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background-position: center !important;
    background-size: cover !important;
    box-shadow: 0 3px 8px rgb(28 31 43 / 10%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    text-shadow: 0 1px 3px rgb(0 0 0 / 48%) !important;
    transform: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-examples button:nth-child(1) {
    background-image: linear-gradient(to top, rgb(20 18 30 / 62%), transparent 48%), url("/uploads/xuanai-reference/template-library/xqy-covers/dp_0001.png") !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-examples button:nth-child(2) {
    background-image: linear-gradient(to top, rgb(20 18 30 / 62%), transparent 48%), url("/uploads/xuanai-reference/template-library/xqy-covers/dp_0013.png") !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-examples button:nth-child(3) {
    background-image: linear-gradient(to top, rgb(20 18 30 / 62%), transparent 48%), url("/uploads/xuanai-reference/template-library/xqy-covers/dp_0029.png") !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-examples button:nth-child(4) {
    background-image: linear-gradient(to top, rgb(20 18 30 / 62%), transparent 48%), url("/uploads/xuanai-reference/template-library/xqy-covers/dp_0048.png") !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-examples button:hover {
    box-shadow: 0 4px 10px rgb(45 39 74 / 16%) !important;
    transform: translateY(-2px) !important;
  }

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

/* Final desktop lock: legacy mode cards set width:100%; reset the four choices
 * to the compact horizontal radio row used by the reference workbench. */
@media (min-width: 1100px) {
  body.toolbox-body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 24px !important;
  }

  body.toolbox-body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="replicate"] .tb-aicopy-modes > :is(button, a) {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
}

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