/* Publish only screenshots recaptured in the current English product. */
      .manual-doc figure.figure {
        display: none;
      }

      .manual-doc figure.figure.current-ui {
        display: block;
      }

      :root {
        --doc-bg: #f7f8fa;
        --doc-surface: #ffffff;
        --doc-surface-soft: #f9fafc;
        --doc-line: #e5eaf0;
        --doc-line-strong: #d6dee8;
        --doc-text: #172033;
        --doc-muted: #5f6f84;
        --doc-soft: #7b8794;
        --doc-blue: #0b66e4;
        --doc-blue-soft: #edf4ff;
        --doc-code: #f3f6fa;
        --doc-shadow: 0 18px 48px rgba(17, 32, 51, 0.08);
      }

      html {
        scroll-padding-top: 96px;
      }

      body.manual-light {
        min-width: 0;
        color: var(--doc-text);
        background: var(--doc-bg);
      }

      .manual-light .site-header {
        background: linear-gradient(180deg, #151719 0%, #35383c 100%);
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
        box-shadow: 0 10px 28px rgba(17, 32, 51, 0.12);
      }

      .doc-layout {
        display: grid;
        grid-template-columns: minmax(190px, 220px) minmax(0, 920px);
        gap: clamp(24px, 3vw, 40px);
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
        padding: 112px 0 72px;
        align-items: start;
      }

      .doc-toc {
        position: sticky;
        top: 96px;
        max-height: calc(100vh - 120px);
        overflow: auto;
        padding: 20px 16px 22px;
        border: 1px solid var(--doc-line);
        border-radius: 8px;
        background: var(--doc-surface);
        box-shadow: 0 10px 28px rgba(17, 32, 51, 0.05);
      }

      .doc-toc-button {
        display: none;
      }

      .toc-title {
        margin: 0 0 12px;
        color: #111827;
        font-size: 13px;
        font-weight: 800;
      }

      .toc-list {
        display: grid;
        gap: 2px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .toc-group {
        display: grid;
        gap: 1px;
      }

      .toc-row {
        display: grid;
        grid-template-columns: 16px minmax(0, 1fr);
        align-items: center;
        gap: 1px;
      }

      .toc-toggle {
        width: 16px;
        height: 24px;
        padding: 0;
        border: 0;
        border-radius: 4px;
        color: #526b8a;
        background: transparent;
        font: inherit;
        cursor: pointer;
      }

      .toc-toggle::before {
        content: "▶";
        display: block;
        font-size: 10px;
        line-height: 24px;
        transition: transform 160ms ease;
      }

      .toc-group:not(.is-collapsed) .toc-toggle::before {
        transform: rotate(90deg);
      }

      .toc-toggle:hover {
        color: var(--doc-blue);
        background: var(--doc-blue-soft);
      }

      .toc-list a {
        display: block;
        padding: 8px 10px;
        border-radius: 6px;
        color: #44546a;
        font-size: 14px;
        line-height: 1.45;
      }

      .toc-list a:hover {
        color: var(--doc-blue);
        background: var(--doc-blue-soft);
      }

      .toc-list a.is-active {
        color: #526b8a;
        background: #edf4ff;
      }

      .toc-list .toc-sub a {
        padding: 6px 8px 6px 10px;
        color: #5f6f84;
        font-size: 12px;
        line-height: 1.35;
      }

      .toc-list .toc-sub a.is-active {
        color: #526b8a;
      }

      .toc-children {
        display: grid;
        gap: 2px;
        margin: 0 0 2px 17px;
        padding: 0;
        list-style: none;
      }

      .toc-group.is-collapsed .toc-children {
        display: none;
      }

      .manual-doc {
        min-width: 0;
        padding: 0 0 24px;
      }

      .doc-hero {
        padding: 8px 0 30px;
        border-bottom: 1px solid var(--doc-line);
      }

      .doc-kicker {
        margin: 0 0 12px;
        color: var(--doc-blue);
        font-size: 14px;
        font-weight: 800;
      }

      .manual-doc h1 {
        margin: 0 0 18px;
        color: #101828;
        font-size: clamp(34px, 4.8vw, 56px);
        line-height: 1.18;
      }

      .doc-lead {
        max-width: 820px;
        margin: 0 0 18px;
        color: #334155;
        font-size: 18px;
        line-height: 1.8;
      }

      .doc-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
      }

      .doc-meta span {
        padding: 7px 10px;
        border: 1px solid var(--doc-line);
        border-radius: 6px;
        color: #58677a;
        background: var(--doc-surface);
        font-size: 13px;
      }

      .doc-section {
        padding: 38px 0 6px;
        border-bottom: 1px solid var(--doc-line);
      }

      .doc-section:last-child {
        border-bottom: 0;
      }

      .manual-doc h2 {
        margin: 0 0 18px;
        color: #111827;
        font-size: clamp(26px, 3.2vw, 36px);
        line-height: 1.28;
      }

      .manual-doc h3 {
        margin: 32px 0 12px;
        color: #172033;
        font-size: 21px;
        line-height: 1.4;
      }

      .manual-doc h4 {
        margin: 24px 0 10px;
        color: #27364a;
        font-size: 17px;
      }

      .manual-doc p {
        margin: 0 0 14px;
        color: #334155;
        line-height: 1.86;
      }

      .manual-doc ul,
      .manual-doc ol {
        margin: 0 0 18px;
        padding-left: 22px;
        color: #334155;
        line-height: 1.82;
      }

      .manual-doc li + li {
        margin-top: 4px;
      }

      .manual-doc strong {
        color: #162033;
      }

      .manual-doc code {
        padding: 2px 6px;
        border-radius: 5px;
        color: #0b3b82;
        background: var(--doc-code);
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 0.92em;
      }

      .doc-callout {
        margin: 20px 0 22px;
        padding: 16px 18px;
        border-left: 4px solid var(--doc-blue);
        border-radius: 6px;
        color: #2f4057;
        background: #f2f7ff;
        line-height: 1.8;
      }

      .mode-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin: 22px 0 24px;
      }

      .mode-card {
        padding: 22px;
        border: 1px solid var(--doc-line);
        border-radius: 10px;
        background: var(--doc-surface);
        box-shadow: 0 12px 32px rgba(17, 32, 51, 0.05);
      }

      .mode-card h3 {
        margin: 6px 0 10px;
      }

      .mode-card p:last-child {
        margin-bottom: 0;
      }

      .mode-label {
        color: var(--doc-blue);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .mode-audience {
        color: var(--doc-muted);
        font-size: 14px;
      }

      .help-panel {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin: 22px 0 28px;
        align-items: stretch;
      }

      .help-card {
        min-width: 0;
        height: 100%;
        padding: 22px;
        border: 1px solid var(--doc-line);
        border-radius: 8px;
        background: var(--doc-surface);
        box-shadow: 0 12px 32px rgba(17, 32, 51, 0.05);
      }

      .help-card h3 {
        margin-top: 0;
      }

      .help-card a {
        color: var(--doc-blue);
        font-weight: 800;
      }

      .manual-help-qr {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 176px;
        padding: 10px;
        border: 1px solid var(--doc-line-strong);
        border-radius: 8px;
        background: #ffffff;
      }

      .manual-help-qr img {
        display: block;
        width: 100%;
        height: auto;
      }

      .manual-credit-note {
        color: var(--doc-muted);
        font-size: 14px;
      }

      .manual-credit-table-wrap {
        width: 100%;
        margin: 14px 0 24px;
        overflow-x: auto;
        border-top: 1px solid var(--doc-line);
        border-bottom: 1px solid var(--doc-line);
        background: rgba(255, 255, 255, 0.68);
      }

      .manual-credit-table {
        width: 100%;
        min-width: 720px;
        border-collapse: collapse;
      }

      .manual-credit-table th,
      .manual-credit-table td {
        padding: 9px 12px;
        border-right: 1px solid var(--doc-line);
        border-bottom: 1px solid var(--doc-line);
        color: #334155;
        font-size: 13px;
        line-height: 1.55;
        text-align: left;
        vertical-align: middle;
      }

      .manual-credit-table th {
        color: #1f2937;
        background: #edf0f3;
        font-weight: 800;
      }

      .manual-credit-table th:last-child,
      .manual-credit-table td:last-child {
        border-right: 0;
        text-align: left;
        white-space: nowrap;
      }

      .manual-credit-table tr:last-child td {
        border-bottom: 0;
      }

      .manual-credit-table .credit-points {
        color: #111827;
        font-weight: 800;
      }

      .manual-credit-table tbody tr.model-group-seedream,
      .manual-credit-table tbody tr.model-group-seedance-standard {
        background: rgba(15, 23, 42, 0.026);
      }

      .manual-credit-table tbody tr.model-group-gpt-image,
      .manual-credit-table tbody tr.model-group-seedance-fast {
        background: rgba(15, 23, 42, 0.052);
      }

      .manual-credit-table tbody tr.model-group-nano-banana,
      .manual-credit-table tbody tr.model-group-seedance-mini {
        background: rgba(15, 23, 42, 0.078);
      }

      .manual-credit-table tbody tr.model-group-midjourney,
      .manual-credit-table tbody tr.model-group-happyhorse,
      .manual-credit-agent tbody tr {
        background: rgba(15, 23, 42, 0.098);
      }

      .figure {
        margin: 22px 0 26px;
      }

      .figure img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        border: 1px solid var(--doc-line-strong);
        border-radius: 8px;
        background: var(--doc-surface);
        box-shadow: var(--doc-shadow);
      }

      .figure figcaption {
        margin-top: 9px;
        color: var(--doc-soft);
        font-size: 13px;
        line-height: 1.5;
      }

      @media (max-width: 1080px) {
        .doc-layout {
          grid-template-columns: 1fr;
          width: min(920px, calc(100% - 40px));
          padding-top: 104px;
        }

        .doc-toc {
          position: relative;
          top: auto;
          max-height: none;
        }

        .mode-grid {
          grid-template-columns: 1fr;
        }

        .toc-list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 980px) {
        .doc-layout {
          width: min(920px, calc(100% - 32px));
          padding-top: 142px;
        }

        .doc-toc-button {
          position: fixed;
          top: 104px;
          left: 12px;
          z-index: 60;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 42px;
          padding: 0 14px;
          border: 1px solid rgba(0, 168, 255, 0.42);
          border-radius: 999px;
          color: #f7fbff;
          background: rgba(14, 24, 34, 0.86);
          box-shadow: 0 14px 34px rgba(17, 32, 51, 0.22);
          backdrop-filter: blur(16px);
          font: inherit;
          font-size: 14px;
          font-weight: 800;
        }

        .doc-toc {
          position: fixed;
          top: 154px;
          right: 16px;
          left: 16px;
          z-index: 55;
          max-height: min(62vh, 560px);
          padding: 18px 14px 20px;
          opacity: 0;
          pointer-events: none;
          transform: translateY(-8px);
          transition: opacity 180ms ease, transform 180ms ease;
        }

        .manual-light.is-toc-open .doc-toc {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0);
        }

        .toc-list {
          grid-template-columns: 1fr;
          gap: 2px;
        }
      }

      @media (max-width: 640px) {
        .doc-layout {
          width: calc(100% - 24px);
        }

        .doc-toc {
          right: 12px;
          left: 12px;
          max-height: min(68vh, 560px);
        }

        .toc-list {
          grid-template-columns: 1fr;
          gap: 2px;
        }

        .help-panel {
          grid-template-columns: 1fr;
        }
      }
    

