/* Template editor controls moved out of the shared theme to keep its growth gate stable. */
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板当前槽位编辑器 {
  padding: 0 16px 12px;
  background: var(--workbench-surface-panel);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .当前文字区域卡 > header {
  min-height: 48px;
  padding: 8px 0;
  border-bottom: 1px solid var(--workbench-border-subtle);
  background: color-mix(in srgb, var(--workbench-surface-panel) 96%, transparent);
  backdrop-filter: blur(8px);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .当前文字区域卡 > header > strong {
  color: var(--workbench-text-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] :is(.模板槽位徽标 > em, .模板编辑状态) {
  min-height: 20px;
  padding: 1px 6px;
  border: 0;
  border-radius: var(--feishu-border-radius-extra-small);
  background: var(--feishu-color-fill-0);
  color: var(--workbench-text-secondary);
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 button {
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 7px;
  border: 0;
  background: var(--feishu-color-fill-0);
  color: var(--workbench-text-secondary);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 button:hover:not(:disabled),
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 button:focus-visible {
  background: var(--feishu-color-primary-light-default);
  color: var(--feishu-color-primary);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 .模板元素保存操作 {
  width: auto;
  min-width: 104px;
  padding: 0 14px;
  background: var(--feishu-color-primary);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 .模板元素保存操作:hover:not(:disabled),
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 .模板元素保存操作:focus-visible {
  background: var(--feishu-color-primary-hover);
  color: #fff;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 .模板元素保存操作:disabled {
  background: var(--feishu-color-disabled-bg);
  color: var(--feishu-color-disabled-text);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 .模板元素删除操作 {
  background: var(--feishu-color-fill-0);
  color: var(--feishu-color-danger);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 .模板元素删除操作:hover:not(:disabled),
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板元素操作 .模板元素删除操作:focus-visible {
  background: var(--feishu-color-danger-light-default);
  color: var(--feishu-color-danger);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板检查器分组 {
  border-bottom: 1px solid var(--workbench-border-subtle);
  background: transparent;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板检查器分组 > header {
  min-height: 52px;
  padding: 16px 0 8px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板检查器分组 > header strong {
  color: var(--workbench-text-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板检查器分组 > header small {
  color: var(--workbench-text-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板检查器分组 .模板字段网格 {
  padding: 8px 0 16px;
  gap: 12px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] :is(.模板预览文字编辑, .模板字段网格 > label, .模板功能字段 > label) {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] :is(.模板预览文字编辑, .模板字段网格 > label, .模板功能字段 > label) > span {
  color: var(--workbench-text-secondary);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板右栏 .模板文字层面板 :is(input[type="text"], input[type="number"], select, textarea, .IM飞书选择器按钮) {
  height: var(--feishu-height-control-default);
  min-height: var(--feishu-height-control-default);
  border: 1px solid var(--feishu-color-control-border);
  border-radius: var(--feishu-border-radius-small);
  background: var(--feishu-color-bg-0);
  color: var(--workbench-text-primary);
  box-shadow: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板右栏 .模板文字层面板 textarea {
  height: auto;
  min-height: 64px;
  padding: 8px 12px;
  resize: vertical;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板右栏 .模板文字层面板 :is(input[type="text"], input[type="number"], select, textarea, .IM飞书选择器按钮):hover:not(:disabled) {
  border-color: rgb(var(--feishu-grey-6));
  background: var(--feishu-color-bg-0);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板右栏 .模板文字层面板 :is(input[type="text"], input[type="number"], select, textarea, .IM飞书选择器按钮):focus,
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板右栏 .模板文字层面板 .IM飞书选择器按钮:focus-visible {
  border-color: var(--feishu-color-primary);
  background: var(--feishu-color-bg-0);
  box-shadow: 0 0 0 2px rgba(var(--feishu-blue-5), .14);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容设置 .模板预览文字编辑 {
  padding: 8px 0 0;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板画布外框 > .模板组件工具栏 {
  position: relative;
  z-index: 45;
  grid-area: 2 / 1;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--workbench-border-subtle);
  border-radius: var(--feishu-border-radius-medium);
  background: var(--feishu-color-bg-0);
  overflow: hidden;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板组件工具栏 button,
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板组件工具栏 select {
  max-width: 100%;
  min-height: var(--feishu-height-control-small);
  padding: 0 10px;
  border: 1px solid var(--feishu-color-control-border);
  border-radius: var(--feishu-border-radius-small);
  background: var(--feishu-color-bg-0);
  color: var(--workbench-text-primary);
  font-size: 12px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板组件工具栏 button:hover:not(:disabled),
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板组件工具栏 select:hover:not(:disabled) {
  border-color: var(--feishu-color-primary);
  color: var(--feishu-color-primary);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板组件工具栏 > span {
  flex: 1 0 100%;
  color: var(--workbench-text-muted);
  font-size: 11px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .课程模板画布 .模板卡片组件 {
  position: absolute;
  left: var(--组件X);
  top: var(--组件Y);
  z-index: var(--组件层级);
  width: var(--组件宽);
  height: var(--组件高);
  border: var(--组件边框宽) solid var(--组件边框);
  border-radius: var(--组件圆角);
  background-color: var(--组件背景);
  background-image: var(--组件图片, none);
  background-size: var(--组件图片适配, cover);
  background-position: center;
  box-shadow: var(--组件阴影);
  opacity: var(--组件透明度);
  overflow: hidden;
  box-sizing: border-box;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板画布外框 .模板卡片组件 {
  cursor: move;
  pointer-events: auto;
  touch-action: none;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板卡片组件 > small {
  position: absolute;
  left: 8px;
  top: 8px;
  max-width: calc(100% - 16px);
  padding: 3px 6px;
  border-radius: var(--feishu-border-radius-small);
  background: rgba(15, 23, 42, .72);
  color: #fff;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板卡片组件.当前组件 {
  outline: 2px solid var(--feishu-color-primary);
  outline-offset: 2px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板卡片组件 > .模板缩放手柄 {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 14px;
  height: 14px;
  display: block;
  border: 2px solid #fff;
  border-radius: 4px 0 0;
  background: var(--feishu-color-primary);
  cursor: nwse-resize;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .课程模板画布.紧凑 .模板卡片组件 {
  pointer-events: none;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .课程模板画布.紧凑 .模板卡片组件 > :is(small, .模板缩放手柄) {
  display: none;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板双结构说明 {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--workbench-border-subtle);
  border-radius: var(--feishu-border-radius-medium);
  background: var(--feishu-color-fill-0);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板双结构说明 > header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板双结构说明 :is(p, small, em) {
  color: var(--workbench-text-muted);
  font-size: 11px;
  font-style: normal;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板双结构说明 ol {
  margin: 10px 0 0;
  padding: 0;
  display: grid;
  gap: 6px;
  list-style: none;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板双结构说明 li {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  font-size: 11px;
}

/* Figma-style template canvas: editor affordances never alter the saved canvas coordinate system. */
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板画布外框 {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  overflow: auto;
  overscroll-behavior: contain;
  background-color: color-mix(in srgb, var(--feishu-color-fill-0) 92%, var(--feishu-color-bg-0));
  background-image:
    linear-gradient(45deg, color-mix(in srgb, var(--workbench-border-subtle) 44%, transparent) 25%, transparent 25%),
    linear-gradient(-45deg, color-mix(in srgb, var(--workbench-border-subtle) 44%, transparent) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--workbench-border-subtle) 44%, transparent) 75%),
    linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--workbench-border-subtle) 44%, transparent) 75%);
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
  background-size: 16px 16px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .课程模板画布 .模板文字层 {
  transform: rotate(var(--槽位旋转, 0deg));
  transform-origin: center center;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .课程模板画布 .模板卡片组件 {
  transform: rotate(var(--组件旋转, 0deg));
  transform-origin: center center;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板画布外框 [data-template-selected="true"] {
  outline: 2px solid var(--feishu-color-primary) !important;
  outline-offset: 2px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板画布外框 [data-template-locked="true"] {
  cursor: not-allowed;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板画布外框 [data-template-locked="true"]::before {
  content: "锁";
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 8;
  padding: 1px 4px;
  border-radius: 4px;
  background: rgba(15, 23, 42, .76);
  color: #fff;
  font-size: 8px;
  line-height: 14px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板画布外框 [data-template-group="true"] {
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma工具栏 {
  position: sticky;
  left: 50%;
  top: 8px;
  z-index: 40;
  grid-area: 1 / 1;
  align-self: start;
  justify-self: center;
  width: max-content;
  max-width: calc(100% - 32px);
  min-height: 38px;
  padding: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  overflow-x: auto;
  border: 1px solid color-mix(in srgb, var(--workbench-border-subtle) 88%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--feishu-color-bg-0) 94%, transparent);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .14);
  backdrop-filter: blur(16px);
  transform: translateX(-50%);
  scrollbar-width: none;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma工具栏::-webkit-scrollbar { display: none; }

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma工具栏 button {
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0 7px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--workbench-text-secondary);
  font-size: 10px;
  white-space: nowrap;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma工具栏 button:hover:not(:disabled),
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma工具栏 button:focus-visible {
  background: var(--feishu-color-primary-light-default);
  color: var(--feishu-color-primary);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma工具栏 button:disabled {
  color: var(--feishu-color-disabled-text);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma工具栏 output {
  min-width: 42px;
  color: var(--workbench-text-primary);
  font-size: 10px;
  text-align: center;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板工具分隔 {
  width: 1px;
  height: 20px;
  flex: 0 0 1px;
  margin: 0 2px;
  background: var(--workbench-border-subtle);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 {
  position: sticky;
  left: 8px;
  top: 54px;
  z-index: 35;
  grid-area: 1 / 1;
  align-self: start;
  justify-self: start;
  width: 164px;
  max-height: min(520px, calc(100% - 72px));
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--workbench-border-subtle) 88%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--feishu-color-bg-0) 95%, transparent);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
  backdrop-filter: blur(16px);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 > summary {
  height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--workbench-text-primary);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 ol {
  max-height: 420px;
  margin: 0;
  padding: 4px;
  overflow: auto;
  border-top: 1px solid var(--workbench-border-subtle);
  list-style: none;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 li {
  padding-left: calc(var(--图层深度, 0) * 12px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26px;
  align-items: center;
  gap: 2px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 button {
  height: 28px;
  min-height: 28px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--workbench-text-secondary);
  font-size: 10px;
  text-align: left;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 button[aria-pressed="true"] {
  background: var(--feishu-color-primary-light-default);
  color: var(--feishu-color-primary);
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 > small {
  display: block;
  padding: 7px 9px;
  border-top: 1px solid var(--workbench-border-subtle);
  color: var(--workbench-text-muted);
  font-size: 8px;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板多选边界 {
  position: absolute;
  left: var(--多选X);
  top: var(--多选Y);
  z-index: 220;
  width: var(--多选宽);
  height: var(--多选高);
  border: 2px solid var(--feishu-color-primary);
  pointer-events: auto;
  cursor: move;
  touch-action: none;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板多选边界 > i {
  position: absolute;
  right: -7px;
  bottom: -7px;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 3px;
  background: var(--feishu-color-primary);
  box-shadow: 0 0 0 1px var(--feishu-color-primary);
  cursor: nwse-resize;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板吸附线 {
  position: absolute;
  z-index: 230;
  display: block;
  background: #e548a7;
  pointer-events: none;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板吸附线X { top: 0; bottom: 0; width: 1px; }
body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板吸附线Y { left: 0; right: 0; height: 1px; }

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] [data-template-inline-edit="true"] {
  cursor: text;
  user-select: text;
  pointer-events: auto;
  white-space: pre-wrap;
  outline: 1px solid #e548a7;
  outline-offset: 1px;
}

@media (max-width: 1100px) {
  body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma图层 { width: 136px; }
  body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板Figma工具栏 { max-width: calc(100% - 16px); }
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] #环节轨道:has(.模板工作台) {
  width: 100%;
  margin-inline: 0;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .环节画布:has(.模板工作台) {
  padding: var(--site-navigation-height, 64px) 0 0;
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .课程生产工作台:has(.模板工作台) {
  width: 100%;
  margin-inline: 0;
  height: calc(100dvh - var(--site-navigation-height, 64px));
}


/* 模板库与知识库共用同一页级骨架：左侧列表，右侧连续工作区。 */
body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板工作台 {
  --模板右栏宽度: clamp(440px, 42%, 620px);
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: clamp(280px, 22%, 320px) minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--workbench-border-subtle);
  border-radius: 8px;
  background: var(--workbench-surface-panel, #fff);
}

body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板工作台 > .模板左栏 {
  min-width: 0;
  min-height: 0;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border: 0;
  border-right: 1px solid var(--workbench-border-subtle);
  border-radius: 0;
  background: var(--workbench-surface-panel, #fff);
  box-shadow: none;
}

body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板工作台 > .模板左栏 > .课程操作标题 {
  min-height: 58px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--workbench-border-subtle);
}

body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(440px, var(--模板右栏宽度));
  gap: 0;
  overflow: hidden;
  background: var(--workbench-surface-panel, #fff);
}

body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板画布内容,
body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板右栏 {
  min-width: 0;
  min-height: 0;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: var(--workbench-surface-panel, #fff);
  box-shadow: none;
}

body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板画布内容 {
  overflow: hidden;
}

body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板右栏 {
  min-width: 440px;
  overflow: hidden !important;
  border-left: 1px solid var(--workbench-border-subtle);
}

body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板栏分隔线 {
  display: none;
}

@media (max-width: 1240px) and (min-width: 940px) {
  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板工作台 {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 38%);
  }

  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板右栏 {
    min-width: 0;
  }
}

@media (max-width: 939px) {
  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板工作台,
  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 {
    height: auto;
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
  }

  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板工作台 > .模板左栏 {
    min-height: 520px;
    max-height: 68dvh;
    border-right: 0;
    border-bottom: 1px solid var(--workbench-border-subtle);
  }

  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板画布内容,
  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板右栏 {
    min-height: 520px;
    overflow: visible !important;
  }

  body[data-workbench="xhs"][data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .模板内容工作区 > .模板右栏 {
    min-width: 0;
    border-top: 1px solid var(--workbench-border-subtle);
    border-left: 0;
  }
}

body[data-current-page="xiaohongshu"][data-xhs-canvas="course-production"] .课程模板画布 .模板文字层 {
  display: flex;
  flex-direction: column;
  justify-content: var(--槽位垂直对齐, flex-start);
  opacity: var(--槽位透明度, 1);
  font-family: var(--槽位自定义字体, var(--槽位字体)), var(--槽位字体);
}

.模板设计调试层 {
  position: absolute;
  inset: 0;
  z-index: 80;
  pointer-events: none;
}

.模板设计调试项 {
  position: absolute;
  left: var(--槽位X, var(--组件X));
  top: var(--槽位Y, var(--组件Y));
  z-index: 81;
  width: var(--槽位宽, var(--组件宽));
  height: var(--槽位高, var(--组件高));
  box-sizing: border-box;
  padding: 4px 6px;
  display: grid;
  align-content: start;
  gap: 1px;
  border: 1px solid rgba(249, 115, 22, .85);
  background: rgba(15, 23, 42, .55);
  color: #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  line-height: 1.25;
  pointer-events: none;
}

.模板设计调试项 > b,
.模板设计调试项 > em,
.模板设计调试项 > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.模板设计调试项 > em {
  font-style: normal;
  color: #fdba74;
}