/* UX-V1.2：授课 / 备课分层，作品优先；不改变既有业务组件与状态来源。 */
body[data-view="lesson"] main{padding-top:10px}
body[data-view="lesson"] .ce-lesson-head{margin-bottom:0;padding-bottom:9px}
body[data-view="lesson"] .ce-lesson-toolbar{margin-bottom:6px}
body[data-view="lesson"] .ce-lesson-summary{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.35fr);gap:16px;align-items:center}
body[data-view="lesson"] .ce-lesson-summary h1{font-size:clamp(20px,1.55vw,25px);line-height:1.25;margin:1px 0 2px}
body[data-view="lesson"] .ce-core-question{padding:7px 11px;gap:2px}
body[data-view="lesson"] .ce-core-question strong{font-size:13px;line-height:1.45}
body[data-view="lesson"] .ce-core-question span{font-size:9px}
body[data-view="lesson"] .ce-classroom-settings{margin-top:7px}
body[data-view="lesson"] .ce-classroom-settings>summary{padding:7px 10px}

.ce-v12-context{margin:8px 0 9px}
.ce-v12-context-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ce-v12-flow-trigger{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);text-align:left;white-space:nowrap}
.ce-v12-flow-trigger span,.ce-v12-flow-trigger small{font-size:9px;color:var(--muted)}
.ce-v12-flow-trigger strong{font-size:10px}
.ce-v12-flow-trigger small{color:var(--brand)}
.ce-v12-tool-nav{display:flex!important;align-items:center;justify-content:flex-end;gap:3px;margin:0!important;border:0!important;overflow-x:auto}
.ce-v12-tool-nav .ce-v12-tool-label{margin-right:5px;color:var(--muted);font-size:9px;white-space:nowrap}
.ce-v12-tool-nav button{padding:7px 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--muted);font-size:11px;white-space:nowrap}
.ce-v12-tool-nav button.active{background:var(--paper)!important;color:var(--brand)!important;box-shadow:0 2px 10px #1a282012;font-weight:700}
.ce-v12-tool-nav button small{display:inline;margin-left:3px;color:#8b6d34;font-size:7px}
.ce-v12-tool-nav .ce-v12-intro-route{display:none}
.ce-v12-flow-panel{margin-top:7px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 8px 24px #1d2b2410}
.ce-v12-flow-panel[hidden]{display:none}
.ce-v12-flow-panel ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0}
.ce-v12-flow-panel li{display:flex;align-items:center;gap:8px;min-width:0;list-style:none;color:var(--muted)}
.ce-v12-flow-panel li>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font:9px Georgia;flex:none}
.ce-v12-flow-panel li div{display:grid;gap:1px;min-width:0}
.ce-v12-flow-panel li strong{font-size:10px}
.ce-v12-flow-panel li small{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.ce-v12-flow-panel li.current{color:var(--brand)}
.ce-v12-summary-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.ce-v12-summary-tools>span{display:grid;gap:1px;margin-right:auto}
.ce-v12-summary-tools b{font-size:9px}
.ce-v12-summary-tools small{font-size:8px;color:var(--muted)}
.ce-v12-summary-tools button{padding:5px 8px;font-size:9px}

body[data-view="lesson"][data-zone="art"] .art-layout{grid-template-columns:minmax(0,1fr) 318px;gap:12px;align-items:start}
body[data-view="lesson"][data-zone="art"] .viewer{height:clamp(356px,53vh,560px)}
body[data-view="lesson"][data-zone="art"] .viewer-toolbar{min-height:46px;padding:7px 10px}
body[data-view="lesson"][data-zone="art"] .viewer-footer{padding:6px 10px}
body[data-view="lesson"][data-zone="art"] .art-selection{display:flex;gap:7px;margin:0;padding:8px 9px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;overflow-x:auto;background:var(--paper)}
body[data-view="lesson"][data-zone="art"] .art-selection button{min-width:190px;margin:0;padding:6px}
body[data-view="lesson"][data-zone="art"] .viewer-section{margin:0;border-radius:10px 10px 0 0;overflow:hidden}
body[data-view="lesson"][data-zone="art"] .art-companion-column{gap:8px}
.ce-current-class{padding:13px;box-shadow:0 9px 28px #1b2c2310}
.ce-current-class .ce-group-kicker{margin-bottom:7px}
.ce-current-class .ce-stage-instruction{margin-bottom:8px;font-size:12px;line-height:1.5}
.ce-current-class .ce-live-line{margin-bottom:8px;padding:7px 0}
.ce-current-class>.v51-xiaoyi-group{margin-top:8px}
.ce-current-class .companion-panel{padding-top:9px!important}
.ce-current-class .companion-panel .agent-conversation{max-height:128px}
.ce-current-class .ce-teaching-tips{margin-bottom:7px}
.ce-side-group>summary{padding:10px 12px}
.ce-side-group>summary>span{width:24px;height:24px;font-size:9px}
.ce-side-group>summary strong{font-size:11px}
.ce-group-body{padding:0 12px 12px}

.ce-v12-zone-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:12px;align-items:start}
.ce-v12-zone-layout>#zone-body{min-width:0}
.ce-v12-task-rail{position:sticky;top:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--paper);box-shadow:0 9px 28px #1b2c2310}
.ce-v12-task-rail header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ce-v12-task-rail header span{font-size:9px;letter-spacing:1px;color:var(--muted)}
.ce-v12-task-rail header b{font-size:9px;color:var(--brand)}
.ce-v12-task-rail>p{margin:10px 0;font:600 13px/1.6 Georgia,"Songti SC",serif}
.ce-v12-task-rail>.primary{width:100%;padding:9px}
.ce-v12-task-links{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.ce-v12-task-links button{padding:6px 7px;font-size:9px}
.ce-v12-task-rail>small{display:block;margin-top:8px;color:var(--muted);font-size:8px;line-height:1.5}

.ce-v12-prep-shell{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:8px 18px;margin:8px 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.ce-v12-prep-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1/-1}
.ce-v12-prep-heading>span{display:grid;gap:2px}
.ce-v12-prep-heading small{font-size:9px;color:var(--muted)}
.ce-v12-prep-heading strong{font:600 16px Georgia,"Songti SC",serif}
.ce-v12-prep-heading p{margin:0;color:var(--muted);font-size:9px}
.ce-v12-prep-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;grid-column:1/-1}
.ce-v12-prep-nav button{display:flex;align-items:center;gap:6px;padding:8px;border:0;border-radius:7px;background:var(--paper);color:var(--muted);text-align:left;font-size:9px}
.ce-v12-prep-nav button b{font:8px Georgia;color:var(--brand)}
.ce-v12-prep-nav button.active{background:var(--brand-soft);color:var(--brand);font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 28%,transparent)}
body[data-teacher-view="prep"] .ce-v12-context,body[data-teacher-view="prep"] .zones{display:none!important}
body[data-teacher-view="prep"] #zone-body>.v51-next-step{display:none}
body[data-teacher-view="prep"][data-zone="art"] .ce-current-class[hidden]{display:none}
body[data-teacher-view="prep"][data-zone="art"] .ce-observation-group .classroom-question-details,
body[data-teacher-view="prep"][data-zone="art"] .ce-observation-group .ce-read-entry,
body[data-teacher-view="prep"][data-zone="art"] .ce-observation-group .ce-gate-note{display:none}
body[data-teacher-view="prep"][data-ce-v12-prep-section="points"] .ce-preparation-group{display:none}
body[data-teacher-view="prep"][data-ce-v12-prep-section="materials"] .ce-observation-group{display:none}
body[data-teacher-view="prep"][data-zone="art"] .art-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
body[data-teacher-view="prep"][data-zone="art"] .viewer{height:clamp(320px,48vh,500px)}
body[data-teacher-view="prep"] .ce-preparation-group{border-color:color-mix(in srgb,var(--brand) 38%,var(--line))}
body[data-teacher-view="prep"] .ce-observation-group{border-color:color-mix(in srgb,var(--brand) 38%,var(--line))}

@media(min-width:1700px){body[data-view="lesson"][data-zone="art"] .art-layout{grid-template-columns:minmax(0,1fr) 340px}.ce-v12-zone-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1180px){body[data-view="lesson"] .ce-lesson-summary{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}body[data-view="lesson"][data-zone="art"] .art-layout{grid-template-columns:minmax(0,1fr) 270px}body[data-view="lesson"][data-zone="art"] .viewer{height:390px}.ce-v12-zone-layout{grid-template-columns:minmax(0,1fr) 250px}.ce-v12-tool-nav button{padding:7px 9px!important}}
@media(max-width:900px){body[data-view="lesson"][data-zone="art"] .art-layout{grid-template-columns:1fr}body[data-view="lesson"][data-zone="art"] .art-companion-column{display:grid;grid-template-columns:1fr 1fr}.ce-current-class{grid-column:1/-1}.ce-v12-zone-layout{grid-template-columns:1fr}.ce-v12-task-rail{position:static}.ce-v12-context-row{align-items:stretch;flex-direction:column}.ce-v12-tool-nav{justify-content:flex-start}.ce-v12-prep-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body[data-view="lesson"] .topbar{display:none}body[data-view="lesson"] main{padding-top:7px}body[data-view="lesson"] .ce-lesson-head{padding-bottom:6px}body[data-view="lesson"] .ce-lesson-toolbar{align-items:flex-start;margin-bottom:5px}body[data-view="lesson"] .ce-lesson-summary{grid-template-columns:1fr;gap:5px}body[data-view="lesson"] .ce-lesson-summary h1{display:-webkit-box;overflow:hidden;font-size:17px;line-height:1.28;white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2}body[data-view="lesson"] .ce-current-work{font-size:9px!important}body[data-view="lesson"] .ce-core-question{padding:6px 8px}body[data-view="lesson"] .ce-core-question strong{font-size:11px}.ce-v12-context{margin:6px 0}.ce-v12-context-row{gap:5px}.ce-v12-flow-trigger{justify-content:space-between;width:100%;padding:6px 8px}.ce-v12-flow-trigger span{font-size:8px}.ce-v12-flow-trigger strong{font-size:10px}.ce-v12-tool-nav{justify-content:space-between;width:100%;padding-bottom:1px}.ce-v12-tool-nav .ce-v12-tool-label{display:none}.ce-v12-tool-nav button{padding:6px 7px!important;font-size:10px}.ce-v12-flow-panel{padding:7px 9px}.ce-v12-flow-panel ol{grid-template-columns:1fr;gap:5px}.ce-v12-flow-panel li small{white-space:normal}.ce-v12-summary-tools{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.ce-v12-summary-tools>span{width:100%}body[data-view="lesson"][data-zone="art"] #zone-body{display:flex;flex-direction:column}body[data-view="lesson"][data-zone="art"] .art-layout{display:contents}body[data-view="lesson"][data-zone="art"] .art-layout>div:first-child{order:1;min-width:0}body[data-view="lesson"][data-zone="art"] .art-selection{order:2;width:100%;margin:0;border-radius:0 0 10px 10px}body[data-view="lesson"][data-zone="art"] .art-companion-column{order:3;display:flex;margin-top:9px}body[data-view="lesson"][data-zone="art"] .viewer{height:190px}body[data-view="lesson"][data-zone="art"] .viewer-toolbar{align-items:center;flex-direction:row;min-height:0;gap:5px}body[data-view="lesson"][data-zone="art"] .viewer-toolbar>span{flex:0 1 114px;min-width:0}body[data-view="lesson"][data-zone="art"] .viewer-toolbar>div{display:flex;align-items:center;flex:1;min-width:0;width:auto}body[data-view="lesson"][data-zone="art"] .viewer-toolbar input{flex:1;width:auto;min-width:34px}.ce-v12-prep-shell{display:block;margin:6px 0;padding:8px}.ce-v12-prep-heading{align-items:flex-start;flex-direction:column;gap:3px;margin-bottom:7px}.ce-v12-prep-heading strong{font-size:15px}.ce-v12-prep-nav{grid-template-columns:1fr 1fr}.ce-v12-prep-nav button{min-height:38px;padding:7px}.ce-v12-prep-nav button:last-child{grid-column:1/-1}.ce-v12-zone-layout{display:block}.ce-v12-task-rail{margin-top:9px}body[data-teacher-view="prep"][data-zone="art"] .art-layout{display:contents}body[data-teacher-view="prep"][data-zone="art"] .viewer{height:190px}.ce-side-group>summary small{white-space:normal}}