/* SEO content architecture additions */
.breadcrumbs{--breadcrumb-link:#245b96;--breadcrumb-current:#607086;--breadcrumb-separator:#a4afbd;display:flex;align-items:center;gap:0;flex-wrap:nowrap;width:fit-content;max-width:100%;margin:0 0 20px;padding:0;overflow:hidden;color:var(--breadcrumb-current);font-size:13px;font-weight:550;line-height:1.4;letter-spacing:.005em}
.breadcrumbs a,.breadcrumbs>span:not(.breadcrumb-separator){display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs a{flex:0 0 auto;color:var(--breadcrumb-link);font-weight:700;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}.breadcrumbs a:focus-visible{outline:2px solid #4ca6ff;outline-offset:3px;border-radius:3px}.breadcrumbs>span[aria-current=page]{font-weight:600}.breadcrumbs>.breadcrumb-separator{flex:0 0 auto;margin:0 8px;color:var(--breadcrumb-separator);font-size:14px;font-weight:500;line-height:1}
.blog-page .breadcrumbs{--breadcrumb-link:#7bd8ff;--breadcrumb-current:#aebdca;--breadcrumb-separator:#607486}
.guide-tree a[aria-current=page]{color:#0b66e4;background:#edf4ff;font-weight:800}
.toc-secondary{margin-top:24px}.toc-local{max-height:36vh;overflow:auto}.toc-local a{font-size:12px;line-height:1.35}
.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-card{position:relative;display:block;padding:22px;border:1px solid var(--doc-line);border-radius:10px;background:var(--doc-surface);color:var(--doc-text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.guide-card:hover{transform:translateY(-2px);border-color:#aac8ef;box-shadow:0 12px 30px rgba(17,32,51,.08)}.guide-card h2{margin:0 36px 8px 0!important;font-size:20px!important}.guide-card p{margin:0!important;color:var(--doc-muted)}.guide-card-arrow{position:absolute;top:19px;right:20px;color:var(--doc-blue);font-size:20px}
.mode-card>a,.text-link{display:inline-block;margin-top:10px;color:#0b66e4;font-weight:750;text-decoration:none}.mode-card>a:hover,.text-link:hover{text-decoration:underline}
.related-content{margin:34px 0 0;padding:26px;border:1px solid var(--doc-line);border-radius:12px;background:#f8fbff}.related-content h2{margin:0 0 16px!important;font-size:22px!important}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related-card{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #d9e5f4;border-radius:9px;background:#fff;color:#172033;text-decoration:none}.related-card:hover{border-color:#8fb9ee}.related-card span{color:#5f6f84;font-size:13px;line-height:1.5}
.release-entry{scroll-margin-top:96px}.release-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px!important;color:#66758a!important;font-size:13px!important}.release-meta span{padding:3px 8px;border-radius:999px;background:#edf4ff;color:#315b91;font-weight:700}.release-entry h2{margin-top:0!important}.release-entry h4{margin-top:22px}
.blog-main>.breadcrumbs{width:min(1180px,calc(100% - 40px));margin:0 auto 20px}.blog-article>.breadcrumbs{margin-bottom:22px}.blog-list-page .breadcrumbs{margin-bottom:22px}
.blog-list-hero>.breadcrumbs{margin-bottom:28px}
@media(max-width:980px){.doc-layout{padding-top:104px;row-gap:16px}.doc-toc-button{position:sticky;top:84px;left:auto;z-index:60;width:max-content;max-width:100%;margin:0}.doc-toc{top:154px}.manual-doc>.breadcrumbs{margin-bottom:20px}}
@media(max-width:760px){.guide-card-grid,.related-grid{grid-template-columns:1fr}.related-content{padding:20px}.breadcrumbs{font-size:12px}.breadcrumbs>.breadcrumb-separator{margin:0 7px;font-size:13px}.toc-local{max-height:none}.blog-main>.breadcrumbs{width:calc(100% - 28px);margin-bottom:18px}.blog-list-hero>.breadcrumbs{margin-bottom:24px}}