.模板效果工具栏{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0 8px;font-size:12px;box-sizing:border-box}
.模板效果工具栏>[role=group]{display:flex;border-radius:6px;background:#f5f5f8;padding:2px}
.模板效果工具栏 button{font:inherit;min-height:30px;padding:4px 10px;border:1px solid #e5e6eb;border-radius:5px;background:white;color:#4e5969}
.模板效果工具栏 [aria-pressed=true]{background:#eef1ff;color:#335cff;border-color:#b7c5ff}
.模板效果工具栏 label{display:flex;align-items:center;gap:6px;min-width:0}
.模板效果工具栏 select{max-width:200px;min-width:80px;height:30px;font:inherit;border:1px solid #e5e6eb;border-radius:5px;background:white}
.模板效果工具栏 [hidden]{display:none!important}
.模板效果工具栏 [data-template-effect-status]{width:100%;font-size:11px;color:#86909c;line-height:1.5}
.模板效果工具栏 details{color:#ad5700}.模板效果工具栏 pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;font:inherit}
body .模板画布内容[data-template-effect=effect] .模板画布外框 :is(.模板缩放手柄,.模板区域尺寸,.模板安全区可视线,.模板安全区标签,.模板层级标尺,.模板画布页面删除操作,.模板组件工具栏,.模板Figma工具栏,.模板Figma图层,.模板设计调试层){visibility:hidden!important;pointer-events:none!important;display:none!important}
body .模板画布内容[data-template-effect=effect] .课程模板画布 :is(.模板文字层,.模板区域文字,.模板卡片组件){outline:none!important;cursor:default!important}
body .模板画布内容[data-template-effect=effect] .课程模板画布 :is(.模板文字层,.模板区域文字){box-shadow:none!important}
body .模板画布内容[data-template-effect=effect] .模板区域文字::after{display:none!important}
body .模板画布内容[data-template-effect=effect] .模板卡片组件>small{display:none!important}
.模板效果工具栏 [data-effect-status]{flex-basis:100%;margin:0;font-size:12px;color:#666;line-height:1.6}
.模板效果工具栏 button[aria-pressed="true"]{background:var(--主色,#d94841);color:white;border-color:transparent}
.模板效果分页{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px;font-size:13px}
.模板效果分页[hidden],.模板画布外框>.课程模板画布[hidden]{display:none!important}
.模板画布内容[data-template-effect="effect"] .模板区域尺寸,.模板画布内容[data-template-effect="effect"] .模板缩放手柄{display:none!important}
.模板画布内容[data-template-effect="edit"] [data-template-effect-relationship]{display:none!important}
.模板工作台 .模板右栏[hidden]{display:none!important}
.模板效果关系树{width:100%;min-width:0;display:grid;gap:14px;padding:14px 0 8px;box-sizing:border-box;color:#344054;font-size:12px}
.模板效果关系树标题{margin:0;font-size:15px;font-weight:650;color:#25324a}
.模板效果关系笔记,.模板效果关系图片分组{min-width:0;padding:12px;border:1px solid #e2e7ef;border-radius:8px;background:#fff;box-sizing:border-box}
.模板效果关系笔记 h3,.模板效果关系图片分组 h3{margin:0 0 9px;font-size:13px;color:#33415a}
.模板效果关系笔记树{margin:0;padding:0;display:grid;gap:8px;list-style:none}
.模板效果关系笔记树>li{min-width:0;padding:9px;border:1px solid #edf0f5;border-radius:6px;background:#fafbfc}
.模板效果关系笔记子级{margin:8px 0 0;padding:0 0 0 14px;display:grid;gap:8px;list-style:none}
.模板效果关系笔记树 strong,.模板效果关系笔记文本,.模板效果关系状态{display:block;overflow-wrap:anywhere}
.模板效果关系笔记文本{margin:5px 0 4px;color:#4e5969;white-space:pre-wrap;overflow-wrap:anywhere}
.模板效果关系状态{color:#86909c;line-height:1.45;overflow-wrap:anywhere}
.模板效果关系图片横排{display:flex;gap:12px;min-width:0;max-width:100%;overflow-x:auto;align-items:flex-start;padding:2px 1px 8px}
.模板效果关系图片卡{flex:0 0 clamp(220px,30vw,310px);min-width:0;padding:9px;border:1px solid #e4e9f1;border-radius:8px;background:#fbfcfe;box-sizing:border-box}
.模板效果关系图片卡>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.模板效果关系图片卡>header strong,.模板效果关系图片卡>header small{min-width:0;overflow-wrap:anywhere}
.模板效果关系图片卡>header small{color:#86909c}
.模板效果关系画布{width:100%;min-width:0;margin:0 auto 8px}
.模板效果关系画布>.课程模板画布{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:3/4!important;margin:0!important;transform:none!important;zoom:1!important;pointer-events:none!important;container-type:inline-size!important}
.模板效果关系画布状态{margin:10px 0;color:#86909c;text-align:center}
.模板效果关系图片状态{display:block;margin:0 0 8px;color:#65758b;line-height:1.45;overflow-wrap:anywhere}
.模板效果关系图片内容{border-top:1px solid #edf0f5;padding-top:8px}
.模板效果关系图片内容 h4{margin:0 0 6px;font-size:11px;color:#64748b}
.模板效果关系段落树,.模板效果关系段落子级{margin:0;padding-left:18px;display:grid;gap:6px}
.模板效果关系段落{min-width:0;padding:7px 8px;border-left:2px solid #c8d5ea;background:#fff;list-style-position:outside}
.模板效果关系段落>strong,.模板效果关系段落文本,.模板效果关系段落>small{display:block;overflow-wrap:anywhere}
.模板效果关系段落-text{margin:4px 0;color:#4e5969;white-space:pre-wrap}
.模板效果关系段落文本{margin:4px 0;color:#4e5969;white-space:pre-wrap}
.模板效果关系段落>small{color:#86909c;line-height:1.4}
.模板效果关系段落[data-cross-page="true"]{border-left-color:#7a9bd1}
.模板效果关系段落[data-hidden="true"]{opacity:.6}
.模板效果关系空状态{margin:6px 0;color:#98a2b3}
@media(max-width:720px){.模板效果关系笔记树{grid-template-columns:1fr}.模板效果关系图片卡{flex-basis:min(82vw,300px)}}