/* Scheme C candidate: every rule is scoped to the mounted xhs-tuwen root. */
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] {
    background: #ffffff !important;
    height: auto !important;
    overflow: visible !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 24px 32px !important;
    gap: 16px !important;
    max-width: 1680px;
    margin: 0 auto;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main > .agent-univ-header {
    padding: 14px 0 12px !important;
    border: 0 !important;
    margin: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-header-row {
    flex-wrap: wrap;
    gap: 12px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #111111 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-header-desc {
    color: #555555 !important;
    font-size: 14px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-workspace-grid {
    display: grid !important;
    grid-template-columns: minmax(256px, 1fr) minmax(0, 3fr) !important;
    align-items: start !important;
    gap: 28px !important;
    max-width: none !important;
    max-height: none !important;
    flex: none !important;
    transition: none !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-col, .univ-output-col, .univ-input-card, .univ-output-card, .univ-input-body) {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: static !important;
    top: auto !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card, .univ-output-card) {
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card {
    border-right: 1px solid #ebebeb !important;
    padding-right: 24px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child, .univ-output-card > div:first-child) {
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #ebebeb !important;
    min-height: 44px;
    box-sizing: border-box;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card h2, .univ-output-card h3) {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child, .univ-output-card > div:first-child) .w-7 {
    display: none !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-body {
    padding: 0 !important;
    margin: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-col, .univ-output-col, .univ-input-body) {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-field {
    flex: none !important;
    margin-bottom: 12px !important;
    margin-top: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-field { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(p, span, label, h2, h3, button, textarea, .xhs-section-text) { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-field label, .univ-upload-field > label) {
    display: block;
    margin: 0 0 6px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #111111 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-field] {
    flex: none !important;
    height: 88px !important;
    min-height: 64px !important;
    margin-top: 0 !important;
    padding: 10px 12px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #111111 !important;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    resize: vertical;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #univ-input-question { height: 64px !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-field]::placeholder { color: #999999 !important; font-size: 14px; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-field-required { color: #FF5A5F !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] {
    background: #f7f8fa !important;
    border: 1px dashed #ebebeb !important;
    border-radius: 12px !important;
    padding: 14px 12px !important;
    min-height: 76px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] > div:last-of-type { display: none !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] .rounded-full { display: none !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] span { color: #555555 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-limit-hint span { color: #999999 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
    gap: 8px !important;
    padding: 8px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-preview-shell {
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
    border: 0 !important;
    background: #f7f8fa !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] .text-xs { color: #111111 !important; font-size: 12px !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-upload-remove, [id^="univ-upload-add-more-"]) {
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #555555 !important;
    background: #ffffff !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-generate-block { margin-top: 16px !important; padding-top: 12px !important; border-color: #ebebeb !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-generate-block > div {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-generate-block p { font-size: 12px !important; line-height: 1.7 !important; color: #999999 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #generate-btn {
    background: #FF5A5F !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    min-height: 44px;
    padding: 10px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #generate-btn * { color: #ffffff !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #generate-btn:hover { background: #CC3A3F !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(#copy-output, .xhs-section-copy) {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #111111 !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    min-height: 38px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #copy-output * { color: #111111 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(#copy-output, .xhs-section-copy):hover { color: #FF5A5F !important; border-color: #FF5A5F !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-output {
    padding: 24px !important;
    margin: 0 !important;
    border: 1px solid #ebebeb !important;
    border-radius: 12px !important;
    min-height: 220px;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-output.xhs-original-hidden { display: none !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-output[data-xhs-result="pending"] > .absolute { position: static !important; padding: 32px 0 !important; opacity: 1 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-output .ph-robot { display: none !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-generation-wait > * { display: none !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-generation-wait::before { content: '正在生成文案…'; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-sections { display: flex; flex-direction: column; gap: 16px; white-space: normal; }
html body #agent-page[data-xhs-tuwen-root] .xhs-result-sections[hidden] { display: none !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 12px;
    position: relative;
    padding: 20px 24px;
    box-shadow: none !important;
    min-width: 0;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar { position: absolute; top: 20px; right: 24px; display: flex; align-items: center; gap: 12px; margin: 0; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-label { display: block; padding-right: 120px; margin: 0 0 10px; font-size: 16px !important; line-height: 1.8 !important; font-weight: 600 !important; color: #111111 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-label * { font-size: inherit !important; font-weight: inherit !important; color: #111111 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-copy { min-height: 30px; padding: 3px 10px !important; font-size: 12px !important; line-height: 1.8; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="tags"] .xhs-card-toolbar { position: static; justify-content: space-between; margin-bottom: 10px; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="tags"] .xhs-card-label { padding: 0; margin: 0; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-tags-heading="source"] .xhs-card-toolbar { position: absolute; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-tags-heading="source"] .xhs-card-label { padding-right: 120px; margin-bottom: 10px; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-heading-break] { display: none; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text {
    white-space: normal;
    overflow-wrap: anywhere;
    width: 100%;
    max-width: none;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #111111 !important;
    user-select: text;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text p {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1.75 !important;
    color: #111111 !important;
    white-space: normal;
    margin: 0 0 14px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text > :last-child { margin-bottom: 0 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="title"] .xhs-card-label { margin-bottom: 0; }
html body #agent-page[data-xhs-tuwen-root] .xhs-preview-switch button[aria-pressed="true"] { border-color: #FF5A5F !important; color: #FF5A5F !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(button, textarea, [tabindex]):focus-visible { outline: 2px solid #FF5A5F !important; outline-offset: 3px; }
@media (min-width: 1024px) {
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-col { position: sticky !important; top: 16px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card { max-height: calc(100dvh - 120px) !important; overflow: hidden !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-body { flex: 1 1 auto !important; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 8px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-generate-block { flex: 0 0 auto !important; }
}
@media (max-width: 1023px) {
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-workspace-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main { padding: 0 16px 32px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card { border: 0 !important; padding: 0 !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-title { font-size: 24px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-header-desc { width: 100%; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-header-divider { display: none; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card { padding: 24px; }
}

/* ZNT88 / XHS Scheme C visual polish. Presentation-only; never shared with other agents. */
/* The original Universal DOM and hidden legacy result remain the authoritative behavior. */
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] {
    --xhs-ink: #192333;
    --xhs-subtext: #4b586a;
    --xhs-muted: #697587;
    --xhs-line: #e1e6ed;
    --xhs-surface: #f5f7fa;
    --xhs-brand: #ff5a5f;
    background: var(--xhs-surface) !important;
    color: var(--xhs-ink) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main {
    background: var(--xhs-surface) !important;
    max-width: 1780px;
    padding: 0 28px 38px !important;
    gap: 12px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main > .agent-univ-header {
    padding: 19px 0 17px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-title {
    font-size: 25px !important;
    font-weight: 750 !important;
    letter-spacing: -.6px;
    color: #101725 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-header-desc {
    font-size: 13px !important;
    color: var(--xhs-subtext) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-workspace-grid {
    grid-template-columns: minmax(256px, 1fr) minmax(0, 3fr) !important;
    gap: 18px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card, .univ-output-card) {
    padding: 22px !important;
    background: #fff !important;
    border: 1px solid #e3e8ef !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 20px rgba(26,40,61,.055), 0 1px 2px rgba(26,40,61,.03) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card {
    border-right: 1px solid #e3e8ef !important;
    padding-right: 22px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-col,.univ-output-col,.univ-input-body) {
    background: transparent !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child, .univ-output-card > div:first-child) {
    border-bottom: 1px solid #edf0f4 !important;
    padding-bottom: 15px !important;
    margin-bottom: 18px !important;
    min-height: 48px;
    gap: 10px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child,.univ-output-card > div:first-child) .w-7 {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff0f1 !important;
    border: 0 !important;
    color: #ed4653 !important;
    border-radius: 9px !important;
    width: 34px !important;
    height: 34px !important;
    box-shadow: none !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child,.univ-output-card > div:first-child) .w-7 i {
    color: #ed4653 !important;
    font-size: 19px !important;
    animation: none !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card h2, .univ-output-card h3) {
    color: #121927 !important;
    font-weight: 750 !important;
    font-size: 19px !important;
    letter-spacing: -.3px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-body { margin-bottom: 9px !important; padding-right: 4px !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-field { margin-bottom: 16px !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-field label, .univ-upload-field > label) {
    color: #263243 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.55 !important;
    margin-bottom: 8px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-field] {
    background: #fff !important;
    border: 1px solid #d8dee8 !important;
    border-radius: 9px !important;
    color: #1d2837 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    padding: 11px 12px !important;
    box-shadow: inset 0 1px 2px rgba(26,40,61,.025) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-field]:focus {
    outline: none !important;
    border-color: var(--xhs-brand) !important;
    box-shadow: 0 0 0 3px rgba(255,90,95,.12) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-field]::placeholder {
    color: #8490a0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] {
    border: 1.5px dashed #cbd4df !important;
    background: #f8fafc !important;
    border-radius: 10px !important;
    min-height: 86px;
    padding: 13px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"]:hover,
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"]:focus-visible {
    border-color: var(--xhs-brand) !important;
    background: #fff7f8 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] > .flex > .rounded-full {
    display: flex !important;
    background: #fff !important;
    border: 1px solid #e9edf2 !important;
    width: 36px !important;
    height: 36px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] > .flex > .rounded-full i {
    color: #f04b59 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] .text-\[14px\] { color: #263243 !important; font-weight: 600 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] .text-\[11px\] { color: #657185 !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-limit-hint span {
    color: #697587 !important;
    font-size: 12px !important;
}
/* Preview tiles reuse the actual upload cards and their existing preview/remove event delegation. */
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [id^="univ-upload-list-"] {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 9px !important;
    padding-top: 12px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    min-width: 0;
    gap: 4px !important;
    padding: 5px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-preview-shell {
    width: 100% !important;
    height: 84px !important;
    border-radius: 6px !important;
    background: #eef2f7 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-image-preview img {
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: 6px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] > .flex-1 {
    width: 100%; min-width: 0 !important; padding: 0 2px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] .text-xs {
    color: #526075 !important;
    font-size: 10px !important;
    line-height: 1.4;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] .univ-upload-remove {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 2;
    padding: 2px 5px !important;
    background: rgba(23,31,46,.8) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 5px !important;
    min-height: 22px;
    font-size: 10px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [id^="univ-upload-add-more-"] {
    color: #e34852 !important;
    font-weight: 600 !important;
    padding: 5px 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-generate-block {
    border-top: 1px solid #eef0f4 !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-generate-block p {
    color: #627083 !important;
    font-size: 12px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #generate-btn {
    background: #ff505e !important;
    color: #fff !important;
    min-height: 46px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: .2px !important;
    box-shadow: 0 5px 12px rgba(255,80,94,.18) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #generate-btn:hover {
    background: #ed3f50 !important;
    box-shadow: 0 6px 15px rgba(255,80,94,.25) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #copy-output {
    background: #ff505e !important;
    color: #fff !important;
    border-color: #ff505e !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 9px 14px !important;
    box-shadow: 0 3px 9px rgba(255,80,94,.13) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #copy-output * { color: #fff !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #copy-output:hover {
    color: #fff !important;
    border-color: #ed3f50 !important;
    background: #ed3f50 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-sections { gap: 13px !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card {
    background: #fff !important;
    border: 1px solid #dfe5ed !important;
    border-radius: 10px !important;
    padding: 16px 17px 14px !important;
    box-shadow: 0 1px 3px rgba(20,35,55,.03) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card::before {
    content: none;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar {
    position: static !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px !important;
    min-height: 29px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar::before {
    content: attr(data-xhs-section-title);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #253147;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: -.15px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 18px;
    top: 21px;
    left: 16px;
    border-radius: 4px;
    background: var(--xhs-brand);
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar::before { padding-left: 10px; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-copy {
    background: #fff !important;
    border: 1px solid #dce3ec !important;
    color: #3d4a60 !important;
    font-size: 12px !important;
    font-weight: 600;
    min-height: 30px !important;
    padding: 5px 10px !important;
    white-space: nowrap;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-copy:hover {
    background: #fff5f6 !important;
    border-color: #ff9ba0 !important;
    color: #df3647 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-label {
    color: #1b2535 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
    margin-bottom: 8px !important;
    padding-right: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text {
    color: #293549 !important;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.83 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text p {
    color: #293549 !important;
    font-size: inherit !important;
    line-height: 1.83 !important;
    margin-bottom: 12px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="title"] .xhs-section-text {
    background: #f7f9fc;
    border: 1px solid #e7edf3;
    border-radius: 8px;
    padding: 12px 14px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="title"] .xhs-card-label {
    font-size: 16px !important;
    color: #192333 !important;
    margin-bottom: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-section-text {
    border-left: 2px solid #f6d2d6;
    padding: 1px 0 2px 14px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-card-label {
    color: #263244 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="tags"] .xhs-card-toolbar .xhs-card-label {
    color: #253147 !important;
    padding-left: 10px !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="tags"] .xhs-card-toolbar::before { content: none; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="tags"] .xhs-tag-chip {
    display: inline-block;
    margin: 0 7px 8px 0;
    padding: 5px 9px;
    color: #d7384a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    border: 1px solid #f6cfd4;
    border-radius: 6px;
    background: #fff8f9;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-preview-switch button {
    font-weight: 600;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-preview-switch button[aria-pressed="true"] {
    border-color: var(--xhs-brand) !important;
    background: #fff0f1 !important;
    color: #d83c4a !important;
}
@media (min-width:1024px) {
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card {
        max-height: calc(100dvh - 112px) !important;
        overflow: hidden !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-body {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
}
@media (max-width:1023px) {
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main { padding: 0 14px 28px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-workspace-grid { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card,.univ-output-card) { padding: 16px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card { padding-right: 16px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card { padding: 14px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [id^="univ-upload-list-"] { grid-template-columns: repeat(3,minmax(0,1fr)); }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar::after { top: 19px; left: 12px; }
}

/* DESIGN A / owner-approved visual target, 2026-10-17.
 * Overrides only the xhs-tuwen Scheme C presentation. Business behavior remains Universal.
 * This layer is relative to the already-integrated ChatGPT visual patch, NOT candidate 22245b3.
 * The mockup's fictional navigation, timers and input constraints are intentionally absent. */
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] {
    --xhs-a-ink: #121b2e;
    --xhs-a-body: #344053;
    --xhs-a-secondary: #647084;
    --xhs-a-surface: #f3f5f9;
    --xhs-a-border: #e4e9f1;
    --xhs-a-primary: #dc2648;
    --xhs-a-primary-dark: #bd1e3e;
    background: var(--xhs-a-surface) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main {
    background: var(--xhs-a-surface) !important;
    max-width: 1810px;
    padding: 0 26px 38px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main > .agent-univ-header {
    padding: 17px 2px 17px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-title {
    color: #0e1728 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    letter-spacing: -.5px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-univ-header-desc {
    color: #657083 !important;
    font-size: 13px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-workspace-grid {
    grid-template-columns: minmax(255px, 1fr) minmax(0, 3fr) !important;
    gap: 16px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card, .univ-output-card) {
    background: #fff !important;
    border: 1px solid #e4e8f0 !important;
    border-radius: 16px !important;
    padding: 22px 20px !important;
    box-shadow: 0 7px 25px rgba(32,49,79,.055), 0 1px 3px rgba(30,42,62,.025) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child, .univ-output-card > div:first-child) {
    min-height: 50px;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #eff1f5 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card h2, .univ-output-card h3) {
    color: #121b2e !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    letter-spacing: -.2px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child, .univ-output-card > div:first-child) .w-7 {
    display: flex !important;
    background: #fff0f3 !important;
    border-radius: 11px !important;
    width: 35px !important;
    height: 35px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child, .univ-output-card > div:first-child) .w-7 i {
    color: #ed3354 !important;
    font-size: 19px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-field { margin-bottom: 17px !important; }
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-field label, .univ-upload-field > label) {
    color: #202a3a !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-field] {
    color: #202a3a !important;
    background: #fff !important;
    border: 1px solid #d9dfeb !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    box-shadow: 0 1px 2px rgba(27,40,64,.035) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-field]::placeholder {
    color: #798499 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-required-action="upload"] {
    background: #f9fbfe !important;
    border-color: #cbd5e5 !important;
    min-height: 80px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [id^="univ-upload-list-"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] {
    background: #f7f9fc !important;
    border: 1px solid #e2e8f1 !important;
    border-radius: 10px !important;
    overflow: hidden;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-preview-shell {
    height: 88px !important;
    border-radius: 7px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #generate-btn {
    background: var(--xhs-a-primary) !important;
    border-radius: 10px !important;
    min-height: 48px !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    box-shadow: 0 6px 16px rgba(237,51,84,.17) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #generate-btn:hover {
    background: var(--xhs-a-primary-dark) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #copy-output {
    background: var(--xhs-a-primary) !important;
    border-color: var(--xhs-a-primary) !important;
    min-height: 42px !important;
    padding: 9px 18px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 13px rgba(237,51,84,.15) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #copy-output:hover {
    background: var(--xhs-a-primary-dark) !important;
    border-color: var(--xhs-a-primary-dark) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #copy-output,
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #copy-output * {
    color: #fff !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-sections {
    gap: 15px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card {
    border: 1px solid #e3e8f1 !important;
    border-radius: 13px !important;
    padding: 18px 20px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(25,40,68,.026) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar {
    margin-bottom: 11px !important;
    min-height: 36px;
    gap: 8px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar::before {
    color: #172236 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -.15px;
    padding-left: 39px !important;
}
/* Pink numbered cues are equal-strength for versions 1/2/3 (no randomized colors). */
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar::after {
    content: '✦';
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    top: 23px;
    left: 20px;
    border-radius: 50%;
    color: #e62e50;
    background: #ffe6eb;
    font-size: 14px;
    font-weight: 800;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-card-toolbar::after {
    content: attr(data-xhs-section-number);
    color: #fff;
    background: var(--xhs-a-primary);
    box-shadow: 0 2px 7px rgba(220,38,72,.17);
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="tags"] .xhs-card-toolbar::after {
    content: '#';
    color: #e62e50;
    background: #ffe6eb;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="title"] {
    background: linear-gradient(90deg, #fff7f9 0%, #fffafd 65%, #fff 100%) !important;
    border-color: #f9dbe3 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="title"] .xhs-section-text {
    background: transparent !important;
    border: 0 !important;
    padding: 2px 0 0 !important;
    color: #111b2d !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="title"] .xhs-card-label {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #111b2d !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text,
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text p {
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: #344053 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-section-text {
    border-left: none !important;
    padding: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-card-label {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #172236 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-copy {
    min-height: 34px !important;
    background: #fff !important;
    border: 1px solid #d9dfeb !important;
    border-radius: 9px !important;
    color: #38445a !important;
    font-weight: 650 !important;
    padding: 6px 12px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-copy:hover {
    color: #ce2443 !important;
    background: #fff3f6 !important;
    border-color: #efa5b4 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="tags"] .xhs-card-toolbar::before {
    content: '推荐话题标签';
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="tags"] .xhs-card-toolbar .xhs-card-label {
    display: none; /* UI-only heading; the source line stays rendered in the body and clipboard. */
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-tag-chip {
    background: #fff0f3 !important;
    border: 1px solid #ffdfE6 !important;
    border-radius: 7px !important;
    color: #c9284a !important;
    padding: 5px 9px !important;
    font-weight: 650 !important;
    margin-bottom: 6px !important;
}
@media (min-width:1024px) {
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card {
        max-height: calc(100dvh - 130px) !important;
    }
}
@media (max-width:1023px) {
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main {
        padding: 0 14px 30px !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .agent-workspace-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card, .univ-output-card) {
        padding: 16px !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card {
        padding: 15px !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-card-toolbar::after {
        top: 20px;
        left: 14px;
    }
}

/* Final PC polish. Original result text, Universal behavior and previous layers are retained. */
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main {
    gap: 16px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card, .univ-output-card) {
    padding: 24px 20px !important;
    box-shadow: 0 2px 8px rgba(25, 40, 68, .04) !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card > div:first-child, .univ-output-card > div:first-child) {
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-field {
    margin-bottom: 16px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-sections {
    gap: 16px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card {
    padding: 20px !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is([data-xhs-section-kind="body"], [data-xhs-section-kind="title"]) .xhs-card-toolbar {
    position: static !important;
    height: 0;
    min-height: 0;
    margin: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is([data-xhs-section-kind="body"], [data-xhs-section-kind="title"]) .xhs-card-toolbar::before {
    content: none !important; /* Remove generated duplicate headings; source headings stay visible. */
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="title"] .xhs-card-toolbar::after {
    content: none;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-card-toolbar::after {
    top: 24px;
    left: 20px;
    box-shadow: none;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is([data-xhs-section-kind="body"], [data-xhs-section-kind="title"]) .xhs-section-copy {
    position: absolute;
    top: 20px;
    right: 20px;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-copy {
    min-height: 36px !important;
    height: 36px;
    box-sizing: border-box;
    padding: 7px 12px !important;
    line-height: 20px !important;
    border-radius: 8px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text,
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text p {
    font-size: 16px !important;
    line-height: 1.75 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text p {
    margin-bottom: 16px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-section-text > :last-child {
    margin-bottom: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-section-text {
    padding-left: 40px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-section-text p {
    max-width: 64rem;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-card-label {
    padding: 6px 120px 6px 0 !important;
    min-height: 36px;
    margin-bottom: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="title"] .xhs-card-label {
    padding: 4px 120px 4px 0 !important;
    min-height: 36px;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] {
    margin: 0 !important;
    gap: 6px !important;
    padding: 4px !important;
    background: #fff !important;
    align-self: start;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-preview-shell {
    height: auto !important;
    aspect-ratio: 1 / 1;
    width: 100% !important;
    flex: none !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-image-preview {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-upload-image-preview img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] .text-xs {
    font-size: 11px !important;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] .text-xs:is(:hover, :focus) {
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
}
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-univ-upload-index] > .flex-1 > .text-\[11px\] {
    display: none; /* File type/size remain in the unchanged upload records; prioritize image and name. */
}
@media (max-width: 1023px) {
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is(.univ-input-card, .univ-output-card) { padding: 16px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-card { padding: 16px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-section-text { padding-left: 0 !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-card-label { padding-left: 36px !important; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] [data-xhs-section-kind="body"] .xhs-card-toolbar::after { top: 20px; left: 16px; }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] :is([data-xhs-section-kind="body"], [data-xhs-section-kind="title"]) .xhs-section-copy { top: 16px; right: 16px; }
}

/* ============================================================================
   Workbench responsive layout (2026-10-18, validated in the isolated pilot).
   Scope: xhs-tuwen Scheme C only. Reuses the existing workspace mechanics
   (flex cards + internal scroll); no new framework, no HTML/JS changes.

   Wide (workbench container >= 981px):
   - native CSS Grid 25:75 stays; the workbench spans the full available
     width (the previous fixed cap is lifted);
   - both white panels share ONE viewport-bounded row: equal height, flush
     bottoms, no large gray band under the shorter panel;
   - panel height follows the available viewport space (not the report
     length), with a small usable minimum for very short windows;
   - left panel: stable height, inputs scroll inside the card when needed,
     the generate button stays pinned at the panel bottom;
   - right panel: result list scrolls independently; long reports never
     stretch the left panel or the page.
   Narrow (container <= 980px): natural stacked flow, normal page scrolling.
   ============================================================================ */

/* The workbench itself is the sizing container for the queries below. */
html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main {
    container-type: inline-size;
    container-name: xhs-workbench;
    max-width: none;
}

@container xhs-workbench (min-width: 981px) {
    /* one bounded row: equal-height panels with aligned bottoms.
       Selector carries #agent-work-main to outrank the legacy styles.css
       `#agent-work-main > div { height: auto !important }` reset (2,2,2). */
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main .agent-workspace-grid {
        align-items: stretch !important;
        height: calc(100dvh - 125px) !important;
        min-height: 420px;
    }
    /* left column scrolls with the page (sticky is moot for bounded panels) */
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-col {
        position: static !important;
        top: auto !important;
    }
    /* left panel fills the row; body scrolls inside; button stays at bottom */
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card {
        height: 100% !important;
        max-height: none !important;
        overflow: hidden !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-body {
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    /* right panel fills the same row and scrolls independently */
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-output-col {
        min-height: 0 !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-output-card {
        height: 100% !important;
        max-height: none !important;
        overflow: hidden !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-output {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-sections {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
}

@container xhs-workbench (max-width: 980px) {
    /* narrow: natural stacked flow + normal page scrolling (no height lock) */
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-work-main .agent-workspace-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
        height: auto !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-col {
        position: static !important;
        top: auto !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-card,
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-output-card {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .univ-input-body,
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] #agent-output,
    html body #agent-page[data-xhs-tuwen-root][data-xhs-scheme="c"] .xhs-result-sections {
        flex: none !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
}