.studio{--ink:#202b2c;--green:#225b52;--red:#a44943;color:var(--ink);letter-spacing:0;background:#fff;font-size:16px}.studio [hidden]{display:none!important}.prepared-question{white-space:pre-wrap;margin-bottom:24px;font-size:21px;line-height:1.8}.studio button,.studio a,.studio select{touch-action:manipulation}.studio button{cursor:pointer}.studio button:disabled{opacity:.45;cursor:not-allowed}:is(.studio button:focus-visible,.studio a:focus-visible){outline-offset:4px;outline:2px solid #225b52}.topbar{z-index:30;background:#fff;border-bottom:1px solid #e6e9e7;justify-content:space-between;align-items:center;gap:20px;height:88px;padding:0 4%;display:flex;position:sticky;top:0}.brand{color:inherit;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.seal{color:#fff;writing-mode:vertical-rl;background:#a44943;border-radius:2px;place-items:center;width:40px;height:46px;font-family:serif;font-size:19px;display:grid}.brand strong{font-family:Songti SC,SimSun,serif;font-size:24px;display:block}.brand small{color:#707a79;margin-top:3px;font-size:12px;display:block}.main-nav{align-self:stretch;gap:32px;display:flex}.main-nav button{color:#6c7774;border-bottom:2px solid #0000;font-size:15px}.main-nav button.selected{border-color:var(--green);color:var(--green);font-weight:600}.account{align-items:center;gap:18px;display:flex}.account select{background:0 0;border:0;font-size:14px}.icon-button{border:1px solid #dde3e0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.phase-nav{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefbfa;border-bottom:1px solid #e8eae7;justify-content:center;gap:32px;padding:16px 20px;display:flex;position:sticky;top:88px;overflow:auto}.phase-nav button{white-space:nowrap;color:#73807b;align-items:center;gap:8px;font-size:14px;display:flex}.phase-nav button span{opacity:.6;font-size:12px}.phase-nav button.current{color:var(--green);font-weight:700}.opening{max-width:1320px;margin:auto;padding:44px 48px 55px;scroll-margin-top:148px}.opening-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:#657c73;margin:0 0 10px;font-size:12px;font-weight:600}.opening h1{margin:0;font-family:Songti SC,SimSun,serif;font-size:48px;font-weight:600;line-height:1.25}.intro{color:#728078;margin-top:12px;font-size:16px}.opening-actions{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.painting-stage{background:#e9dfcc;min-height:200px;position:relative}.painting-scroll{scrollbar-width:thin;max-height:65vh;overflow:auto}.painting-scroll img{height:auto;max-height:none;display:block}.painting-tools{background:#ffffffed;border-radius:4px;align-items:center;gap:12px;padding:9px 12px;display:flex;position:absolute;bottom:14px;right:16px;box-shadow:0 2px 10px #0001}.painting-tools button{place-items:center;width:26px;height:26px;display:grid}.painting-tools span{text-align:center;min-width:35px;font-size:12px}.painting-caption{color:#7a827c;justify-content:space-between;gap:15px;margin-top:12px;font-size:12px;display:flex}.first-question{justify-content:space-between;align-items:center;gap:24px;padding:44px 0 26px;display:flex}.first-question h2{font-family:Songti SC,SimSun,serif;font-size:27px}.next-link{color:var(--green);flex-shrink:0;align-items:center;gap:14px;font-size:14px;display:flex}.quiet-button,.primary-button{border:1px solid #dce3df;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:14px;line-height:1.5;display:inline-flex}.quiet-button{color:#365e54;background:#fff}.primary-button{background:var(--green);border-color:var(--green);color:#fff}.muted{color:#728078;font-size:13px;line-height:1.7}.lesson-section{border-top:1px solid #e3e8e4;padding:68px 48px 48px;scroll-margin-top:143px}.tinted{background:#f3f6f4}.section-inner{max-width:1224px;margin:auto}.section-heading{align-items:center;gap:24px;margin-bottom:36px;display:flex}.section-mark{color:var(--red);border-right:1px solid #d9dfda;flex-shrink:0;width:68px;font-family:Songti SC,SimSun,serif;font-size:52px}.section-heading h2{margin:0 0 10px;font-family:Songti SC,SimSun,serif;font-size:32px;line-height:1.5}.section-heading p:last-child{color:#728078;font-size:15px}.inquiry-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;margin-bottom:34px;display:grid}.detail-image{background:#e9dfcc;position:relative;overflow:hidden}.detail-image img{width:100%;height:auto;display:block}.detail-image span{background:#fffd;gap:7px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:12px;right:12px}.inquiry h3{margin:12px 0;font-family:Songti SC,SimSun,serif;font-size:27px;line-height:1.6}.inquiry>p{color:#728078}.inquiry details{margin-top:24px}details{font-size:14px;line-height:1.8}summary{cursor:pointer;color:#225b52}details p{margin-top:10px}.response-workspace{border-top:1px solid #dbe2dd;padding-top:24px}.response-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.response-title>span{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.group-select{color:#728078;align-items:center;gap:12px;font-size:13px;display:flex}.group-select select{color:#202b2c;background:#fff;border:1px solid #dce3df;border-radius:4px;padding:5px 10px}.response-workspace textarea,.settings-form input,.settings-form textarea,.design-fields input,.design-fields select,.review-criteria select{width:100%;font:inherit;resize:vertical;color:#23332d;background:#fff;border:1px solid #d7e0db;border-radius:4px;padding:12px 14px;line-height:1.8}.response-workspace textarea:focus,.settings-form input:focus,.settings-form textarea:focus{outline-offset:1px;outline:2px solid #98b8a8}.response-workspace textarea::placeholder{color:#8a958e}.response-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:14px;display:flex}.response-actions>div{gap:10px;display:flex}.feedback{white-space:pre-wrap;background:#eaf1ed;border-left:3px solid #639082;margin-top:22px;padding:18px 22px;font-size:15px;line-height:1.9}.feedback p{margin-top:8px}.feedback strong{color:#225b52;font-size:14px}.feedback-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.listen-button{color:#225b52;white-space:nowrap;background:#fff;border:1px solid #bad0c8;border-radius:4px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:13px;display:inline-flex}.section-next{margin:32px 0 0 auto}.method-chain{grid-template-columns:repeat(5,1fr);margin:42px 0;display:grid}.method-chain>div{border-bottom:2px solid #c8d7ce;padding:16px;position:relative}.method-chain span{color:#82998a;font-size:13px}.method-chain h3{margin:16px 0;font-size:19px}.method-chain svg{color:#819889;position:absolute;top:50%;right:5px}.design-fields{grid-template-columns:1fr 1fr .7fr;gap:18px;margin:22px 0;display:grid}.design-fields label,.prompt-editor label,.review-criteria label{color:#53685c;gap:10px;font-size:14px;display:grid}.review-criteria{grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0;display:grid}.prompt-editor{margin-top:25px}.prompt-editor button{margin-top:15px}.generated-work{margin-top:20px}.generated-work img{object-fit:contain;width:100%;max-height:500px}.generated-work a{color:#225b52;margin-top:12px;display:block}.handoff{grid-template-columns:1fr 40px 1fr;align-items:center;gap:35px;margin:45px 0;display:grid}.handoff h3{margin:18px 0 12px;font-size:20px}.handoff p{color:#728078;line-height:1.9}.ps-mark{color:#81cee4;background:#172c36;border-radius:4px;place-items:center;width:34px;height:34px;font-size:20px;display:inline-grid}footer{color:#728078;border-top:1px solid #dce3df;justify-content:space-between;padding:35px 4%;font-size:13px;display:flex}.workspace-dialog{letter-spacing:0;border-radius:8px;max-height:88vh;overflow-y:auto;color:#202b2c!important;background:#fff!important;max-width:850px!important;padding:32px!important}.settings-form{gap:18px;display:grid}.settings-form label{gap:8px;font-size:14px;display:grid}.button-row{flex-wrap:wrap;gap:10px;display:flex}.status-message{color:#315848;background:#f0f4f1;margin-top:12px;padding:12px;font-size:14px;line-height:1.7}.artwork-choice{text-align:left;border:1px solid #d7e0db;border-radius:6px;gap:12px;padding:16px;display:grid}.artwork-choice img{object-fit:contain;width:100%;max-height:180px}.upload-field{border:1px dashed #97b3a3;border-radius:6px;justify-items:center;padding:30px}.upload-field input{max-width:100%;font-size:13px}.schedule>div{border-bottom:1px solid #e1e8e3;grid-template-columns:110px 1fr;gap:10px;padding:18px 0;display:grid}.schedule span{color:#788b7d;font-size:14px}.schedule strong{font-size:15px}.schedule p{color:#728078;grid-column:2;font-size:14px;line-height:1.8}.data-summary{justify-content:space-around;margin:25px 0 32px;display:flex}.data-summary strong{font-size:32px;font-weight:500;display:block}.data-summary span{color:#728078;font-size:13px}.analytics h3{margin:28px 0 15px;font-size:17px;font-weight:600}.data-bar{grid-template-columns:90px 1fr 32px;align-items:center;gap:18px;padding:9px 0;font-size:14px;display:grid}.data-bar meter{accent-color:#356b57;width:100%;height:20px}.entry{border-bottom:1px solid #e1e8e3;padding:18px 0;font-size:14px}.entry p{margin-top:8px;line-height:1.9}.empty-state{color:#728078;padding:35px 0}.image-dialog{max-height:94vh;color:#202b2c!important;background:#fff!important;max-width:94vw!important}.image-dialog>div{overflow:auto}.image-dialog img{width:100%;min-width:950px}@media (min-width:1600px){.opening{max-width:1450px}.painting-scroll{max-height:60vh}.section-inner{max-width:1354px}}@media (max-width:800px){.topbar{height:74px;padding:0 20px}.brand strong{font-size:21px}.brand small{font-size:11px}.main-nav{gap:18px}.main-nav button{font-size:13px}.phase-nav{justify-content:flex-start;gap:22px;top:74px}.opening{padding:30px 24px 40px}.opening h1{font-size:38px}.opening-actions{gap:10px}.inquiry-layout{gap:24px}.lesson-section{padding:45px 24px}.section-heading h2{font-size:27px}.inquiry h3{font-size:23px}.first-question{flex-direction:column;align-items:flex-start}.design-fields{grid-template-columns:1fr 1fr}.design-fields label:last-child{grid-column:1/-1}}@media (max-width:560px){.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:76px;padding:14px 18px}.main-nav{order:3;gap:28px;width:100%;height:34px}.account{gap:8px}.phase-nav{gap:24px;padding:13px 18px;top:124px}.opening{padding:24px 18px 35px}.opening-heading{align-items:flex-start}.opening-actions .muted{display:none}.opening h1{font-size:34px}.intro{max-width:200px;font-size:14px;line-height:1.8}.quiet-button,.primary-button{padding:9px 12px;font-size:13px}.painting-scroll{align-items:center;min-height:180px;display:flex}.painting-tools{gap:8px;padding:5px 8px;bottom:8px;right:8px}.painting-caption{font-size:11px}.first-question h2{font-size:24px}.first-question{padding-top:30px}.lesson-section{padding:36px 18px;scroll-margin-top:174px}.opening{scroll-margin-top:175px}.section-heading{gap:16px}.section-mark{width:48px;font-size:40px}.section-heading h2{font-size:25px}.section-heading p:last-child{font-size:14px;line-height:1.8}.inquiry-layout{grid-template-columns:1fr}.inquiry h3{font-size:25px}.response-actions{flex-direction:column;align-items:flex-start;gap:12px}.response-actions>div{justify-content:flex-end;width:100%}.group-select{gap:6px;font-size:12px}.response-title>span{font-size:14px}.method-chain{grid-template-columns:1fr;gap:10px}.method-chain>div{align-items:center;gap:20px;padding:6px 12px;display:flex}.method-chain h3{margin:12px 0}.method-chain svg{display:none}.design-fields{grid-template-columns:1fr}.review-criteria{grid-template-columns:1fr 1fr}.handoff{grid-template-columns:1fr;gap:24px}.handoff>svg{transform:rotate(90deg)}footer{flex-wrap:wrap;gap:18px;padding:25px 18px}footer span:last-child{width:100%}.workspace-dialog{padding:24px!important}.schedule>div{grid-template-columns:90px 1fr}.data-summary{gap:16px}.data-summary strong{font-size:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.teacher-area{color:#253335;letter-spacing:0;background:#f4f6f7;min-height:calc(100vh - 88px);padding:32px 4% 64px}.teacher-area [hidden]{display:none!important}.teacher-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.workspace-kicker{color:#7b5651;margin:0 0 7px;font-size:13px}.teacher-heading h1{margin:0 0 8px;font-size:30px;font-weight:650}.teacher-heading p:last-child{color:#69777b;font-size:14px}.teacher-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teacher-area input,.teacher-area textarea,.teacher-area select{line-height:1.7;font:inherit;color:#253335;background:#fff;border:1px solid #ccd5d8;border-radius:4px;min-width:0;max-width:100%;padding:10px 12px}.teacher-area textarea{resize:vertical;width:100%}.teacher-area label{gap:9px;margin-bottom:22px;font-size:14px;display:grid}.teacher-area h2{font-size:18px;font-weight:600}.teacher-area input:focus,.teacher-area textarea:focus,.teacher-area select:focus{outline-offset:2px;outline:2px solid #408f84}.course-selector{border-top:1px solid #dce2e4;align-items:center;gap:14px;margin-bottom:22px;padding:14px 0;display:flex}.course-selector select{min-width:280px}.course-selector>span{color:#68777b;font-size:14px}.prep-layout{grid-template-columns:178px minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.prep-nav{gap:4px;display:grid;position:sticky;top:110px}.prep-nav button{text-align:left;color:#59686c;border-left:3px solid #0000;align-items:center;gap:10px;min-height:43px;padding:10px;font-size:14px;display:flex}.prep-nav button span{color:#7f8b90;font-size:12px}.prep-nav button svg{margin-left:auto}.prep-nav button.active{color:#195d51;background:#e4eeeb;border-color:#277d70;font-weight:600}.prep-editor{background:#fff;min-width:0;min-height:620px;padding:28px}.editor-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.editor-heading>span{color:#738187;font-size:13px}.editor-heading p{color:#68787d;margin-top:8px;font-size:14px}.course-art{border-bottom:1px solid #e2e7e8;grid-template-columns:minmax(100px,180px) 1fr;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:26px;display:grid}.course-art img{object-fit:contain;background:#f4f5f4;width:100%;height:110px}.course-art>div{justify-items:start;gap:12px;display:grid}.text-action{color:#256f65;text-align:left;font-size:14px;line-height:1.7}.prep-assistant{background:#edf2f2;border-top:3px solid #387f73;min-width:0;padding:20px;position:sticky;top:110px}.assistant-heading{color:#245e54;align-items:center;gap:10px;display:flex}.assistant-context{color:#637577;margin:13px 0 23px;font-size:13px}.prep-assistant>.primary-button{width:100%}.prep-assistant>.text-action{margin:14px 0}.assistant-result{border-top:1px solid #cbd9d6;margin-top:8px;padding-top:18px}.assistant-result>span{color:#57716a;margin-bottom:10px;font-size:13px;display:block}.assistant-result textarea{font-size:14px;line-height:1.8}.assistant-result button{margin-top:12px}.team-tabs{border-bottom:1px solid #dce3e5;gap:0;margin-bottom:24px;display:flex}.team-tabs button{color:#6c7c80;border-bottom:2px solid #0000;padding:12px 20px;font-size:14px}.team-tabs button[aria-pressed=true]{color:#1d7164;border-color:#1d7164;font-weight:600}.source-summary{color:#4f6a65;align-items:center;gap:12px;margin:20px 0;font-size:14px;display:flex}.lesson-question-list label{border-top:1px solid #e1e7e8;padding-top:20px}.lesson-question-list label>span{justify-content:space-between;display:flex}.lesson-question-list small{color:#6d7a7f;font-size:13px}.long-editor{min-height:390px}.observation-strip{background:#fff;border-top:1px solid #e1e6e7;border-bottom:1px solid #e1e6e7;align-items:center;gap:0;margin-bottom:28px;padding:24px 0;display:flex}.observation-strip>div{border-right:1px solid #e1e6e7;flex:1;gap:8px;padding:0 28px;display:grid}.observation-strip strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:550}.observation-strip small{color:#8b9699;font-size:16px}.observation-strip span,.observation-strip>p{color:#65767b;font-size:14px}.observation-strip>p{padding:0 24px}.matrix-section{background:#fff;margin-bottom:28px;padding:25px 28px}.matrix-scroll{overflow-x:auto}.learning-matrix{border-collapse:collapse;text-align:left;width:100%;min-width:730px;font-size:14px}.learning-matrix th,.learning-matrix td{border-bottom:1px solid #e7ebed;padding:20px 12px}.learning-matrix thead th{color:#748389;background:#f7f9f9;font-weight:500}.learning-matrix tbody th button{white-space:nowrap;align-items:center;gap:10px;display:flex}.learning-matrix tr.chosen{background:#f1f7f5}.record-state{white-space:nowrap;font-size:13px}.record-state.submitted{color:#267b6c}.record-state.revised{color:#7e6030}.record-state.pending{color:#9aa3a7}.observation-detail{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.observation-detail>section{background:#fff;padding:28px}.evidence-empty{color:#8b989c;text-align:center;justify-items:center;gap:13px;padding:42px 18px;display:grid}.evidence-empty strong{color:#65767b;font-size:16px;font-weight:500}.evidence-empty p{font-size:14px}.evidence-item{border-top:1px solid #e0e7e8;padding:22px 0}.evidence-item header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.evidence-item header strong{font-size:14px}.evidence-item header span{color:#829095;font-size:12px}.evidence-answer{grid-template-columns:92px minmax(0,1fr);gap:16px;padding:10px 12px;line-height:1.9;display:grid}.evidence-answer>span{color:#6d7f83;font-size:13px}.evidence-answer p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.evidence-answer.ai{background:#eff5f3}.evidence-art{object-fit:contain;width:200px;max-height:220px;margin-top:16px}.support-observation{background:#edf2f3;padding:26px 22px}.support-observation h2{margin-bottom:24px}.support-row{grid-template-columns:68px 1fr 20px;align-items:center;gap:10px;margin:18px 0;font-size:13px;display:grid}.support-row meter{accent-color:#428b7e;width:100%;height:13px}.support-observation p{color:#78878c;margin:22px 0 32px;font-size:13px;line-height:1.8}.attention-row{color:#526b6a;border-top:1px solid #d6e0e2;justify-content:space-between;gap:10px;width:100%;padding:17px 0;font-size:14px;display:flex}.lesson-review{background:#fff;margin-top:28px;padding:28px}.teacher-notice{color:#fff;z-index:60;background:#253e38;border-radius:6px;align-items:center;gap:18px;max-width:90vw;padding:14px 20px;font-size:14px;line-height:1.8;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.teacher-notice button{font-size:22px}.teacher-alert{background:#fcf1dd;border-left:3px solid #af833b;margin:16px 0;padding:14px;font-size:14px}.teacher-actions select{max-width:270px;font-size:14px}@media (min-width:1600px){.teacher-area{padding-left:7%;padding-right:7%}.prep-layout{grid-template-columns:190px minmax(0,1fr) 340px}}@media (max-width:1100px){.prep-layout{grid-template-columns:150px minmax(0,1fr)}.prep-assistant{grid-column:2;position:static}.teacher-heading{flex-direction:column;align-items:flex-start}.observation-detail{grid-template-columns:minmax(0,1fr) 250px}.observation-strip>p{display:none}}@media (max-width:650px){.teacher-area{padding:24px 18px 60px}.teacher-heading h1{font-size:26px}.teacher-actions{gap:8px}.prep-layout{display:block}.prep-nav{margin-bottom:18px;display:flex;position:static;overflow-x:auto}.prep-nav button{white-space:nowrap;flex-shrink:0}.prep-nav button svg{display:none}.prep-editor,.prep-assistant,.matrix-section,.observation-detail>section,.lesson-review{padding:20px}.prep-assistant{margin-top:20px}.course-selector{flex-wrap:wrap}.course-selector select{width:calc(100% - 40px);min-width:0}.course-art{grid-template-columns:1fr}.course-art img{height:150px}.observation-strip{flex-wrap:wrap;gap:22px 0}.observation-strip>div{flex:0 0 50%;padding:0 20px}.observation-detail{grid-template-columns:1fr}.editor-heading{flex-wrap:wrap;align-items:flex-start}.evidence-answer{grid-template-columns:1fr;gap:3px;padding:12px 8px}.evidence-item header{flex-direction:column;align-items:flex-start}.team-tabs button{padding:12px 16px}.teacher-notice{width:90vw}.teacher-actions select{max-width:100%}}