:root{--bg:#f4f2ec;--surface:#fffdf8;--surface-2:#f8f6ef;--surface-3:#ede9dc;--ink:#20211f;--muted:#66645d;--faint:#908b7e;--line:#d9d2c2;--line-strong:#b9ae98;--accent:#16815f;--accent-dark:#0f5d45;--accent-soft:#deeee7;--amber:#a56516;--amber-soft:#f3e1c7;--blue:#2d6477;--blue-soft:#dcebf0;--red:#a9473d;--shadow:0 18px 50px #2d2a231f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{border:0}.studio-shell{background:linear-gradient(90deg, #16815f0a, transparent 34%), var(--bg);grid-template:"top top top"62px"left stage right"minmax(0,1fr)/330px minmax(520px,1fr) 380px;min-width:1180px;height:100vh;display:grid;overflow:hidden}.gate-shell{background:var(--bg);place-items:center;min-height:100vh;display:grid}.gate-card{border:1px solid var(--line);background:var(--surface);width:min(420px,100vw - 40px);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:26px;display:grid}.gate-card h1{margin:0;font-size:22px}.gate-card p{color:var(--muted);margin:0;line-height:1.5}.auth-shell{background:linear-gradient(135deg, #16815f14, transparent 42%), linear-gradient(315deg, #2d64771a, transparent 36%), var(--bg);place-items:center;min-height:100vh;padding:40px;display:grid}.auth-card{border:1px solid var(--line);width:430px;box-shadow:var(--shadow);background:#fffdf8f5;border-radius:8px;gap:18px;padding:28px;display:grid}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand h1{margin:0;font-size:22px;line-height:1.2}.auth-brand p{color:var(--muted);margin:4px 0 0;font-size:13px}.auth-tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;font-weight:720}.auth-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 4px 14px #2d2a2314}.auth-tabs button:disabled{cursor:not-allowed;opacity:.58}.auth-fields{gap:12px;display:grid}.auth-fields label{gap:6px;display:grid}.auth-fields label span{color:var(--muted);font-size:13px;font-weight:720}.studio-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffdf8f0;grid-area:top;grid-template-columns:330px minmax(360px,1fr) 380px;align-items:center;display:grid}.brand{align-items:center;gap:10px;min-width:0;padding:0 18px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.brand h1{margin:0;font-size:17px;font-weight:760;line-height:1.2}.brand p{color:var(--muted);margin:2px 0 0;font-size:12px}.progress-strip{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.progress-step{border:1px solid var(--line);height:30px;color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.progress-step.done{background:var(--accent-soft);color:var(--accent-dark);border-color:#0000}.top-actions{justify-content:flex-end;align-items:center;gap:8px;padding:0 18px;display:flex}.course-rail,.mentor-rail,.learning-stage{min-height:0;overflow:auto}.course-rail{border-right:1px solid var(--line);background:var(--surface);grid-area:left;padding:16px}.learning-stage{grid-area:stage;padding:18px 20px}.mentor-rail{border-left:1px solid var(--line);background:var(--surface);grid-area:right;padding:16px}.rail-block,.mentor-block{margin-bottom:16px}.auth-panel{gap:9px;display:grid}.account-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.account-card strong,.account-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.account-card strong{font-size:13px;line-height:1.35}.account-card span{color:var(--muted);font-size:12px;line-height:1.4}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-title h2,.section-title h3{margin:0;font-size:14px;font-weight:760}.section-title span,.eyebrow{color:var(--muted);font-size:12px}.course-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.course-card.active{border-color:var(--accent);background:var(--accent-soft)}.course-card h3,.review-item h3,.artifact-item h3,.quiz-item h3,.score-summary h3{margin:0 0 5px;font-size:14px;line-height:1.35}.course-card p,.review-item p,.artifact-item p,.quiz-item p,.coach-message p,.score-summary p,.stage-subtitle{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.source-editor{gap:10px;display:grid}.source-parse-summary{color:#166534;background:#ecfdf5c7;border:1px solid #22c55e38;border-radius:8px;gap:5px;padding:9px 10px;display:grid}.source-parse-summary.has-warning{color:#92400e;background:#fffbebe6;border-color:#d9770647}.source-parse-summary span{align-items:center;gap:6px;font-size:12px;font-weight:780;line-height:1.35;display:inline-flex}.source-parse-summary small{color:inherit;opacity:.82;font-size:11px;font-weight:680;line-height:1.45}.learner-panel,.diagnostic-panel{gap:10px;display:grid}.profile-details{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px}.profile-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;list-style:none;display:flex}.profile-details summary::-webkit-details-marker{display:none}.profile-details summary span{gap:3px;min-width:0;display:grid}.profile-details summary strong{font-size:14px;line-height:1.35}.profile-details summary em,.profile-details summary small,.profile-note{color:var(--muted);font-size:12px;font-style:normal;line-height:1.45}.profile-details summary small{flex:none}.profile-details[open] summary{margin-bottom:10px}.profile-note{margin:0 0 10px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-grid label,.session-field,.diagnostic-question{gap:6px;display:grid}.profile-grid label span,.session-field span,.diagnostic-question span{color:var(--muted);font-size:12px;line-height:1.35}.diagnostic-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.diagnostic-head{gap:3px;display:grid}.diagnostic-head strong{font-size:14px;line-height:1.35}.diagnostic-head span,.diagnostic-card p,.diagnostic-question em{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.diagnostic-list{flex-wrap:wrap;gap:6px;display:flex}.diagnostic-list span{background:var(--amber-soft);color:var(--amber);border-radius:999px;padding:4px 8px;font-size:12px}.quality-summary{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.quality-summary div{background:#fff;border-radius:7px;place-items:center;padding:7px 4px;display:grid}.quality-summary strong{color:var(--ink);font-size:22px;line-height:1}.quality-summary span,.quality-summary p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.quality-summary p{color:var(--ink);font-weight:700}.quality-ready{background:#22c55e14;border-color:#22c55e52}.quality-usable{background:#2563eb12;border-color:#2563eb3d}.quality-warn{background:var(--amber-soft);border-color:#d9770657}.quality-blocked{background:#dc262612;border-color:#dc262647}.quality-dimensions{gap:7px;display:grid}.quality-dimension{border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;padding:8px;display:grid}.quality-dimension div{justify-content:space-between;gap:8px;display:flex}.quality-dimension strong,.quality-dimension span{color:var(--ink);font-size:12px;line-height:1.35}.quality-dimension span{color:var(--muted);font-weight:800}.quality-dimension p{margin:0}.action-list{color:var(--muted);gap:6px;margin:0;padding-left:18px;font-size:12px;line-height:1.45;display:grid}.diagnostic-questions{gap:10px;max-height:390px;padding-right:2px;display:grid;overflow:auto}.diagnostic-answer{min-height:72px;max-height:140px}.input,.textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none}.input{height:38px;padding:0 11px}.textarea{resize:vertical;padding:11px;line-height:1.55}.material-textarea{min-height:220px;max-height:360px}.teachback-textarea{min-height:190px;max-height:300px}.coach-textarea{min-height:86px;max-height:130px}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.rail-actions{grid-template-columns:92px minmax(0,1fr);gap:10px;display:grid}.button{background:var(--surface-3);min-height:38px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 13px;transition:transform .12s,background .12s,color .12s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.ghost{border:1px solid var(--line);background:0 0}.button:disabled{opacity:.54;cursor:not-allowed;transform:none}.full-width{width:100%}.pill{border:1px solid var(--line);height:28px;color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.pill.green{background:var(--accent-soft);color:var(--accent-dark);border-color:#0000}.pill.amber{background:var(--amber-soft);color:var(--amber);border-color:#0000}.source-row,.source-badges{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.source-row{margin-bottom:2px}.source-row strong{margin-bottom:0}.source-row .pill,.source-badges .pill{flex:none;height:24px;padding:0 8px}.source-badges{flex-wrap:wrap;justify-content:flex-end}.meter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.meter{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:10px}.meter strong{margin-bottom:6px;font-size:20px;line-height:1;display:block}.meter span{color:var(--muted);font-size:12px}.status-line{min-height:20px;color:var(--muted);font-size:12px;line-height:1.45}.module-list{gap:8px;max-height:300px;padding-right:2px;display:grid;overflow:auto}.route-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:9px;padding:12px;display:grid}.route-head{gap:3px;display:grid}.route-head strong{font-size:14px;line-height:1.35}.route-head span,.route-card p,.route-metrics,.unit-list span,.route-warning{color:var(--muted);font-size:12px;line-height:1.45}.route-card p{margin:0}.route-metrics{flex-wrap:wrap;gap:6px;display:flex}.route-metrics span{background:var(--surface-2);border-radius:999px;padding:4px 8px}.unit-list{gap:7px;max-height:170px;margin:0;padding-left:18px;display:grid;overflow:auto}.unit-list li{padding-right:2px}.unit-list strong{margin-bottom:2px;font-size:12px;line-height:1.35;display:block}.route-warning{border-left:3px solid var(--amber);padding-left:8px}.plan-dashboard{gap:16px;display:grid}.plan-overview{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;padding:16px;display:grid}.plan-overview-copy{min-width:0}.plan-overview-copy h3{margin:3px 0 6px;font-size:22px;line-height:1.22}.plan-overview-copy p,.plan-unit-card p,.plan-module-card p,.plan-module-detail dd,.plan-card-head em,.plan-unit-card small,.plan-warning{color:var(--muted);font-size:12px;line-height:1.5}.plan-overview-copy p,.plan-unit-card p,.plan-module-card p,.plan-module-detail dd{margin:0}.plan-overview-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.plan-overview-metrics div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;min-width:0;padding:10px}.plan-overview-metrics strong,.plan-overview-metrics span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.plan-overview-metrics strong{margin-bottom:4px;font-size:16px;line-height:1.2}.plan-overview-metrics span{color:var(--muted);font-size:12px}.plan-start-button{white-space:normal;width:fit-content;max-width:100%;min-height:40px}.plan-warning{border-left:3px solid var(--amber);background:var(--amber-soft);border-radius:8px;gap:6px;padding:10px 12px;display:grid}.plan-section,.plan-unit-grid,.plan-module-grid{gap:10px;display:grid}.plan-unit-grid,.plan-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-unit-card,.plan-module-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;min-width:0;padding:13px;display:grid}.plan-module-card.active{border-color:var(--accent);background:var(--accent-soft)}.plan-module-card.mastered{border-color:#16815f7a}.plan-module-card.in_progress:not(.active){border-color:#2d64776b}.plan-card-head{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;min-width:0;display:grid}.plan-card-head>span{background:var(--surface-3);width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;font-size:12px;font-weight:820;display:grid}.plan-card-head strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35;display:block}.plan-card-head em{margin-top:3px;font-style:normal;display:block}.plan-tags,.plan-module-meta{flex-wrap:wrap;gap:6px;display:flex}.plan-tags span,.plan-module-meta span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px;line-height:1.35}.plan-unit-card small{align-items:flex-start;gap:5px;display:inline-flex}.plan-module-detail{gap:8px;margin:0;display:grid}.plan-module-detail div{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px;display:grid}.plan-module-detail dt{color:var(--ink);font-size:12px;font-weight:780;line-height:1.5}.module-item{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;padding:10px;display:grid}.module-item.active{border-color:var(--accent);background:var(--accent-soft)}.module-item.mastered{border-color:#16815f7a}.module-item.in_progress:not(.active){border-color:#2d64776b}.module-item:disabled{cursor:not-allowed;opacity:.66}.module-index{background:var(--surface-3);width:26px;height:26px;color:var(--muted);border-radius:7px;place-items:center;font-size:12px;font-weight:800;display:grid}.module-item.active .module-index{background:var(--accent);color:#fff}.module-copy{gap:4px;min-width:0;display:grid}.module-copy strong{font-size:13px;line-height:1.35}.module-status{background:var(--surface-3);width:fit-content;color:var(--muted);border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:760;line-height:1.4}.module-status.in_progress{background:var(--blue-soft);color:var(--blue)}.module-status.mastered{background:var(--accent-soft);color:var(--accent-dark)}.module-copy span,.module-copy em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.45}.review-list,.artifact-list,.quiz-list,.coach-feed{gap:10px;display:grid}.review-block .review-list{max-height:330px;padding-right:2px;overflow:auto}.review-item,.artifact-item,.quiz-item,.coach-message{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.review-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.mini-button{background:var(--surface-3);min-height:28px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:12px;display:inline-flex}.mini-button.strong{background:var(--accent-soft);color:var(--accent-dark)}.mini-button:disabled{opacity:.52;cursor:not-allowed}.review-item header,.artifact-item header,.quiz-item header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stage-header{justify-content:space-between;align-items:flex-end;gap:18px;min-height:64px;margin-bottom:14px;display:flex}.stage-header h2{margin:3px 0 0;font-size:22px;line-height:1.25}.stage-subtitle{max-width:760px;margin-top:6px}.architecture-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.architecture-metric{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:9px 10px}.architecture-metric strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:14px;line-height:1.2;display:block;overflow:hidden}.architecture-metric span,.muted-line{color:var(--muted);font-size:12px;line-height:1.45}.tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{background:var(--surface);border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.tab:disabled{opacity:.48;cursor:not-allowed}.stage-canvas{border:1px solid var(--line);background:var(--surface);min-height:calc(100vh - 154px);box-shadow:var(--shadow);border-radius:8px;padding:16px}.canvas-section{min-width:0}.architecture-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(220px,.72fr);gap:14px;margin-bottom:16px;display:grid}.architecture-panel section{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:12px}.formula-grid,.example-list{gap:8px;display:grid}.formula-card,.example-card{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:6px;padding:10px;display:grid}.formula-card strong,.example-card strong{font-size:13px;line-height:1.35}.formula-card code{overflow-wrap:anywhere;color:#e6f1e4;background:#151713;border-radius:7px;padding:8px;font-size:12px;line-height:1.4;display:block}.formula-card p,.example-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.example-card ol,.mistake-list{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.55}.mistake-list li+li{margin-top:6px}.concept-map{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(#16815f0e 1px,#0000 1px),linear-gradient(90deg,#16815f0e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:500px;padding:22px;overflow:hidden}.concept-center,.concept-node{border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:13px}.concept-center{text-align:center;border-color:var(--accent);background:var(--accent-soft);width:min(420px,70%);margin:0 auto 22px}.concept-center strong,.concept-node strong{margin-bottom:6px;font-size:14px;display:block}.concept-center span,.concept-node span{color:var(--muted);font-size:12px;line-height:1.45}.concept-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.concept-node{min-height:104px}.mermaid-code{border:1px solid var(--line);color:#e6f1e4;background:#151713;border-radius:8px;max-height:150px;margin:12px 0 0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.artifact-item ul,.quiz-item ul{color:var(--muted);margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.55}.rubric-list{gap:8px;display:grid}.rubric-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding-bottom:8px;display:grid}.rubric-row:last-child{border-bottom:0;padding-bottom:0}.rubric-row strong{font-size:13px}.rubric-row span{color:var(--accent-dark);font-size:12px;font-weight:800}.rubric-row p{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px;line-height:1.45}.mentor-feed-block{flex-direction:column;min-height:340px;display:flex}.coach-feed{max-height:260px;padding-right:2px;overflow:auto}.coach-message{gap:7px;display:grid}.coach-message.user{background:var(--blue-soft);border-color:#0000}.coach-message.ai{background:#fff}.coach-input,.teachback-block{gap:10px;display:grid}.score-summary{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding-top:14px;display:grid}.score-ring{background:radial-gradient(circle at center, #fff 53%, transparent 54%), conic-gradient(var(--accent) var(--score), var(--surface-3) 0);width:70px;height:70px;color:var(--accent-dark);border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid}.feedback-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.empty-state{border:1px dashed var(--line-strong);min-height:220px;color:var(--muted);text-align:center;background:#fffdf8c7;border-radius:8px;align-content:center;place-items:center;gap:10px;display:grid}.empty-state.small{min-height:118px}@media (max-width:1179px){body{overflow-x:auto}.studio-shell{min-width:1180px}}