/* Material preview: compact sheet, preview above conversion actions. */


body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 {
  overflow: hidden;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层页头 {
  padding: 10px 16px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层页头 p {
  display: none;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库预览 {
  padding: 0;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库预览 .模板库预览滚动体 {
  padding: 12px 16px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库详情内容 {
  grid-template-columns: 208px minmax(0, 1fr);
  gap: 10px 16px;
  align-items: start;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库主图导航 > figure {
  width: 100%;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库笔记内容 > h3 {
  display: block;
  overflow: visible;
  font-size: 15px;
  line-height: 22px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库预览 .素材采集库正文 p {
  max-height: 220px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库底部栏 {
  padding: 0;
  border: 0;
  min-height: 28px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库互动数据 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库互动数据 > div {
  border: 0;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库模板转换 {
  margin: 0;
  padding: 12px 16px;
  gap: 8px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .工作流场景选择 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 4px 12px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .工作流灵光说明 {
  grid-column: 1 / -1;
  margin: 0;
  line-height: 16px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换操作 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换卡 {
  min-width: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  align-items: start;
  gap: 6px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换卡 > small {
  grid-column: auto;
  grid-row: auto;
  line-height: 16px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换卡 > button {
  width: 100%;
  min-height: 30px;
  margin: 0;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 :is(.素材架构转换规则, .素材架构转换状态) {
  margin: 0;
  line-height: 16px;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换状态:empty {
  display: none;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库编辑区 {
  padding: 10px 16px 14px;
}
@media (max-width: 600px) {
  body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库详情内容 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "heading" "media" "copy" "meta";
  }
  body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库主图导航 > figure {
    width: min(100%, 208px);
  }
  body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换操作 {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换卡 {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
  }
  body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换卡 > small {
    grid-column: 1;
    grid-row: 2;
  }
  body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材架构转换卡 > button {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
  }
  body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .工作流场景选择 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 601px) and (max-width: 760px) {
  body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库详情内容 {
    grid-template-areas: "heading heading" "media copy" "meta meta";
  }
}

/* Material workflow field label. */
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .工作流场景选择 > .IM字段标题 {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin: 0;
  color: var(--feishu-color-text-0, #1f2329);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .工作流场景选择 > .IM字段标题 > span {
  color: inherit;
  font: inherit;
}

/* Material note text and accessible workflow help. */
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库笔记内容 {
  max-height: 346px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
body[data-workbench="xhs"][data-current-page="material"] .素材采集库详情弹层 .素材采集库预览 .素材采集库正文 p {
  max-height: none;
  overflow: visible;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body[data-workbench="xhs"][data-current-page="material"] .素材排版状态 { margin: 6px 0; font-size: 11px; line-height: 18px; color: var(--feishu-color-text-1, #646a73); }

body[data-workbench="xhs"][data-current-page="material"] .工作流场景选择 .IM字段说明 { display: inline-flex; position: relative; align-items: center; justify-content: center; width: 15px; height: 15px; margin-left: 6px; border: 1px solid #8f959e; border-radius: 50%; color: #646a73; font: 600 11px/1 Georgia, serif; cursor: help; }
body[data-workbench="xhs"][data-current-page="material"] .工作流场景选择 .IM字段说明::after { content: attr(data-tip); position: absolute; left: -44px; bottom: calc(100% + 8px); z-index: 20; width: min(280px, calc(100vw - 64px)); padding: 10px 12px; border: 1px solid #dee0e3; border-radius: 8px; background: #fff; box-shadow: 0 4px 16px #1f23291f; color: #1f2329; font: 400 12px/1.6 system-ui, sans-serif; white-space: normal; visibility: hidden; opacity: 0; pointer-events: none; }
body[data-workbench="xhs"][data-current-page="material"] .工作流场景选择 .IM字段说明:is(:hover, :focus-visible)::after { visibility: visible; opacity: 1; }