.essay-view{width:100%;min-height:520px;background:#fffefa;border:1px solid #e7e5da;border-radius:12px;box-shadow:0 8px 26px rgba(31,49,40,.045);overflow:hidden}.essay-workspace{color:#26352b}.essay-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px 16px;border-bottom:1px solid #eeece4;background:linear-gradient(120deg,#fffefa,#fbf8ee)}.essay-heading h2{margin:5px 0 3px;color:#243a2d;font:500 23px Georgia,"Songti SC",serif}.essay-heading p{margin:0;color:#899086;font-size:11px}.essay-kicker{color:#ab9153;font-size:8px;letter-spacing:.19em;font-weight:750}.essay-back{border:1px solid #dfe4da;border-radius:6px;background:#fff;color:#546754;padding:8px 10px;font:inherit;font-size:9px;cursor:pointer}.essay-rubric-strip{display:flex;align-items:center;gap:8px;min-height:37px;padding:7px 25px;background:#f8f8f3;color:#7f897c;font-size:9px}.essay-rubric-strip i{width:4px;height:4px;border-radius:50%;background:#c6ac69}.essay-rubric-strip b{margin-left:auto;color:#738273;font-size:8px;font-weight:500}.essay-rubric-strip b.error{color:#a34d42}.essay-stage-tabs{display:flex;gap:8px;padding:14px 25px 0}.essay-stage-tabs button,.essay-task-switch button{display:flex;align-items:center;gap:7px;border:1px solid #e4e6dc;border-radius:7px;background:#fbfcf8;color:#798579;padding:8px 11px;font:inherit;font-size:10px;cursor:pointer}.essay-stage-tabs button.selected,.essay-task-switch button.selected{border-color:#829b82;background:#eff4ed;color:#31573d;font-weight:700}.essay-stage-tabs small{font-size:8px;font-weight:400;opacity:.78}.essay-workspace-body{padding:16px 25px 25px}.essay-edit-grid{display:grid;grid-template-columns:minmax(220px,.86fr) minmax(290px,1.14fr);gap:12px}.essay-field-panel{min-width:0;padding:13px;border:1px solid #e8e8e0;border-radius:8px;background:#fff}.essay-field-panel label{margin:0 0 7px;color:#47554a;font-size:10px}.essay-field-panel textarea{display:block;width:100%;min-height:157px;resize:vertical;border:1px solid #e5e6df;border-radius:6px;background:#fdfdf9;padding:10px 11px;color:#27352b;font:12px/1.7 "Segoe UI","Microsoft YaHei",sans-serif;outline:none}.essay-field-panel textarea:focus{border-color:#96ae96;box-shadow:0 0 0 3px rgba(83,126,95,.1)}.essay-field-panel textarea::placeholder{color:#a5aaa1}.essay-field-panel .essay-text{min-height:246px;font:14px/1.8 Georgia,"Segoe UI",sans-serif}.essay-helper{margin-top:8px;color:#999c91;font-size:8px;line-height:1.7}.essay-live-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.essay-live-stats span,.essay-live-stats em{padding:4px 7px;border:1px solid #e9e9e1;border-radius:5px;background:#fafbf7;color:#7c8578;font-size:8px;font-style:normal}.essay-live-stats b{color:#3b5e41;font-size:9px}.essay-live-stats b.needs-length{color:#a95c35}.essay-template-details,.essay-punctuation{margin-top:10px;border:1px solid #eee9dd;border-radius:7px;background:#fffcf3}.essay-template-details summary,.essay-punctuation summary{padding:8px 10px;color:#7d704f;font-size:9px;cursor:pointer}.essay-template-list{display:flex;gap:5px;flex-wrap:wrap;padding:0 10px 8px}.essay-template-list button{border:1px solid #e8e0cb;border-radius:4px;background:#fff;color:#776944;padding:5px 7px;font:inherit;font-size:8px;cursor:pointer}.essay-template-preview{padding:0 10px 10px;color:#77776d;font-size:8px;line-height:1.65;white-space:pre-wrap}.essay-template-preview strong{color:#4c5e4b}.essay-template-preview p{margin:4px 0}.essay-template-preview pre{margin:5px 0;padding:7px;border-radius:4px;background:#fff;font:10px/1.6 Georgia,serif;white-space:pre-wrap}.essay-template-preview button{border:0;border-radius:4px;background:#315a40;color:#fff;padding:6px 8px;font:inherit;font-size:8px;cursor:pointer}.essay-punctuation ol{margin:0;padding:0 28px 10px;color:#7b8178;font-size:8px;line-height:1.8}.essay-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 13px;border:1px solid #e8e7dd;border-radius:7px;background:#f8f8f2}.essay-submit-bar>div{display:grid;gap:3px}.essay-submit-bar small{color:#9a9c90;font-size:8px}.essay-sync-status{color:#527658;font-size:9px}.essay-sync-status.error{color:#a34d42}.essay-submit{border:1px solid #315a40;border-radius:6px;background:#315a40;color:#fff;padding:9px 13px;font:inherit;font-size:9px;font-weight:700;cursor:pointer}.essay-submit:disabled{opacity:.6;cursor:wait}.essay-consent-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;color:#999b91;font-size:8px}.essay-consent-row small{font-size:8px}.essay-ai-consent{display:flex;align-items:center;gap:6px;color:#607363;font-size:8px;cursor:pointer}.essay-ai-consent input{width:13px;height:13px;margin:0;accent-color:#315a40}.essay-ai-unavailable{padding:8px 10px;border:1px solid #f0dfba;border-radius:5px;background:#fff9e9;color:#80652e;font-size:8px;line-height:1.65}.essay-result{margin-top:13px;padding:13px;border:1px solid #dfe7da;border-radius:8px;background:#f8fbf6}.essay-result-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:#3d6043;font-size:10px}.essay-result-heading span{color:#8c9589;font-size:8px}.essay-grade-unavailable{padding:10px;border:1px solid #ecdcb7;border-radius:6px;background:#fffbef;color:#735f35}.essay-grade-unavailable strong{font-size:10px}.essay-grade-unavailable p,.essay-grade-card>p{margin:5px 0;color:#818378;font-size:9px;line-height:1.65}.essay-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.essay-metric-grid span{display:grid;gap:3px;padding:7px;border:1px solid #e6e9df;border-radius:5px;background:#fff;color:#92978c;font-size:8px}.essay-metric-grid b{color:#37583d;font-size:11px}.essay-grade-score{display:flex;align-items:baseline;gap:8px;color:#687767}.essay-grade-score strong{color:#2f6440;font:500 32px Georgia,serif}.essay-grade-score span{font-size:9px}.essay-score-dimensions{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0}.essay-score-dimensions span{padding:4px 7px;border-radius:4px;background:#eef4e9;color:#4b6749;font-size:8px}.essay-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.essay-feedback-grid span{display:grid;gap:4px;padding:8px;border:1px solid #e8e9e1;border-radius:5px;background:#fff;color:#788075;font-size:8px;line-height:1.55}.essay-feedback-grid b{color:#4b5c4c;font-size:8px}.essay-length-warning{color:#a34d42!important}.essay-coverage,.essay-errors,.essay-suggestions{margin-top:10px;padding:9px;border:1px solid #e7e9df;border-radius:6px;background:#fff;color:#647064;font-size:8px}.essay-coverage ul,.essay-suggestions ul{margin:5px 0 0;padding-left:17px;line-height:1.7}.essay-errors h4,.essay-suggestions h4{margin:0;color:#53634f;font-size:9px}.essay-errors article{margin-top:7px;padding-top:7px;border-top:1px solid #f0eee7;color:#786f68;font-size:9px}.essay-errors .wrong{color:#a84942;text-decoration:line-through}.essay-errors .correct{color:#2c7249}.essay-errors small{display:block;margin-top:3px;color:#8a8c82;font-size:8px}.essay-language-note{color:#707b6f!important}.essay-task-switch{display:flex;gap:7px;margin:0 0 10px}.essay-senior-note{margin-bottom:10px;padding:8px 10px;border-left:2px solid #c7ae70;background:#fffaf0;color:#7a7053;font-size:8px}.essay-history{margin-top:13px;border:1px solid #e9e8df;border-radius:7px;background:#fff}.essay-history>summary{padding:9px 11px;color:#657165;font-size:9px;cursor:pointer}.essay-history>summary span{margin-left:5px;color:#a09f91}.essay-history-list{display:grid;gap:5px;padding:0 9px 9px}.essay-history-item button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding:8px;border:1px solid #edede7;border-radius:5px;background:#fbfcf8;text-align:left;cursor:pointer}.essay-history-item button>span{display:grid;gap:3px}.essay-history-item strong{color:#59685d;font-size:9px}.essay-history-item small,.essay-history-empty{color:#999b91;font-size:8px}.essay-history-item b{color:#46664a;font-size:9px}.essay-history-empty{padding:0 10px 10px}
@media(max-width:760px){.essay-view{min-height:0}.essay-heading{align-items:flex-start;padding:17px 14px 12px}.essay-heading h2{font-size:20px}.essay-heading p{max-width:38ch;font-size:9px}.essay-back{white-space:nowrap;padding:7px}.essay-rubric-strip{padding:7px 14px;gap:5px;font-size:8px}.essay-rubric-strip b{max-width:36%;text-align:right}.essay-stage-tabs{padding:12px 14px 0}.essay-stage-tabs button{padding:7px 8px;font-size:9px}.essay-workspace-body{padding:12px 14px 18px}.essay-edit-grid{grid-template-columns:1fr;gap:8px}.essay-field-panel{padding:10px}.essay-field-panel textarea{min-height:105px}.essay-field-panel .essay-text{min-height:210px}.essay-consent-row{align-items:flex-start;flex-direction:column}.essay-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.essay-feedback-grid{grid-template-columns:1fr}.essay-submit-bar{padding:9px}.essay-submit{padding:9px 10px;font-size:8px}}

/* N.19: original five-card essay workspace and its real learning destinations. */
.essay-view.essay-entry-active{min-height:calc(100vh - 122px);height:auto;overflow-y:auto;overflow-x:hidden;border:0;border-radius:0;background:#edf2f7;box-shadow:none}
.essay-home-page{box-sizing:border-box;width:100%;min-height:calc(100vh - 122px);padding:32px 3.7% 34px;background:#edf2f7;color:#203b58}
.essay-entry-banner{display:flex;align-items:center;gap:22px;min-height:120px;box-sizing:border-box;padding:20px 30px;border:1px solid #cbd9e5;border-left:4px solid #b8872d;background:linear-gradient(120deg,#fffdf8,#f4f8fb);box-shadow:0 3px 0 #dce5ec}
.essay-entry-icon{display:grid;place-items:center;flex:0 0 68px;height:68px;border:1px solid #d3deea;border-radius:20px;background:#eef4fb;font-size:34px}
.essay-entry-banner>div:nth-child(2){min-width:0;flex:1}
.essay-entry-banner .essay-kicker{font-size:9px;letter-spacing:1.4px}
.essay-entry-banner h2{margin:5px 0;color:#203b58;font:600 22px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif}
.essay-entry-banner p{margin:0;color:#718298;font-size:12px}
.essay-entry-count{padding:9px 13px;border:1px solid #cbd9e5;background:#f8fafc;color:#536b83;font-size:11px;white-space:nowrap}
.essay-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;margin-top:20px}
.essay-feature-card{display:flex;min-width:0;min-height:180px;box-sizing:border-box;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:24px 21px;border:1px solid #cbd9e5;border-top:4px solid #aab9c7;border-radius:0;background:#fff;color:#203b58;text-align:left;box-shadow:0 4px 10px rgba(31,49,68,.07);cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}
.essay-feature-grade{border-top-color:#b6c3cf}.essay-feature-clause{border-top-color:#c39a43}.essay-feature-structure{border-top-color:#438c77}.essay-feature-stats{border-top-color:#bf705b}.essay-feature-templates{border-top-color:#3f6b8e}
.essay-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 17px rgba(31,49,68,.11);border-color:#b8c6d2}
.essay-feature-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:16px;border:1px solid #e1e8ee;border-radius:14px;background:#f2f6fa;font-size:29px}
.essay-feature-card strong{font-size:16px;line-height:1.35;color:#203b58}
.essay-feature-card small{margin-top:5px;color:#8493a5;font-size:11px;line-height:1.5}
.essay-tool-page{min-height:calc(100vh - 122px);border:0;border-radius:0;background:#edf2f7;box-shadow:none}
.essay-tool-heading{min-height:100px;padding:22px 3.7% 17px;border-bottom:1px solid #dce4ea;background:#fffdf8}
.essay-tool-heading h2{font-size:22px;color:#203b58}
.essay-tool-heading p{font-size:11px;line-height:1.6}
.essay-tool-body{padding:20px 3.7% 30px;background:#edf2f7;color:#33485d}
.essay-tool-empty{padding:34px 20px;border:1px solid #d5e0e8;background:#fff;text-align:center;color:#718298}
.essay-tool-empty>span{display:block;margin-bottom:10px;font-size:28px}
.essay-tool-empty strong{display:block;color:#3b536b;font-size:16px}
.essay-tool-empty p{font-size:12px;line-height:1.7}
.essay-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.essay-stats-grid article{display:grid;gap:7px;padding:18px;border:1px solid #d5e0e8;border-top:3px solid #b8872d;background:#fff}
.essay-stats-grid span,.essay-stats-grid small{color:#8291a3;font-size:11px}
.essay-stats-grid strong{color:#203b58;font:600 30px Georgia,serif}
.essay-weak-list,.essay-template-detail section{margin:12px 0;padding:17px 20px;border:1px solid #d5e0e8;background:#fff}
.essay-weak-list h3,.essay-template-detail h3{margin:0 0 10px;color:#203b58;font-size:15px}
.essay-weak-list p,.essay-template-detail section p{color:#62768b;font-size:12px;line-height:1.75}
.essay-weak-list ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.essay-weak-list li{display:flex;justify-content:space-between;padding:9px 11px;border:1px solid #e2e8ed;background:#f8fafc;font-size:12px}
.essay-weak-list li b{color:#a24e42}
.essay-template-library{padding-top:18px}
.essay-template-group{margin-bottom:18px}
.essay-template-group h3{margin:0 0 8px;padding:5px 0;color:#93691d;font-size:14px}
.essay-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.essay-template-card{min-height:82px;padding:13px;border:1px solid #d8e1e8;background:#fff;text-align:left;cursor:pointer}
.essay-template-card:hover{border-color:#b8872d;box-shadow:0 3px 10px rgba(31,49,68,.08)}
.essay-template-card strong,.essay-template-card small{display:block}
.essay-template-card strong{margin-bottom:5px;color:#203b58;font-size:13px}
.essay-template-card small{display:-webkit-box;overflow:hidden;color:#8291a3;font-size:10px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.essay-template-caution{margin:0 0 13px;padding:11px 13px;border:1px solid #ead6a6;background:#fffaf0;color:#86621d;font-size:11px;line-height:1.7}
.essay-template-detail section{margin:10px 0}
.essay-template-lines{white-space:pre-line}
.essay-template-detail pre{overflow:auto;max-height:42vh;margin:0;padding:17px 20px;border:1px solid #e0e4e7;background:#faf8f2;color:#344455;font:13px/1.85 Georgia,"Segoe UI",serif;white-space:pre-wrap}
.essay-template-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.essay-practice-page .essay-tool-body{padding-top:18px}
.essay-practice-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.essay-practice-tab{padding:8px 13px;border:1px solid #cad7e2;background:#fff;color:#52687d;font:inherit;font-size:11px;cursor:pointer}
.essay-practice-tab.active{border-color:#315f86;background:#203b58;color:#fff;font-weight:700}
.essay-practice-jump{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:10px 12px;border:1px solid #d4dee7;background:#f8fafc;color:#6e8091;font-size:10px}
.essay-practice-jump span{margin-right:auto}
.essay-practice-jump input{width:78px;padding:6px 8px;border:1px solid #c7d5e1;background:#fff;color:#203247;font:inherit}
.essay-practice-jump button,.essay-practice-actions button{padding:8px 12px;border:1px solid #b9c9d6;background:#fff;color:#536b83;font:inherit;font-size:10px;cursor:pointer}
.essay-practice-card{padding:19px 21px;border:1px solid #cbd9e5;border-radius:0;background:#fff;box-shadow:0 3px 0 #dce5ec}
.essay-practice-meta{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e1e8ee;color:#74879a;font-size:10px}
.essay-practice-scene{margin:12px 0;padding:10px 12px;border-left:3px solid #b8872d;background:#fffaf0;color:#718298;font-size:10px;line-height:1.7}
.essay-practice-prompt{margin:14px 0;color:#203b58;font:500 20px/1.65 Georgia,"Songti SC",serif}
.essay-practice-input{box-sizing:border-box;width:100%;min-height:108px;padding:10px 12px;resize:vertical;border:1px solid #c7d5e1;background:#fbfcfd;color:#203247;font:14px/1.8 Georgia,"Segoe UI",serif}
.essay-practice-answer{margin-top:12px;border:1px solid #d8e2ea;background:#f8fafc}
.essay-practice-answer summary{padding:10px 12px;color:#355b7b;font-size:11px;font-weight:700;cursor:pointer}
.essay-practice-answer>div{padding:5px 13px 14px;color:#425b70;font-size:12px;line-height:1.8}
.essay-practice-answer p{margin:6px 0;color:#8a6a2d}
.essay-practice-analysis{margin-top:12px;padding:10px 12px;border-top:1px solid #dbe4eb;background:#fff;color:#687c8f;font-size:10px;line-height:1.7}
.essay-practice-analysis p{margin:3px 0 8px;color:#526a7e}
.essay-practice-analysis ul{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0 0;padding:0;list-style:none}
.essay-practice-analysis li{display:flex;gap:4px;padding:3px 6px;border:1px solid #e0e7ec;background:#f8fafb}
.essay-practice-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.essay-practice-actions button.primary{border-color:#315f86;background:#315f86;color:#fff}
.essay-practice-actions button.success{border-color:#6d9877;background:#eff7ef;color:#346342}
.essay-practice-progress{display:block;width:100%;height:10px;margin-top:13px;border:0;border-radius:0;background:#d8e2e9;accent-color:#5b8e6b}
.essay-structure-page .essay-practice-progress{accent-color:#e46b35}
.essay-practice-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#73869a;font-size:10px}
@media(max-width:760px){
  .essay-home-page{min-height:calc(100vh - 122px);padding:18px 16px 26px}
  .essay-entry-banner{min-height:98px;gap:12px;padding:14px}
  .essay-entry-icon{flex-basis:48px;height:48px;border-radius:14px;font-size:26px}
  .essay-entry-banner h2{font-size:18px}.essay-entry-banner p{max-width:32ch;font-size:10px}
  .essay-entry-count{padding:7px;font-size:9px}
  .essay-feature-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-top:13px}
  .essay-feature-card{min-height:145px;padding:14px 12px}
  .essay-feature-icon{width:44px;height:44px;margin-bottom:11px;font-size:23px}
  .essay-feature-card strong{font-size:13px}.essay-feature-card small{font-size:9px}
  .essay-tool-heading{align-items:flex-start;padding:16px}
  .essay-tool-body{padding:14px 16px 22px}
  .essay-stats-grid{grid-template-columns:1fr}
  .essay-template-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
  .essay-template-actions{align-items:stretch;flex-direction:column}
  .essay-practice-meta,.essay-practice-foot{flex-direction:column}
  .essay-practice-card{padding:14px}
  .essay-practice-prompt{font-size:17px}
}

/* N.19: keep the essay editor and every nested result in the legacy v12 layout. */
#essay-view.essay-editor-active{min-height:0;height:auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
#essay-view.essay-editor-active .essay-legacy-editor{position:fixed;inset:0;z-index:9998}
#essayPanel .wb-header{box-sizing:border-box;min-height:70px;padding:12px 22px 10px 24px!important;border-bottom:2px solid var(--wb-gold)!important;background:var(--wb-navy)!important;color:#e6eef5!important}
#essayPanel .wb-header h2{margin:0;color:#f4f7fa;font:700 18px/1.3 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;letter-spacing:0}
#essayPanel .wb-header>p{margin:1px 0 6px;color:#b8c7d5;font:11px/1.35 "Segoe UI","Microsoft YaHei UI",sans-serif;opacity:1}
#essayPanel .essay-stage-switcher{position:absolute;left:310px;top:12px;max-width:460px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
#essayPanel .essay-stage-switcher .learning-stage-copy{display:none}
#essayPanel .essay-stage-switcher .learning-stage-buttons{background:#10223a;border-color:#3d5874}
#essayPanel .essay-stage-switcher .learning-stage-btn{padding:7px 13px;border:1px solid transparent;color:#dce6f0;font-size:11px}
#essayPanel .essay-stage-switcher .learning-stage-btn:not(.active){background:#10223a;color:#c7d4e0}
#essayPanel .essay-stage-switcher .learning-stage-btn.active{border-color:#f0ce7b;background:#d5a63f;color:#172943;box-shadow:inset 0 -3px #9c731f;font-weight:800}
#essayPanel .module-back-btn{position:absolute;top:12px;right:66px;min-height:34px;padding:0 12px;border:1px solid rgba(218,231,242,.32);border-radius:4px;background:rgba(255,255,255,.06);color:#e6eef5;font:500 12px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif;cursor:pointer}
#essayPanel .wb-close{top:12px;right:14px;width:34px;height:34px;border:1px solid rgba(218,231,242,.32);border-radius:4px;background:rgba(255,255,255,.06);color:#e6eef5;box-shadow:none;line-height:32px}
#essayPanel .wb-close:hover{background:#9c413c;color:#fff;transform:none;box-shadow:none}
#essayPanel .wb-body{max-width:none;min-height:0;background:var(--wb-canvas)!important;padding:22px!important}
#essayPanel .essay-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;max-width:1120px!important;margin:0 auto!important;padding:0!important;border:1px solid var(--wb-line)!important;background:#fff!important}
#essayPanel .essay-left,#essayPanel .essay-right{min-width:0;padding:20px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
#essayPanel .essay-left{border-right:1px solid var(--wb-line)!important}
#essayPanel .essay-label{display:flex;align-items:center;margin:0 0 8px;color:#526175!important;font-size:12px!important;font-weight:700}
#essayPanel .essay-textarea,#essayPanel .essay-req-textarea{box-sizing:border-box!important;min-height:410px!important;padding:18px!important;border:1px solid #cbd3dc!important;border-radius:2px!important;background:#fff!important;color:#18283d!important;box-shadow:none!important;font:15px/1.9 "Segoe UI","Microsoft YaHei UI",sans-serif!important}
#essayPanel .essay-textarea{font:16px/1.85 Cambria,Georgia,"Times New Roman",serif!important}
#essayPanel .essay-textarea:focus,#essayPanel .essay-req-textarea:focus{border-color:#6a91b2!important;box-shadow:0 0 0 2px rgba(49,90,125,.12)!important}
#essayPanel .essay-guidance-note{margin:4px 0 8px;color:#7a5a08;font-size:11px;line-height:1.6}
#essayPanel .essay-word-count{display:block;margin:4px 0 8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#7a5a08!important;text-align:right;font-size:11px}
#essayPanel .essay-punct-title{display:block;width:100%;border:0;background:transparent;text-align:left}
#essayPanel .essay-submit-row{margin-top:20px;padding-top:20px;border-top:1px solid var(--paper);text-align:center}
#essayPanel .essay-submit-btn{padding:11px 34px!important;border:0!important;border-radius:9px!important;background:var(--wb-green)!important;box-shadow:0 5px 0 #164938,0 9px 16px rgba(24,79,62,.18)!important;color:#fff!important;font:700 14px/1.3 "Segoe UI","Microsoft YaHei UI",sans-serif!important}
#essayPanel .essay-submit-btn:hover{transform:none!important;background:#195843!important}
#essayPanel .essay-sync-line{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#essayPanel .essay-result{box-sizing:border-box;max-width:1120px;margin:18px auto 0;padding:18px;border:1px solid var(--interior-edge);border-radius:14px;background:linear-gradient(145deg,#fff,#f3f7fa);box-shadow:0 7px 0 #dfe7ee,0 13px 23px rgba(28,51,74,.09),inset 0 1px #fff}
#essayPanel .essay-result:not([hidden]){display:block!important}
#essayPanel .essay-result-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;color:#17365d;font-size:14px}
#essayPanel .essay-result-heading span{color:#718096;font-size:11px}
#essayPanel .essay-score-pending{padding:14px 16px;border:1px solid #cbd8e4;background:linear-gradient(145deg,#fff,#f3f7fa);color:#33445a;font-size:13px;line-height:1.7}
#essayPanel .essay-score-pending>strong{color:#17365d}
#essayPanel .essay-score-pending>p{margin:4px 0 10px;color:#66778b}
#essayPanel .essay-local-statistics{margin:12px 0;padding:12px 14px;border:1px solid #d9e1e9;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.8}
#essayPanel .essay-local-statistics strong{color:#17365d}
#essayPanel .essay-grade-description{text-align:center;margin:0 0 16px;color:var(--slate-light);font-size:13px}
#essayPanel .essay-result-basic-stats{text-align:center;margin:12px 0 16px;color:var(--slate-light);font-size:12px;line-height:1.8}
#essayPanel .essay-result-basic-stats strong{color:#17365d}
#essayPanel .essay-no-errors{text-align:center;padding:12px;color:#276749;font-weight:600}
#essayPanel .essay-language-note,#essayPanel .essay-sentence-note{margin:0 0 12px;padding:10px 14px;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;color:#0369a1;font-size:12px}
#essayPanel .essay-sentence-note{border-color:#fde68a;background:#fefce8;color:#854d0e}
#essayPanel .essay-error-type{display:inline-block;padding:2px 6px;border-radius:4px;background:#fed7d7;color:#9b2c2c;font-size:11px}
#essayPanel .essay-error-severity{color:#c53030;font-size:10px;font-weight:700}
#essayPanel .essay-result-actions{text-align:center;margin-top:12px}
#essayPanel .essay-result-actions .essay-submit-btn{padding:9px 22px!important;font-size:13px!important}
#essayPanel .senior-essay-workspace{max-width:1240px;margin:0 auto;padding:0 4px 28px}
.essay-practice-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:18px;background:rgba(15,23,42,.58)}
.essay-practice-dialog{display:flex;box-sizing:border-box;flex-direction:column;width:760px;max-width:96vw;max-height:92vh;overflow:hidden;border:1px solid #d4deea;border-radius:14px;background:#fff;color:#334155;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.essay-practice-dialog.structure-dialog{width:780px}
.essay-practice-dialog>header{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #dbe4ed;background:linear-gradient(135deg,#eff6ff,#fff)}
.structure-overlay .essay-practice-dialog>header{background:linear-gradient(135deg,#fff7ed,#fffbeb)}
.essay-practice-title-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#dbeafe;color:#1d4ed8;font-size:20px}
.essay-practice-dialog.structure-dialog .essay-practice-title-icon{background:#ffedd5;color:#c2410c}
.essay-practice-dialog>header>div:nth-child(2){min-width:0;flex:1}
.essay-practice-dialog>header h2{margin:0;color:#1e3a8a;font-size:18px}
.essay-practice-dialog.structure-dialog>header h2{color:#9a3412}
.essay-practice-dialog>header p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.5}
.essay-practice-dialog>header button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#64748b;font-size:18px;cursor:pointer}
.essay-practice-dialog-body{overflow:auto;padding:17px 20px 20px}
.essay-practice-dialog .clause-practice-answer[hidden]{display:none!important}
.essay-practice-dialog .clause-practice-answer:not([hidden]),.essay-practice-dialog .structure-practice-answer:not([hidden]){display:block!important}
.essay-practice-dialog .answer-teach-btn{display:block;margin:0 0 10px;padding:7px 10px;border:1px solid #93c5fd;border-radius:6px;background:#fff;color:#1d4ed8;font-size:11px;cursor:pointer}
.essay-practice-dialog .structure-practice-answer .answer-teach-btn{border-color:#fdba74;color:#c2410c}
.essay-practice-dialog .clause-practice-progress{height:6px;margin-top:14px;border-radius:999px;background:#e2e8f0}
.essay-practice-dialog .clause-practice-progress i{display:block;height:100%;border-radius:inherit;background:#2563eb;transition:width .2s}
.structure-overlay .clause-practice-progress i{background:#ea580c}
.essay-practice-dialog .clause-practice-foot{display:flex;justify-content:space-between;gap:10px;text-align:left}
.essay-templates-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}
.essay-templates-dialog{display:flex;box-sizing:border-box;flex-direction:column;width:820px;max-width:94vw;max-height:85vh;overflow:hidden;border:1px solid #e8e0d3;border-radius:14px;background:#fffdf9;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.essay-templates-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e8e0d3}
.essay-templates-dialog>header h2{margin:0;color:#2d3047;font-size:16px}
.essay-templates-dialog>header button{border:0;background:transparent;color:#6366f1;font:inherit;font-size:13px;cursor:pointer}
.essay-templates-dialog .essay-template-caution{margin:12px 20px 4px;padding:10px 12px;border:1px solid #f3d28a;border-radius:8px;background:#fff8e8;color:#73551b;font-size:12px;line-height:1.7}
.essay-template-scroll{flex:1;overflow-y:auto;padding:20px}
.essay-template-group h3{margin:0 0 8px;padding:4px 0;color:#e53e3e;font-size:13px}
.essay-template-group:nth-of-type(2) h3{color:#f59e0b}
.essay-template-group:nth-of-type(3) h3{color:#6366f1}
.essay-template-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.essay-template-card{min-height:0;padding:12px;border:1px solid #e8e0d3;border-radius:10px;background:#faf8f2;cursor:pointer}
.essay-template-card strong{margin-bottom:4px;color:#2d3047;font-size:14px}
.essay-template-card small{color:#8fa0b4;font-size:11px;line-height:1.4}
.essay-templates-dialog:has(.essay-template-detail){width:700px}
.essay-templates-dialog .essay-template-detail{padding:18px}
.essay-template-detail-section{margin-bottom:14px;color:#2d3047;font-size:13px;line-height:1.8}
.essay-template-label{margin-bottom:4px;color:#8fa0b4;font-size:11px;font-weight:700}
.essay-template-condition{margin-bottom:6px;padding:7px 9px;border-radius:6px;background:#f7f9fc;color:#53657d;font-size:11px;line-height:1.6}
.essay-template-lines{white-space:pre-line}
.essay-template-sentences{color:#4a5a7a;font-size:12px}
.essay-template-example{padding:16px 20px;border:1px solid #e8e0d3;border-radius:10px;background:#faf8f2;color:#2d3047;font-size:13px;line-height:1.8}
.essay-template-example div{margin:0 0 4px}
#essay-view .essay-stats-overlay{z-index:100000}
#essay-view .essay-stats-overlay.stats-overlay-bg.open{display:block}
#essay-view .essay-stats-overlay.stats-overlay.open{display:block}
@media(max-width:760px){
  #essayPanel .wb-header{min-height:71px;padding:10px 12px!important}
  #essayPanel .wb-header h2{font-size:16px}
  #essayPanel .wb-header>p{max-width:calc(100% - 70px);font-size:9px}
  #essayPanel .essay-stage-switcher{position:static;max-width:none;margin:8px 42px 0 0}
  #essayPanel .essay-stage-switcher .learning-stage-copy{display:none}
  #essayPanel .module-back-btn{top:11px;right:53px;min-width:0;padding:0 7px;font-size:10px}
  #essayPanel .wb-close{top:10px;right:10px;width:32px;height:32px}
  #essayPanel .wb-body{padding:15px!important}
  #essayPanel .essay-layout{grid-template-columns:minmax(0,1fr)!important}
  #essayPanel .essay-left,#essayPanel .essay-right{padding:14px!important}
  #essayPanel .essay-left{border-right:0!important;border-bottom:1px solid var(--wb-line)!important}
  #essayPanel .essay-textarea,#essayPanel .essay-req-textarea{min-height:260px!important}
  #essayPanel .essay-stage-switcher .learning-stage-btn{padding:5px 8px}
  .essay-practice-dialog,.essay-practice-dialog.structure-dialog{width:96vw;max-height:92vh}
  .essay-practice-dialog-body{padding:12px}
  .essay-practice-dialog>header{padding:12px}
  .essay-practice-dialog>header h2{font-size:15px}
  .essay-templates-dialog{max-width:96vw;max-height:92vh}
  .essay-template-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
  .essay-template-detail{padding:12px}
  #essayPanel .essay-breakdown{grid-template-columns:minmax(0,1fr)!important}
}

/* N.19 runtime comparison: restore the legacy panel position and control geometry after imported CSS. */
#essay-view.essay-editor-active .essay-legacy-editor{position:fixed!important;top:62px!important;right:0!important;bottom:0!important;left:0!important;height:auto!important;inset:62px 0 0!important}
#essay-view.essay-editor-active #essayPanel .wb-body{box-sizing:border-box!important;width:100%!important;max-width:1220px!important;min-height:0!important;margin:0 auto!important;padding:22px!important}
#essay-view.essay-editor-active #essayPanel .essay-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;max-width:1240px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important}
#essay-view.essay-editor-active #essayPanel .essay-left,#essay-view.essay-editor-active #essayPanel .essay-right{min-width:0!important;padding:19px!important;border:1px solid var(--interior-edge)!important;border-radius:13px!important;background:linear-gradient(150deg,#fff 0%,#fbfdff 65%,#f0f5f9 100%)!important;box-shadow:var(--interior-lift)!important}
#essay-view.essay-editor-active #essayPanel .essay-label{color:#23496c!important;font-size:13px!important}
#essay-view.essay-editor-active #essayPanel .essay-textarea,#essay-view.essay-editor-active #essayPanel .essay-req-textarea{box-sizing:border-box!important;min-height:410px!important;padding:18px!important;border:1px solid #cbd3dc!important;border-radius:2px!important;background:#fff!important;color:#18283d!important;box-shadow:none!important;font-size:15px!important;line-height:1.9!important}
#essay-view.essay-editor-active #essayPanel .essay-textarea{font:16px/1.85 Cambria,Georgia,"Times New Roman",serif!important}
#essay-view.essay-editor-active #essayPanel .essay-textarea:focus,#essay-view.essay-editor-active #essayPanel .essay-req-textarea:focus{border-color:#6a91b2!important;box-shadow:0 0 0 2px rgba(49,90,125,.12)!important}
#essay-view.essay-editor-active #essayPanel .essay-punct-guide{border-radius:2px!important;background:#f7f8fa!important;border-color:var(--wb-line)!important}
#essay-view.essay-editor-active #essayPanel .essay-submit-row{margin-top:16px!important;padding:16px 0 4px!important;border-color:var(--wb-line)!important;text-align:center}
#essay-view.essay-editor-active #essayPanel .essay-result{max-width:1240px!important;margin:18px auto 0!important}
#essay-view .essay-data-loading,#essay-view .essay-data-load-error{box-sizing:border-box;max-width:980px;min-height:40vh;margin:28px auto;padding:28px;border:1px solid #d9dfdf;border-radius:14px;background:#fffdf9;color:#53657d;box-shadow:0 8px 24px rgba(35,49,62,.08);font-size:14px;line-height:1.8}
#essay-view .essay-data-loading{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}
#essay-view .essay-data-loading-indicator{width:18px;height:18px;flex:0 0 18px;border:2px solid #d7d0bd;border-top-color:#315a46;border-radius:50%;animation:essay-data-spin .8s linear infinite}
#essay-view .essay-data-load-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#essay-view .essay-data-load-error strong{color:#8f3e35;font-size:16px}
#essay-view .essay-data-load-error p{max-width:720px;margin:8px 0 18px;overflow-wrap:anywhere}
#essay-view .essay-data-load-error button{min-width:96px;padding:9px 20px;border:1px solid #315a46;border-radius:7px;background:#315a46;color:#fff;font:inherit;cursor:pointer}
#essay-view .essay-load-notice{margin:0 0 16px;padding:10px 14px;border:1px solid #e5d6a6;border-radius:7px;background:#fff8e8;color:#73551b;font-size:12px;line-height:1.7}
@keyframes essay-data-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
  #essay-view .essay-data-loading,#essay-view .essay-data-load-error{min-height:36vh;margin:15px;padding:20px 16px;font-size:13px}
  #essay-view.essay-editor-active .essay-legacy-editor{top:71px!important;right:0!important;bottom:0!important;left:0!important;height:auto!important;inset:71px 0 0!important}
  #essay-view.essay-editor-active #essayPanel .wb-body{max-width:none!important;padding:15px!important}
  #essay-view.essay-editor-active #essayPanel .essay-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #essay-view.essay-editor-active #essayPanel .essay-left,#essay-view.essay-editor-active #essayPanel .essay-right{padding:14px!important}
  #essay-view.essay-editor-active #essayPanel .essay-textarea,#essay-view.essay-editor-active #essayPanel .essay-req-textarea{min-height:260px!important}
}
.essay-request-pending{display:flex;align-items:center;justify-content:center;min-height:72px;padding:12px;color:#66778b;font-size:13px;text-align:center}.essay-request-pending:before{content:"";width:18px;height:18px;margin-right:8px;border:2px solid #e8e0d3;border-top-color:var(--gold);border-radius:50%;animation:essay-data-spin .6s linear infinite;flex:0 0 auto}.essay-request-error{padding:12px;color:#c53030;font-size:13px;line-height:1.65}
.essay-word-count-note{clear:both;margin:6px 0 12px;color:#52657a;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.essay-save-warning{margin:12px 0;padding:12px 16px;border:1px solid #e8c77e;background:#fff7e6;border-radius:8px;color:#795522;font-size:13px;line-height:1.7}
.essay-save-warning button{margin:8px 0 0;padding:7px 16px;border:1px solid #ad7d29;border-radius:5px;background:#fff;color:#76501d;cursor:pointer;font:inherit}
.essay-insights{margin-top:16px;padding:15px;border:1px solid #e6e9df;border-radius:9px;background:#fbfcf8;color:#405247}
.essay-insights-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.essay-insights-heading h3{margin:0;color:#31533a;font-size:14px}
.essay-insights-heading p{margin:4px 0 0;color:#8b9388;font-size:9px;line-height:1.5}
.essay-insights-heading>span{flex:none;padding:5px 8px;border:1px solid #e6e9df;border-radius:5px;background:#fff;color:#718071;font-size:8px}
.essay-insights-overview{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(280px,1.45fr);gap:10px}
.essay-current-level,.essay-trend-card,.essay-insight-card{min-width:0;padding:12px;border:1px solid #e8e9e1;border-radius:7px;background:#fff}
.essay-current-level{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;background:linear-gradient(135deg,#f4f8ef,#fff)}
.essay-current-level-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%}
.essay-current-level-heading>strong{color:#536852;font-size:9px}
.essay-current-level-heading>small{color:#929b8e;font-size:8px;text-align:right}
.essay-level-list{display:grid;gap:5px;width:100%}
.essay-level-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px;border:1px solid #e8ece2;border-radius:5px;background:rgba(255,255,255,.8)}
.essay-level-row>span{display:flex;flex-direction:column;gap:1px}
.essay-level-row b{color:#536852;font-size:9px}
.essay-level-row span small{color:#929b8e;font-size:8px}
.essay-level-row>strong{color:#2d6842;font:500 17px/1 Georgia,serif;white-space:nowrap}
.essay-level-row>strong small{margin-left:3px;color:#819080;font:9px "Segoe UI",sans-serif}
.essay-current-level>small{color:#93998e;font-size:8px;line-height:1.55}
.essay-score-series{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:9px}
.essay-score-series-card{min-width:0;padding:8px 9px 5px;border:1px solid #edf0e8;border-radius:6px;background:#fff}
.essay-score-series-card .essay-insight-title{margin-bottom:0}
.essay-score-series-card .essay-insight-title strong{font-size:8px}
.essay-score-series-card .essay-insight-title small{font-size:7px}
.essay-current-level-empty{align-items:flex-start}
.essay-current-level-empty>span{color:#687768;font-size:9px}
.essay-current-level-empty>strong{font:600 16px "Segoe UI","Microsoft YaHei",sans-serif;color:#7b8678}
.essay-current-level>small{color:#93998e;font-size:8px;line-height:1.55}
.essay-insight-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}
.essay-insight-title strong{color:#4a5d4c;font-size:9px}
.essay-insight-title small{color:#a0a295;font-size:8px;text-align:right}
.essay-score-trend{display:block;width:100%;height:auto;overflow:visible}
.essay-chart-grid{stroke:#edf0e8;stroke-width:1}
.essay-chart-axis{fill:#9a9f93;font:9px "Segoe UI",sans-serif}
.essay-chart-line{fill:none;stroke:#4f8059;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.essay-chart-dot{fill:#fff;stroke:#4f8059;stroke-width:2.5}
.essay-insights-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.essay-insight-bars{display:grid;gap:9px;margin-top:10px}
.essay-insight-bar{display:grid;grid-template-columns:minmax(65px,100px) minmax(45px,1fr) auto;align-items:center;gap:8px;min-width:0}
.essay-insight-bar strong{overflow:hidden;color:#657265;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.essay-insight-track{display:block;height:7px;overflow:hidden;border-radius:5px;background:#edf1e9}
.essay-insight-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b9c99a,#608b62)}
.essay-insight-bar small{color:#7b8778;font-size:8px;white-space:nowrap}
.essay-insight-empty{padding:12px 4px;color:#999d92;font-size:8px;line-height:1.6}
@media(max-width:720px){.essay-insights{padding:11px}.essay-insights-heading{align-items:flex-start}.essay-insights-heading p{max-width:35em}.essay-insights-overview,.essay-insights-details{grid-template-columns:1fr}.essay-current-level{min-height:112px}.essay-insight-bar{grid-template-columns:minmax(60px,84px) minmax(35px,1fr) auto;gap:6px}.essay-insight-title small{max-width:55%;line-height:1.45}}