/* Approved option 1: task list / execution progress / real content preview. */
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .任务售后入口{margin:12px 0 20px;padding:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 [data-task-after-sales]{display:inline-block;min-height:32px;padding:4px 0;border:0;border-radius:3px;background:transparent;color:#2563eb;font:inherit;font-size:13px;line-height:24px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 [data-task-after-sales]:hover{color:#1d4ed8}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 [data-task-after-sales]:focus-visible{outline:2px solid #2563eb;outline-offset:3px}

body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面:not([hidden]){--task-home-surface:#fff;--task-home-rail:#eef0f3;display:grid!important;grid-template-columns:clamp(170px,14%,190px) minmax(340px,1fr) minmax(270px,30%)!important;grid-template-rows:minmax(0,1fr)!important;padding:0!important;gap:0!important;background:#fff!important;border:1px solid #dce1e8!important;border-radius:16px!important;overflow:auto!important;color:#182230}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面>:is(#IM窗口导航,.IM窗口,#IM任务面板){display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:100%!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;overflow:hidden!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面>#IM窗口导航{background:#eef0f3!important;padding:0 0 0 10px!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .IM窗口导航标题{padding:22px 16px 16px 10px!important;min-height:64px!important;color:#344054;flex-shrink:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM聊天窗口列表{display:block!important;flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 0!important;scrollbar-width:thin;scrollbar-color:#cdd3dc transparent;background:transparent!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口行{position:relative!important;display:block!important;border:0!important;margin:0 0 7px!important;border-radius:10px 0 0 10px!important;background:transparent!important;overflow:visible!important;padding:0!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口行.已选中{background:#fff!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口行.已选中:before,body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口行.已选中:after{content:""!important;display:block!important;position:absolute!important;right:0!important;width:12px!important;height:12px!important;pointer-events:none;z-index:2}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口行.已选中:before{bottom:100%;top:auto!important;background:radial-gradient(circle at 0 0,transparent 12px,#fff 12.5px)!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口行.已选中:after{top:100%;bottom:auto!important;background:radial-gradient(circle at 0 100%,transparent 12px,#fff 12.5px)!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px 8px!important;width:100%!important;min-height:44px!important;height:auto!important;padding:10px 30px 10px 13px!important;border:0!important;box-shadow:none!important;border-radius:10px 0 0 10px!important;background:transparent!important;color:#344054!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项>.IM窗口进度{display:flex!important;flex-direction:row!important;grid-column:1/-1!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM窗口进度>i{display:block;flex:1;min-width:0;height:3px;background:#dce1e8;border-radius:999px;overflow:hidden}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM窗口进度>i::after{content:"";display:block;height:100%;width:var(--im-window-progress,0%);background:#4f63df;border-radius:inherit}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM窗口进度>b{flex:0 0 auto;font-size:10px!important;line-height:16px;font-weight:400;color:#667085;font-variant-numeric:tabular-nums}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项>span{flex:1;min-width:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项 strong{font-size:13px!important;font-weight:600!important;color:#344054!important;white-space:nowrap!important;display:block;overflow:hidden;text-overflow:ellipsis;line-height:20px}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项[aria-current="true"]{background:#fff!important;color:#1d4ed8!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项[aria-current="true"] strong{color:#1d4ed8!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:before,body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:after{display:none!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项 small{color:#667085!important;font-size:11px!important;white-space:normal!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项 em{flex-shrink:0;white-space:nowrap;color:#475467!important;font-size:11px;background:transparent!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.creating){--im-task-state-color:#2563eb}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.running){--im-task-state-color:#2563eb}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.not_created){--im-task-state-color:#667085}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.waiting){--im-task-state-color:#b45309}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.queued){--im-task-state-color:#b45309}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.storing){--im-task-state-color:#7c3aed}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.awaiting_storage){--im-task-state-color:#b45309}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.partial){--im-task-state-color:#b45309}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.completed){--im-task-state-color:#15803d}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.stored){--im-task-state-color:#15803d}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.failed){--im-task-state-color:#b42318}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.storage_failed){--im-task-state-color:#b42318}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.launch_failed){--im-task-state-color:#b42318}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项:has(>em.cancelled){--im-task-state-color:#667085}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项>em{color:var(--im-task-state-color,#475467)!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项>.IM窗口进度>b{color:var(--im-task-state-color,#667085)!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM聊天窗口项>.IM窗口进度>i::after{background:var(--im-task-state-color,#4f63df)!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM聊天窗口列表 .IM窗口任务删除{position:absolute;top:7px;right:3px;color:#667085;background:transparent;border:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .IM窗口新建区{margin-top:auto!important;padding:14px 14px 8px 4px!important;flex-shrink:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #新建IM窗口{width:100%!important;min-height:42px!important;border:1px solid #2563eb!important;background:#2563eb!important;color:#fff!important;border-radius:7px!important;font-weight:600}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM窗口隐私说明{padding:0 15px 16px 5px!important;margin:0!important;font-size:10px!important;line-height:1.7;color:#667085!important;flex-shrink:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面>.IM窗口{padding:0!important;overflow-y:auto!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM消息区{min-height:0!important;flex:1!important;overflow:auto!important;padding:26px!important;margin:0!important;background:#fff!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM任务消息,body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .IM任务消息组{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;max-width:none!important;width:100%!important}
body[data-current-page="im"][data-workbench="xhs"]:is([data-im-task-state="not_created"],[data-im-task-state="launch_failed"]) #应用 #IM页面 #IM消息区{flex:none!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM表单:not([hidden]){display:block!important;position:static!important;align-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:26px!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;overflow:auto!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM表单[hidden]{display:none!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM表单 :is(input,select,textarea){color:#344054!important;border-color:#cdd3dc!important;background:#fff!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM表单 :is(.IM任务配置板块,.IM配置分区){border:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM提交按钮{display:block;width:100%;margin-top:20px;background:#2563eb!important;color:white!important;min-height:42px;border-radius:7px;border:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM提交按钮:disabled{background:#eaecf0!important;color:#667085!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面>#IM任务面板{padding:24px!important;border-left:1px solid #e4e7ec!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面>#IM任务面板>header{display:block!important;flex-shrink:0;padding:0 0 16px!important;border:0;background:transparent}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM任务标题{font-size:14px!important;color:#344054!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .IM当前运行,body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .IM移动对话栏{display:none!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM右侧内容预览{display:block!important;flex:1!important;min-height:0!important;height:auto!important;padding:0!important;overflow:auto!important;border:0!important;background:white!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM任务内容[hidden]{display:none!important}
.任务执行进度{color:#182230;background:#fff;min-width:0}
.任务执行进度>header{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:30px}
.任务执行进度 h2{font-size:20px;line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}
.任务执行进度 small{font-size:12px;color:#667085}
.任务状态标记{font-size:12px;white-space:nowrap;color:#1d4ed8;background:#eff6ff;padding:5px 9px;border-radius:6px}
.任务状态标记.completed{color:#087443;background:#eaf8ef}.任务状态标记.failed{color:#b42318;background:#fff0ee}
.任务进度数字{display:flex;align-items:center;justify-content:space-between;gap:15px}.任务进度数字 h3{font-size:15px;margin:0}.任务进度数字>strong{font-size:30px;color:#1d4ed8}
.任务执行进度轨{height:5px;background:#eaecf0;border-radius:4px;overflow:hidden;margin:17px 0 28px}.任务执行进度轨 i{display:block;height:100%;background:#2563eb}
.任务完成数量{font-size:14px;color:#667085}.任务完成数量 strong{font-size:25px;color:#182230;margin:0 3px}
.任务进度统计{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0}.任务进度统计>div{display:flex;flex-direction:column;gap:8px}.任务进度统计 strong{font-size:15px;font-weight:500}
.任务执行说明{background:#f3f6fb;color:#475467;padding:17px;border-radius:8px;font-size:13px;line-height:1.8}.任务结果提示{margin-top:25px;font-size:13px;color:#475467}.任务结果提示 p{color:#667085;font-size:12px;line-height:1.8}
.任务预览空状态{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:15px;color:#475467;font-size:13px;background:#f5f6f8;padding:20px;border-radius:10px}.任务预览空状态 p{color:#667085;line-height:1.8}
.任务原文预览,.任务结构预览{color:#344054;font-size:13px;line-height:1.8}.任务原文预览 p{white-space:pre-wrap}.任务结构预览 details{padding:9px 0 9px 12px;border-left:1px solid #dce1e8}.任务结构预览 summary{cursor:pointer}
body[data-current-page="im"][data-workbench="xhs"] .聊天任务重跑{margin:24px 0 0;background:transparent;border:0}
@media(max-width:1180px){body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM消息区,body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM表单:not([hidden]){padding:20px!important}body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面>#IM任务面板{padding:20px!important}}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM表单:not([data-xhs-form="generation"]) #IM小红书选项:not([hidden]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 16px!important;min-width:0!important;margin:20px 0!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM表单 .IM表单字段{min-width:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 #IM表单 .IM表单字段 :is(input,select){width:100%;min-width:0}
body[data-current-page="im"][data-workbench="xhs"][data-im-task-state="not_created"] #应用 #IM页面 .IM窗口:has(#IM表单:not([hidden])) #IM消息区:has(.IM空白引导:not([hidden])){display:none!important}

.任务执行错误{color:#b42318;background:#fff0ee;border:1px solid #f8d4ce;padding:14px;border-radius:8px;line-height:1.7;overflow-wrap:anywhere}

/* Task inputs share rows when the form has room; the closing copy stays visible. */
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"]{container-name:task-inputs;container-type:inline-size;gap:20px!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] #IM小红书选项{gap:24px!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] #IM小红书选项>.IM配置分区{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px 20px!important;align-items:start!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] .IM配置分区> :is(h3,.IM任务计费提示,.IM场景工作流,.IM模板图片字段,[data-closing-guide],[data-im-generation-plan],label:has([name="xhs_structure_reference_id"])){grid-column:1/-1!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] .IM配置分区>h3{margin:0!important;padding:0!important;font-size:14px!important;line-height:22px!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] [data-im-generation-plan]{margin:0!important;font-size:12px;color:#667085}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] [data-closing-guide]{display:grid!important;gap:10px!important;padding:0!important;border:0!important;background:transparent!important;min-width:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] [data-closing-guide] h4{margin:0;font-size:13px;line-height:22px;font-weight:500}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] [data-closing-guide-controls]{display:grid;gap:12px;min-width:0}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] .IM引导方式{display:flex;flex-wrap:wrap;gap:12px 24px;min-height:28px;align-items:center}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] .IM引导方式>label{display:inline-flex!important;align-items:center;gap:8px!important;width:auto!important;margin:0!important;cursor:pointer;font-size:13px}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] .IM引导方式 input[type="radio"]{appearance:auto!important;width:16px!important;height:16px!important;min-height:16px!important;min-width:16px!important;padding:0!important;margin:0!important;box-shadow:none!important;accent-color:#2563eb}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] .IM引导原话 textarea{width:100%!important;min-height:88px!important;resize:vertical;box-sizing:border-box}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] [data-closing-guide-controls]>small{font-size:12px;line-height:20px;color:#667085}
@container task-inputs (min-width:440px){body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form="generation"] #IM小红书选项>.IM配置分区{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Compact task fields: share short controls, preserve full-width source content. */
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]):not([hidden]){container-name:task-inputs;container-type:inline-size;gap:16px!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]) #IM小红书选项:not([hidden]){gap:20px!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]) #IM小红书选项>.IM配置分区{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px 16px!important;align-items:start!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]) #IM小红书选项>.IM配置分区>:is(h3,p,.image-opt-fields,[data-image-decoration],.IM模板图片字段,.IM场景工作流,[data-closing-guide],.IM表单字段:has([data-image-link])){grid-column:1/-1!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]) #IM小红书选项 [data-image-copy-price]{order:3;margin:0!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]) #IM小红书选项 [data-image-decoration]:not([hidden]){order:4;display:grid;grid-template-columns:subgrid;gap:12px 16px}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]) #IM小红书选项 [data-image-decoration]>:is(.image-opt-elements,p){grid-column:1/-1}
@container task-inputs (min-width:400px){body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]) #IM小红书选项>.IM配置分区{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form])[data-xhs-form="template"] #IM小红书选项:not([hidden]),body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]):is([data-xhs-form="peer"],[data-xhs-form="structure"],[data-xhs-form="official-account"]) #IM小红书选项:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px 16px!important;margin:0!important;padding:0!important;flex:none!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]) #IM小红书选项>:is(p,small,.IM模板源页面选择,.IM模板图片字段,.IM场景工作流){grid-column:1/-1!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form])[data-xhs-form="template"] .IM模板上传费用{margin:0!important}
@container task-inputs (min-width:400px){body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 form#IM表单.IM输入区[data-xhs-form]:is([data-xhs-form]):is([data-xhs-form="template"],[data-xhs-form="peer"],[data-xhs-form="structure"],[data-xhs-form="official-account"]) #IM小红书选项:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Option A, large-image reading: style existing task renderers only. */
body[data-current-page="im"][data-workbench="xhs"] #IM任务面板 {
  --task-preview-media-height: clamp(320px, 48dvh, 480px);
}
#IM任务面板 #IM入库位置 .task-storage-destinations {
  margin: 10px 0 0;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 20px;
}
#IM任务面板 #IM入库位置 .task-storage-destinations > div { min-width: 0; gap: 4px 12px; }
#IM任务面板 #IM入库位置 .task-storage-item { overflow-wrap: anywhere; }
#IM右侧内容预览 :is(.IM图文预览, .image-opt-source-preview) { min-width: 0; }
#IM右侧内容预览 .IM图文预览 > header { align-items: baseline; margin-bottom: 12px; }
#IM右侧内容预览 .IM图文预览 > header strong { overflow-wrap: anywhere; }
#IM右侧内容预览 .IM图文成稿 {
  height: var(--task-preview-media-height);
  object-fit: contain;
  background: var(--feishu-color-fill-2, #f2f3f5);
  border-radius: 8px;
}
#IM右侧内容预览 .IM图文画布 { border-radius: 8px; box-shadow: none; }
#IM右侧内容预览 :is(.IM图文页码, .image-opt-slide-controls) { gap: 8px; margin: 12px 0 18px; }
#IM右侧内容预览 .IM图文页码 button { min-width: 32px; height: 32px; }
#IM右侧内容预览 :is(.IM发布文字 h3, .image-opt-source-preview > h3, .image-opt-item-copy h3) {
  font-size: 16px;
  line-height: 1.6;
  margin: 16px 0 8px;
  overflow-wrap: anywhere;
}
#IM右侧内容预览 :is(.IM发布文字, .image-opt-original-body, .任务原文预览) {
  font-size: 13px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
#IM右侧内容预览 .image-opt-results { padding: 0; }
#IM右侧内容预览 .image-opt-batch { padding: 12px; margin: 16px 0; background: #f7f8fa; }
#IM右侧内容预览 .image-opt-batch > summary { flex-wrap: wrap; }
#IM右侧内容预览 .image-opt-live > img { height: var(--task-preview-media-height); max-height: none; }
#IM右侧内容预览 .image-opt-source-grid > label > span { display: flex; align-items: center; gap: 6px; padding-top: 6px; }

/* Keep actual image-task content above its actual progress readback. */
#IM右侧内容预览 .image-opt-results { display:flex; flex-direction:column; height:100%; min-height:0; overflow:hidden; }
#IM右侧内容预览 .image-opt-content { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; }
#IM任务面板 > #IM内容进度 { flex:0 0 auto; max-height:35%; min-height:0; overflow:auto; border-top:1px solid var(--feishu-color-border,#dee0e3); margin-top:16px; padding-top:12px; scrollbar-width:thin; }
#IM内容进度 > h2 { margin:0 0 8px!important; font-size:14px!important; line-height:22px; }
#IM内容进度 .image-opt-progress p { margin:4px 0; font-size:12px; line-height:20px; }
#IM内容进度 .image-opt-progress progress { width:100%; height:6px; }

/* Reference A: tabs, contained image, overlaid paging, thumbnail strip, copy. */
#IM任务面板 { --task-reading-image-height:clamp(240px,34dvh,360px); }
#IM右侧内容预览 .task-reading-tabs { display:flex; align-items:center; gap:24px; margin:0 0 16px; border-bottom:1px solid #e4e7ec; }
#IM右侧内容预览 .task-reading-tabs :is(button,span) { border:0; border-radius:0; background:transparent; padding:10px 4px; margin:0 0 -1px; color:#667085; font:inherit; font-size:13px; line-height:20px; white-space:nowrap; }
#IM右侧内容预览 .task-reading-tabs :is([aria-pressed="true"],.is-active) { color:var(--feishu-color-primary,#3370ff); border-bottom:2px solid currentColor; font-weight:600; }
#IM右侧内容预览 .task-reading-tabs button { cursor:pointer; }
#IM右侧内容预览 :is(.task-reading-results,.task-reading-original)[hidden] { display:none!important; }
#IM右侧内容预览 .task-reading-carousel { position:relative; }
#IM右侧内容预览 .task-reading-carousel .image-opt-slide-track { scrollbar-width:none; }
#IM右侧内容预览 .task-reading-carousel .image-opt-slide-track::-webkit-scrollbar { display:none; }
#IM右侧内容预览 .task-reading-carousel :is(.image-opt-source-grid img,.image-opt-output img) { height:var(--task-reading-image-height); max-height:none; width:100%; object-fit:contain; border-radius:8px; background:#f0f1f3; }
#IM右侧内容预览 .task-reading-carousel .image-opt-output { margin:0 0 12px; }
#IM右侧内容预览 .task-reading-carousel .image-opt-slide-controls { position:absolute; inset:0 0 auto; height:var(--task-reading-image-height); margin:0; padding:0 12px; pointer-events:none; box-sizing:border-box; }
#IM右侧内容预览 .task-reading-carousel .image-opt-slide-controls button { pointer-events:auto; display:grid; place-items:center; flex:none; width:32px; min-width:32px; height:32px; padding:0; border:0; border-radius:50%; background:#fff; color:var(--feishu-color-primary,#3370ff); box-shadow:0 1px 4px #10182818; }
#IM右侧内容预览 .task-reading-carousel .image-opt-slide-controls button:disabled { opacity:.35; }
#IM右侧内容预览 .task-reading-carousel .image-opt-slide-controls span { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); padding:3px 12px; border-radius:20px; background:#344054c9; color:#fff; font-size:12px; line-height:20px; }
#IM右侧内容预览 .task-reading-thumbs { display:flex; gap:8px; overflow-x:auto; padding:2px 0 6px; margin:12px 0 16px; scrollbar-width:thin; }
#IM右侧内容预览 .task-reading-thumbs button { flex:0 0 54px; width:54px; height:66px; padding:3px; border:2px solid transparent; border-radius:5px; background:#f5f6f8; cursor:pointer; color:#667085; }
#IM右侧内容预览 .task-reading-thumbs button[aria-current="true"] { border-color:var(--feishu-color-primary,#3370ff); background:#fff; }
#IM右侧内容预览 .task-reading-thumbs img { display:block; width:100%; height:100%; object-fit:contain; border-radius:2px; }
#IM右侧内容预览 .task-reading-note { width:100%; min-width:0; margin:0; padding:0; background:transparent; }
#IM右侧内容预览 .task-reading-note .image-opt-card-placeholder { height:var(--task-reading-image-height); margin:0 0 12px; }
#IM右侧内容预览 .task-reading-task-actions { flex:0 0 auto; min-height:0; max-height:45%; overflow:auto; margin-top:16px; padding-top:12px; border-top:1px solid var(--feishu-color-border,#dee0e3); scrollbar-width:thin; }
#IM右侧内容预览 .task-reading-note :is(h3,p) { overflow-wrap:anywhere; white-space:pre-wrap; line-height:1.8; }
#IM右侧内容预览 .task-reading-note h3 { font-size:16px; margin:16px 0 8px; }
#IM右侧内容预览 .task-reading-tabs button:focus-visible,#IM右侧内容预览 .task-reading-thumbs button:focus-visible { outline:2px solid var(--feishu-color-primary,#3370ff); outline-offset:2px; }

#IM右侧内容预览 .task-reading-image-failed { display:none!important; }
#IM右侧内容预览 .task-reading-image-error:not([hidden]) { height:var(--task-reading-image-height); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:#f0f1f3; border-radius:8px; color:#667085; }
#IM右侧内容预览 .task-reading-image-error button { position:relative; z-index:1; padding:6px 12px; border:1px solid #d0d5dd; border-radius:6px; background:white; cursor:pointer; }
#IM右侧内容预览 .task-reading-thumbs button[data-failed="true"]::after { content:'加载失败'; font-size:11px; }
#IM右侧内容预览 .task-reading-thumbs img[hidden] { display:none; }

/* Task actions stay visible below the independently scrolling progress. */
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .IM任务消息组:has(>.任务停止删除操作){display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .IM任务消息组:has(>.任务停止删除操作)>.template-dashboard,body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .IM任务消息组:has(>.任务停止删除操作)>.任务执行进度{flex:1 1 0!important;min-height:0!important;overflow:auto!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .任务停止删除操作{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important;position:relative!important;min-height:48px!important;margin:0!important;padding:10px 0 0!important;border-top:1px solid #eaecf0;background:#fff;z-index:1;box-sizing:border-box}

body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .任务停止删除操作 .任务操作状态{margin-right:auto;min-width:0;color:#86909c;font-size:12px;line-height:20px}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .任务停止删除操作 button{height:36px!important;min-height:36px!important;min-width:94px;padding:0 16px!important;border:1px solid #c9cdd4!important;border-radius:6px!important;background:#fff!important;color:#344054!important;font-size:13px!important;font-weight:500!important;line-height:34px!important;white-space:nowrap;box-shadow:none!important;cursor:pointer}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .任务停止删除操作 [data-delete-im-task]{border-color:#f3a5a5!important;color:#e5484d!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .任务停止删除操作 [data-rerun-im-task]{background:#3564f5!important;border-color:#3564f5!important;color:#fff!important}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .任务停止删除操作 button:hover{filter:brightness(.97)}
body[data-current-page="im"][data-workbench="xhs"] #应用 #IM页面 .任务停止删除操作 button:focus-visible{outline:2px solid #3564f5;outline-offset:2px}