:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#293d32;background:#f7f8f4;font-size:14px;--green:#28644e;--line:#e3e8df}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #28644e;outline-offset:4px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #dfe5da;border-radius:7px;background:#fff;color:#34453a;outline-color:#28644e}textarea{line-height:1.9;resize:vertical}input::placeholder,textarea::placeholder{color:#a0aa9a}label,.field-label,legend{font-size:12px;font-weight:600;display:block;margin-bottom:9px}fieldset{border:0;margin:0;padding:0}legend{padding:0}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;padding:0 48px;height:88px;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{background:var(--green);color:#fff;font-family:KaiTi,serif;font-size:30px;width:45px;height:46px;border-radius:12px 12px 12px 3px;display:grid;place-items:center;position:relative}.brand-mark>span{position:absolute;right:3px;top:0;font-size:14px;color:#e8c37b}.brand strong{font-size:20px}.brand-divider{margin:0 12px;color:#c7cfc2;font-weight:300}.brand em{font-size:14px;font-style:normal;font-weight:500}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#8d9888;margin-top:5px}.header-inner nav{display:flex;align-items:center;gap:30px;height:100%;font-size:13px}.header-inner nav>a,.header-inner nav>button{height:100%;display:flex;align-items:center;border-bottom:3px solid transparent}.header-inner nav .nav-active{border-color:var(--green);color:var(--green);font-weight:600}.header-note{margin-left:auto;font-size:11px;color:#8b9885;white-space:nowrap}.header-note i,.save-row i{display:inline-block;width:6px;height:6px;background:#7ea177;border-radius:50%;margin-right:7px}.badge{background:#e8efe3;padding:1px 5px;border-radius:10px;font-size:10px;margin-left:5px}main{max-width:1360px;margin:auto;padding:0 40px}.intro{display:flex;justify-content:space-between;align-items:center;padding:46px 10px 40px;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#7c8c72;display:flex;align-items:center;gap:8px}.eyebrow>span{height:1px;width:18px;background:#92a384}h1{font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.6;margin:15px 0}h1>span{position:relative;color:var(--green)}h1 svg{position:absolute;bottom:-8px;left:0;width:100%;height:10px;fill:none;stroke:#d4b879;stroke-width:3}.intro p{font-size:13px;color:#83907b;line-height:1.9;margin:0}.intro-tags{display:flex;gap:23px;margin-top:22px;font-size:11px;color:#7d8b74}.intro-art{width:260px;position:relative;margin-right:35px}.mini-paper{padding:20px 22px 15px;background:#fffdf8;border:1px solid #ece6d9;box-shadow:5px 8px #e9ede5;transform:rotate(-7deg)}.mini-paper small{font-size:10px;letter-spacing:2px;color:#8b8f7a}.mini-paper>div{display:flex;margin:14px 0}.mini-paper>div>span{font-family:KaiTi,楷体,serif;border:1px solid #b8c7af;width:61px;height:61px;display:grid;place-items:center;font-size:40px;color:#66745c;background:linear-gradient(90deg,transparent 49%,#dce4d5 49%,#dce4d5 50%,transparent 50%),linear-gradient(transparent 49%,#dce4d5 49%,#dce4d5 50%,transparent 50%)}.mini-paper>div>span:nth-child(2){color:#aab6a0}.mini-paper>div>span:last-child{color:transparent}.mini-paper i{font-size:6px;letter-spacing:1px;color:#aaa993;font-style:normal}.art-pencil{position:absolute;right:-20px;bottom:-18px;font-size:76px;color:#b69a59;transform:rotate(-10deg)}.art-star{position:absolute;right:-14px;top:-18px;color:#b39d69;font-size:27px}.mobile-break{display:none}.workbench{display:grid;grid-template-columns:354px minmax(0,1fr);background:#fff;border:1px solid #e1e6db;border-radius:16px;overflow:hidden;box-shadow:0 12px 42px #263d3210}.settings-panel{padding:24px;border-right:1px solid var(--line)}.panel-heading,.panel-heading>div,.preview-toolbar,.preview-toolbar>div{display:flex;align-items:center;gap:10px}.panel-heading{justify-content:space-between;margin-bottom:25px}.panel-heading h2,.preview-toolbar h2{font-size:14px;font-weight:600;margin:0}.step-number{font-family:monospace;font-size:10px;padding:3px 5px;border:1px solid #dae4d2;color:#78906c;border-radius:4px}.muted{font-size:11px;color:#8d9885;line-height:1.8}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-options button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #e3e8dd;padding:12px 2px;border-radius:9px}.mode-options button.active{background:#f0f5ed;border-color:#45775d;color:var(--green);box-shadow:inset 0 0 0 1px #45775d}.mode-options b{font-family:KaiTi,楷体,serif;font-size:24px;font-weight:400}.mode-options span{font-size:11px;font-weight:600}.mode-options small{font-size:8px;color:#8c978e}.form-block{margin-top:22px}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.label-row label{margin:0}.text-button{padding:0;font-size:11px;color:var(--green)}.text-button:hover{text-decoration:underline}.input-caption{display:flex;justify-content:space-between;gap:8px;color:#969f8f;font-size:10px;margin-top:8px}.warning{color:#a16c2c!important;font-size:11px;line-height:1.7}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-block>.two-fields{margin-top:17px}.optional{font-size:10px;font-weight:400;color:#a0aa98}.compact{display:flex;align-items:center;justify-content:space-between}.compact .field-label{margin:0}.segmented{display:flex;gap:3px;background:#f0f3eb;padding:3px;border-radius:7px}.segmented button{font-size:11px;padding:6px 13px;border-radius:5px;color:#8d9982}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 1px 4px #23392e10}.switch-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e8;padding-top:16px;margin-top:18px}.switch-row label{margin:0}.switch-row small{font-size:10px;font-weight:400;color:#929c88;display:block;margin-top:5px}.switch-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:31px;height:18px;padding:2px;border:0;background:#dfe5d9;border-radius:12px;position:relative;cursor:pointer}.switch-row input:before{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff}.switch-row input:checked{background:var(--green)}.switch-row input:checked:before{transform:translate(13px)}.pinyin-input{margin-top:15px}.pinyin-input label{font-size:10px;font-weight:400;color:#87947e}.pinyin-input p{margin:6px 0 0}.save-row{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.save-row>span{font-size:9px;color:#8c9b82}.save-row i{width:4px;height:4px;margin-right:4px}.preview-panel{min-width:0;background:#eff1ed;display:flex;flex-direction:column}.preview-toolbar{padding:24px 26px 12px;justify-content:space-between}.paper-badge{font-size:9px;color:#80907f;background:#e3e9df;border-radius:4px;padding:4px 7px}.icon-button{border:1px solid #ccd7ca;border-radius:50%;width:19px;height:19px;font-size:11px;padding:0;color:#8b9888}.preview-meta{display:flex;justify-content:space-between;padding:0 26px 15px;font-size:10px;color:#8f998d}.preview-meta i{margin:0 9px;font-style:normal}.paper-viewport{padding:7px 16px 0;min-height:400px;flex:1;background-image:radial-gradient(#c7d1c35c .7px,transparent .7px);background-size:10px 10px}.paper-scaled{position:relative;margin:auto;box-shadow:0 5px 22px #253b3214}.paper{width:794px;height:1123px;background:#fff;padding:40px 56.7px 34px;position:relative;transform-origin:top left;overflow:hidden;color:#343b35;--grid:#b3bfa9;--inner:#d5ddcd;--trace:#b5b9b0;font-family:Microsoft YaHei,sans-serif}.paper.ink-saving{--grid:#b8b8b8;--inner:#dcdcdc;--trace:#c1c1c1}.sheet-kicker{font-size:9px;color:#929b8c;letter-spacing:2px;text-align:center}.sheet-heading h3{text-align:center;font-weight:500;font-size:23px;letter-spacing:2px;margin:13px 0 19px;line-height:1.5;overflow-wrap:anywhere}.student-line{display:flex;gap:20px;justify-content:space-between;font-size:10px;padding-bottom:16px;border-bottom:1px solid #e4e8e0;color:#747d6f;white-space:nowrap}.practice-rows{margin-top:22px}.practice-row{margin-bottom:5mm;break-inside:avoid}.cell-row{display:flex}.writing-cell{width:var(--cell);height:var(--cell);border:1px solid var(--grid);position:relative;display:grid;place-items:center;flex-shrink:0}.writing-cell+.writing-cell{border-left:0}.writing-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--inner) calc(50% - .5px),var(--inner) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),var(--inner) calc(50% - .5px),var(--inner) calc(50% + .5px),transparent calc(50% + .5px))}.writing-cell.rice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent calc(50% - .4px),var(--inner) 50%,transparent calc(50% + .4px)),linear-gradient(-45deg,transparent calc(50% - .4px),var(--inner) 50%,transparent calc(50% + .4px))}.writing-cell>span{font-family:KaiTi,楷体,STKaiti,Kaiti SC,serif;font-size:calc(var(--cell) * .8);line-height:1;z-index:1;position:relative}.writing-cell.traced>span{color:var(--trace)}.pinyin-row{height:7mm;position:relative;background:linear-gradient(transparent 30%,#e0e4dc 30%,#e0e4dc 32%,transparent 32%,transparent 65%,#e0e4dc 65%,#e0e4dc 67%,transparent 67%);border-bottom:1px solid #d6ddcf}.pinyin-row span{display:block;min-width:var(--cell);width:max-content;text-align:center;line-height:7mm;font-size:12px;position:relative;z-index:1}.sheet-footer{position:absolute;bottom:29px;left:56.7px;right:56.7px;border-top:1px solid #e6eae3;padding-top:12px;display:flex;justify-content:space-between;font-size:8px;color:#9ba293;letter-spacing:1px}.sheet-footer i{font-style:normal;margin:0 7px}.page-navigation{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 25px;position:relative;color:#7c8c7b;font-size:10px}.page-navigation button{background:#fff;width:25px;height:25px;border:1px solid #e0e6db;border-radius:5px}.scale-label{position:absolute;right:25px;font-size:9px;color:#99a394}.export-bar{display:flex;gap:10px;align-items:center;padding:20px 24px;background:#fff;border-top:1px solid var(--line)}.export-bar>div{margin-right:auto}.export-bar strong{display:block;font-size:11px;font-weight:500}.export-bar small{display:block;font-size:9px;color:#929c91;margin-top:7px}.primary,.secondary{border-radius:7px;padding:12px 18px;font-size:12px;white-space:nowrap;display:inline-block;text-align:center}.primary{background:var(--green);color:#fff;box-shadow:0 3px 8px #28644e1c}.primary:hover:not(:disabled){background:#1d503c}.secondary{background:#fff;border:1px solid #dce3d8;color:#63755f}.secondary:hover:not(:disabled){background:#f3f6ef}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:37px 18px 42px}.principles>div+div{border-left:1px solid #e0e6db;padding-left:35px}.principles span{font-size:9px;letter-spacing:1px;color:#96a18f}.principles h3{font-size:13px;font-weight:500;margin:11px 0}.principles p{font-size:11px;line-height:1.9;color:#8c9687;margin:0}.site-footer{max-width:1280px;margin:auto;border-top:1px solid #e2e7dd;padding:23px 12px 30px;display:flex;align-items:center;gap:25px;color:#9aa393;font-size:10px}.site-footer b{color:#5e735a;margin-right:8px}.site-footer>button{margin-left:auto;font-size:10px;color:#7e8e76}.site-footer .beian:hover{color:#5e735a;text-decoration:underline}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#263f32;color:#fff;box-shadow:0 5px 25px #16271f26;padding:14px 18px;border-radius:10px;z-index:60;display:flex;align-items:center;gap:20px;max-width:90vw;font-size:12px}.toast button{color:#c7d2c7;font-size:18px}.empty-state{text-align:center;padding:100px 15px;color:#8a9784}.empty-state>span{font-size:65px;font-family:serif;color:#bcc9b4}.empty-state h3{font-size:16px}.empty-state p{font-size:12px;margin-bottom:25px}.export-pages{position:absolute;left:-20000px;top:0;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b302864;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fffdf9;border-radius:18px;padding:35px;width:580px;max-width:100%;max-height:85vh;overflow:auto;position:relative;box-shadow:0 20px 90px #152c3030}.modal h2{font-size:23px;margin:14px 0}.modal-close{position:absolute;right:16px;top:12px;font-size:26px;color:#7e8b7b}.draft-empty{padding:35px 0;color:#929c8b;text-align:center;font-size:12px}.draft-item{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #e5e9df}.draft-item>div{margin-right:auto;min-width:0;overflow-wrap:anywhere}.draft-item b{font-size:13px;font-weight:500}.draft-item small{display:block;font-size:10px;color:#8c9788;margin-top:6px}.delete-button{font-size:11px;color:#a38172}.backup-actions{margin-top:25px;display:flex;gap:10px;flex-wrap:wrap}.file-label{margin:0;cursor:pointer;font-weight:400}.file-label input{display:none}.guide-list{padding-left:22px;margin-top:25px}.guide-list li{padding-left:8px;margin:20px 0;color:#57704e}.guide-list b{font-size:13px;font-weight:600}.guide-list p{font-size:12px;color:#84907d;line-height:1.9}.help-note{padding:15px;border-radius:8px;background:#f0f3e9;font-size:11px;line-height:1.9;color:#738269}@media(max-width:1100px){.header-inner{padding:0 25px;gap:30px}.header-note{display:none}main{padding:0 24px}.workbench{grid-template-columns:325px minmax(0,1fr)}.settings-panel{padding:20px}.export-bar{flex-wrap:wrap;padding:16px}.export-bar>div{width:100%;margin-bottom:4px}.intro-art{margin-right:5px;transform:scale(.85)}h1{font-size:29px}.intro p{font-size:12px}.principles{gap:20px}.principles>div+div{padding-left:20px}.site-footer{margin:0 25px}}@media(max-width:760px){.header-inner{height:74px;padding:0 18px;gap:15px}.brand-mark{width:36px;height:39px;font-size:26px}.brand{gap:8px}.brand strong{font-size:17px}.brand em{font-size:11px}.brand-divider{margin:0 7px}.brand small{font-size:8px}.header-inner nav{margin-left:auto;gap:13px;font-size:11px}.header-inner nav>a,.header-inner nav>button:last-child{display:none}main{padding:0 14px}.intro{padding:30px 5px 28px}.intro-art{display:none}h1{font-size:28px;line-height:1.6;margin-top:12px}.intro p{font-size:12px;max-width:360px}.intro-tags{gap:14px;font-size:10px;margin-top:17px}.workbench{grid-template-columns:1fr}.settings-panel{border-right:0;border-bottom:1px solid var(--line);padding:21px}.mode-options small{font-size:10px}.mode-options button{padding:12px 4px}.mode-options b{font-size:26px}.mode-options span{font-size:12px}.input-caption{font-size:11px}.save-row>span{font-size:10px}.preview-toolbar{padding:20px 18px 12px}.preview-meta{padding:0 18px 14px}.paper-viewport{min-height:300px}.principles{grid-template-columns:1fr;padding:29px 8px;gap:23px}.principles>div+div{padding:0;border:0}.principles h3{margin:7px 0}.site-footer{margin:0 20px;flex-wrap:wrap;gap:12px;padding:22px 0}.site-footer>span:nth-child(2){width:100%;order:3;font-size:9px}.site-footer>button{padding:0}.modal{padding:30px 22px}.modal h2{font-size:20px}.export-bar .primary,.export-bar .secondary{flex:1}.export-bar small{font-size:10px}.export-bar strong{font-size:12px}.mobile-break{display:block}}@media print{@page{size:A4 portrait;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important}#app>*:not(.export-pages){display:none!important}.export-pages{position:static!important;left:auto!important;pointer-events:auto!important;display:block!important}.export-pages .paper{width:210mm!important;height:297mm!important;margin:0!important;box-shadow:none!important;transform:none!important;break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}.export-pages .paper:last-child{break-after:auto;page-break-after:auto}}.writing-cell:before,.writing-cell.rice:after{display:none!important;background:none!important}.grid-line{position:absolute;display:block;pointer-events:none;z-index:0;font-style:normal}.grid-line.horizontal{left:0;right:0;top:50%;border-top:1px dashed var(--inner)}.grid-line.vertical{top:0;bottom:0;left:50%;border-left:1px dashed var(--inner)}.grid-line.diagonal-left,.grid-line.diagonal-right{width:141.421%;left:-20.7105%;top:50%;border-top:1px dashed var(--inner);transform-origin:center}.grid-line.diagonal-left{transform:rotate(45deg)}.grid-line.diagonal-right{transform:rotate(-45deg)}.writing-cell{overflow:hidden}.pinyin-row{background:none;border-top:1px solid #d6ddcf}.pinyin-row:before,.pinyin-row:after{content:"";position:absolute;left:0;right:0;border-top:1px solid #e0e4dc;top:33.333%}.pinyin-row:after{top:66.666%}.writing-cell>span,.mini-paper>div>span{font-family:KaiTi,楷体,STKaiti,Kaiti SC,serif}.mode-options{grid-template-columns:repeat(3,1fr)}.mode-options button:nth-child(4),.mode-options button:nth-child(5){padding-top:9px;padding-bottom:9px}.content-kind{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.content-kind .field-label{margin:0}.mode-note,.correction-picker{margin-top:20px;padding:13px;background:#f1f5ed;border-radius:8px;font-size:11px;line-height:1.8}.mode-note p{margin:6px 0;color:#7e8c75}.check-label{display:flex;align-items:center;font-size:10px;font-weight:400;margin:10px 0 0;gap:6px}.check-label input{width:auto}.correction-chips{display:flex;gap:7px;flex-wrap:wrap}.correction-chips button{background:#fff;border:1px solid #dce4d5;padding:5px 9px;border-radius:6px;font-size:12px}.correction-chips .active{background:#28644e;color:#fff;border-color:#28644e}.correction-picker small{display:block;color:#7e8c75;margin-top:9px}.cell-row{position:relative}.question-number{position:absolute;left:-19px;top:40%;font-size:10px;color:#818d78}.sheet-heading h3{font-size:21px;letter-spacing:1px}.output-kind{display:flex;gap:4px;padding:4px;border-radius:9px;background:#edf2e8;margin-bottom:20px}.output-kind button{flex:1;border-radius:6px;font-size:12px;padding:10px 5px;color:#7e8d74}.output-kind button.active{background:#fff;color:#28644e;font-weight:600;box-shadow:0 1px 6px #263d3212}.pack-settings{background:#f1f5ed;border:1px solid #dfe8d7;border-radius:9px;padding:13px;font-size:11px;margin-bottom:20px}.pack-settings p{color:#829077;line-height:1.8;font-size:10px;margin:7px 0}.pack-settings label{display:flex;gap:8px;align-items:center;font-weight:400;margin:11px 0;font-size:11px}.pack-settings input{width:auto;accent-color:#28644e}.section-label{background:#e3eadd;border-radius:4px;padding:4px 7px;font-size:9px}.empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0}.empty-state>.secondary{font-size:11px}.lesson-library{background:#fff;border:1px solid #e1e6db;border-radius:16px;padding:30px;min-height:500px;box-shadow:0 12px 42px #263d3210}.library-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.library-heading h2{font-weight:500;font-size:25px;margin:10px 0}.library-heading h2 small{font-size:11px;color:#94a088;margin-left:10px}.library-heading p,.library-footer p{font-size:12px;color:#89957f;line-height:1.8}.library-actions{display:flex;gap:12px;margin:25px 0}.library-actions input{max-width:450px;margin-right:auto}.library-empty{text-align:center;padding:50px 10px}.library-empty>span{font-family:KaiTi,serif;color:#9aaf8a;font-size:55px}.library-empty h3{font-weight:500}.library-empty p{color:#909c86;font-size:12px;margin-bottom:25px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-card{border:1px solid #e1e8da;border-radius:12px;padding:22px;min-width:0}.lesson-tags{font-size:10px;color:#88997d}.lesson-tags span{margin:0 8px;color:#c1cbb9}.lesson-card h3{font-weight:500;font-size:18px;margin:13px 0;overflow-wrap:anywhere}.lesson-card p{font-size:13px;line-height:1.9;white-space:pre-wrap;max-height:80px;overflow:auto;color:#5f7453;overflow-wrap:anywhere}.lesson-card small{font-size:10px;color:#9aa68f}.lesson-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.lesson-card-actions .primary,.lesson-card-actions .secondary{font-size:11px;padding:9px 12px}.lesson-card-actions .delete-button{margin-left:auto}.library-footer{border-top:1px solid #e4eade;margin-top:28px;padding-top:18px;display:flex;align-items:center;gap:20px;justify-content:space-between}.library-footer>div{display:flex;gap:10px;flex-wrap:wrap}.lesson-form{border:1px solid #d6e1cd;background:#f7f9f2;border-radius:12px;padding:24px;margin-bottom:25px}.lesson-form h3{margin-top:0;font-weight:500}.lesson-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:20px}.lesson-form>textarea{margin-bottom:17px}.lesson-form-actions{display:flex;gap:10px}.undo-note{padding:12px 15px;border-radius:8px;background:#eef4e7;margin-bottom:15px;color:#70845f;font-size:12px}.undo-note button{margin-left:15px}@media(max-width:760px){.header-inner{flex-wrap:wrap;height:auto;min-height:96px;gap:10px;padding-top:12px}.header-inner nav{height:38px;order:2;width:100%;justify-content:space-between;margin:0;gap:10px}.header-inner nav>a{display:flex}.header-inner nav>button:last-child{display:flex}.lesson-library{padding:20px}.library-heading{align-items:flex-start}.library-heading>button{font-size:10px;padding:8px}.library-heading h2{font-size:22px}.library-actions{flex-wrap:wrap;gap:9px}.library-actions input{max-width:none;flex-basis:100%}.library-actions>button{flex:1;padding:11px 8px;font-size:11px}.lesson-grid{grid-template-columns:1fr}.lesson-card{padding:18px}.lesson-form{padding:16px}.lesson-fields{gap:12px}.library-footer{display:block}.library-footer>div{margin-top:15px}.page-navigation{gap:9px}.scale-label{display:none}.library-heading p,.empty-actions button{font-size:11px}}.required-dot{color:#a65d47;font-size:15px;margin-left:4px}.lesson-form input[aria-invalid=true],.lesson-form textarea[aria-invalid=true],.reading-conflict select[aria-invalid=true]{border-color:#b66a55;background:#fffaf7;box-shadow:0 0 0 3px #b66a5510}.field-error{display:flex;align-items:flex-start;gap:7px;color:#a1503d;font-size:12px;line-height:1.7;margin:8px 0 0}.field-error:before{content:"!";flex:none;border:1px solid currentColor;border-radius:50%;font-size:9px;width:14px;height:14px;line-height:14px;text-align:center;margin-top:2px}.field-hint{color:#7a8975;font-size:12px;line-height:1.7;margin:8px 0 18px}.lesson-form>textarea{margin-bottom:0}.lesson-form>.field-error{margin-bottom:18px}.lesson-fields{align-items:start}.level-presets{border:0;padding:0;margin:0 0 20px}.level-presets legend{font-size:12px;margin-bottom:10px}.level-presets>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.level-presets button{border:1px solid #dde5d7;border-radius:8px;padding:10px 3px;font-size:11px;background:#fafbf7}.level-presets button:hover{border-color:#28644e;background:#edf3e8}.level-presets small{display:block;font-size:9px;color:#819176;margin-top:6px}.review-builder{border:1px solid #dae4d2;background:#f7f9f2;border-radius:12px;padding:24px;margin:20px 0}.review-builder h3{margin:0}.review-lessons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.review-lessons label{padding:10px 12px;background:#fff;border:1px solid #dce4d5;border-radius:8px}.review-builder input[type=checkbox]{width:auto;accent-color:#28644e;margin-right:8px}.review-results{margin:20px 0;max-height:460px;overflow:auto;padding-right:8px}.review-item{padding:14px 0;border-bottom:1px solid #e0e6da}.review-item>label{display:inline-flex;align-items:center;margin:0 12px 4px 0}.review-item small{font-size:11px;color:#7d8d72}.reading-conflict{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:11px}.reading-conflict select{width:auto;max-width:100%}.classroom-panel{background:#fff;border:1px solid #dde5d5;border-radius:16px;padding:30px}.classroom-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0}.classroom-controls label{display:flex;align-items:center;gap:10px;font-size:12px}.classroom-controls select{width:100px}.classroom-controls>span{font-size:12px;color:#71846a}.teacher-stage{text-align:center;border:1px solid #dde5d5;border-radius:14px;background:#f7f9f2;padding:25px 20px}.teacher-stage>strong{font-family:KaiTi,serif;font-size:64px;font-weight:400;overflow-wrap:anywhere}.teacher-stage p{font-size:13px;color:#728569}.teacher-only{display:inline-block;font-size:11px;padding:6px 12px;border-radius:20px;background:#e9eee2;color:#566d4a}.student-screen{min-height:100vh!important;max-width:none!important;margin:0!important;padding:30px!important;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;justify-content:center;background:#f7f9f2}.student-top{position:absolute;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:#6d8264}.student-screen h1{font-size:clamp(50px,12vw,150px);margin:25px 0;overflow-wrap:anywhere}.student-screen>p{color:#73846b;font-size:22px}.student-timer{font-size:34px;color:#28644e}.seo-content{border-top:1px solid #dfe6d8;padding:40px 0;margin-top:30px}.seo-content h2{font-size:24px;font-weight:500;margin:14px 0}.seo-content p{font-size:13px;line-height:1.95;color:#75856c}.tool-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 30px}.tool-links a{font-size:12px;border:1px solid #dce5d4;border-radius:7px;padding:10px 13px;background:#fff;color:#28644e}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 35px}.faq-grid h3{font-size:15px;font-weight:500}.header-inner nav{gap:22px}.intro h1{font-size:clamp(28px,3vw,39px);max-width:820px}.library-actions{flex-wrap:wrap}.library-actions input{min-width:220px;flex:1}@media(max-width:760px){.header-inner nav{gap:10px;overflow-x:auto;white-space:nowrap}.header-inner nav>a,.header-inner nav>button{font-size:11px;flex-shrink:0}.classroom-panel,.review-builder{padding:18px}.classroom-panel .library-heading{flex-direction:column}.faq-grid{grid-template-columns:1fr}.classroom-controls button{font-size:11px;padding:12px}.student-top{left:16px;right:16px;font-size:12px}.student-screen>p{font-size:17px}.reading-conflict{flex-direction:column;align-items:flex-start}.library-actions input{flex-basis:100%}}@media print{.seo-content,.classroom-panel,.student-screen{display:none!important}}.lesson-form input[aria-invalid=true]:focus,.lesson-form textarea[aria-invalid=true]:focus{outline:0;border-color:#b66a55;box-shadow:0 0 0 3px #b66a551a}