:root{--lesson-accent:#4f46e5;--lesson-ink:#132238;--lesson-muted:#63708a;--lesson-line:#dce4f0;--lesson-soft:#f5f7fb}
.lesson-planner-page{background:#f4f7fb;color:var(--lesson-ink)}.lesson-planner-page .suite-layout{display:block}.lesson-planner-page .suite-sidebar{display:none}.lesson-wrap{max-width:1240px}.lesson-hero{position:relative;overflow:hidden;padding:40px 30px;background:linear-gradient(120deg,#fff 15%,#f1f3ff 65%,#e9fbff);border-bottom:1px solid #dce4f0}.lesson-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:7%;top:-180px;background:rgba(79,70,229,.08)}.lesson-hero-copy{display:flex;align-items:center;gap:18px;margin-top:16px}.lesson-hero-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(79,70,229,.25)}.lesson-hero h1{margin:0 0 7px;font-size:2.1rem}.lesson-hero p{margin:0;color:#61708a;font-size:1.04rem}
.planner-toolbar{position:sticky;top:10px;z-index:20;display:flex;align-items:center;gap:16px;margin:28px 20px 20px;padding:14px 16px;background:rgba(255,255,255,.95);border:1px solid #d9e2ef;border-radius:17px;box-shadow:0 12px 34px rgba(23,37,61,.08);backdrop-filter:blur(12px)}.planner-strength{display:flex;align-items:center;gap:10px;min-width:185px}.planner-strength>div:last-child{display:grid;gap:2px}.planner-strength b{font-size:.84rem}.planner-strength span{font-size:.72rem;color:#72809a}.strength-ring{--progress:0deg;display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:conic-gradient(#16b981 var(--progress),#e5ebf4 0);position:relative}.strength-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.strength-ring strong{z-index:1;font-size:.7rem}.toolbar-field{display:grid;gap:4px}.toolbar-field label,.time-balance>span{font-size:.68rem;font-weight:700;color:#72809a}.toolbar-field select{min-width:115px;padding:9px 31px 9px 10px;border:1px solid #d7e0ed;border-radius:9px;background:#f8fafc}.toolbar-field input[type=color]{width:70px;height:38px;padding:4px;border:1px solid #d7e0ed;border-radius:9px;background:#fff}.time-balance{display:grid;grid-template-columns:1fr auto;gap:3px 12px;min-width:175px}.time-balance strong{font-size:.75rem}.time-balance i{grid-column:1/-1;height:5px;border-radius:9px;background:linear-gradient(90deg,#16b981 var(--time-progress,0%),#e5ebf4 0)}.toolbar-actions{display:flex;gap:8px;margin-left:auto}.lesson-btn{padding:10px 13px;border:1px solid #d8e1ee;border-radius:9px;background:#fff;color:#34445d;font-weight:800;cursor:pointer}.lesson-btn:hover{transform:translateY(-1px)}.lesson-btn.primary{border-color:transparent;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 8px 18px rgba(79,70,229,.22)}
.planner-studio{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(610px,1.18fr);gap:20px;margin:0 20px 45px;align-items:start}.planner-editor,.planner-preview-panel{min-width:0;border:1px solid #d8e1ed;border-radius:17px;background:#fff;box-shadow:0 12px 36px rgba(23,37,61,.07)}.planner-editor{padding:18px}.editor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 4px 17px}.editor-heading span{font-size:.67rem;letter-spacing:.14em;color:#635bff;font-weight:900}.editor-heading h2{margin:7px 0 5px;font-size:1.25rem}.editor-heading p{margin:0;color:#71809a;font-size:.8rem}.editor-heading em{flex-shrink:0;padding:8px 12px;border-radius:30px;background:#ecfdf5;color:#087f5b;border:1px solid #a7f3d0;font-size:.7rem;font-style:normal}
.planner-section{margin-bottom:11px;border:1px solid #dbe4f0;border-radius:13px;overflow:hidden}.planner-section summary{display:flex;align-items:center;gap:11px;padding:15px;cursor:pointer;list-style:none}.planner-section summary::-webkit-details-marker{display:none}.planner-section summary:after{content:"⌄";margin-left:auto;color:#91a0b6;font-weight:800}.planner-section[open] summary:after{transform:rotate(180deg)}.planner-section summary>div{display:grid;gap:2px}.planner-section summary b{font-size:.85rem}.planner-section summary small{font-size:.69rem;color:#8491a7}.section-number{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef0ff;color:#5148ef;font-size:.72rem;font-weight:900}.section-body{display:grid;gap:13px;padding:16px;border-top:1px solid #e6ebf3}.form-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .wide{grid-column:1/-1}.section-body label{display:grid;gap:6px;color:#42526b;font-size:.74rem;font-weight:800}.section-body label small{font-weight:500;color:#8995a8}.section-body input,.section-body textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d6e0ed;border-radius:9px;background:#f9fbfd;color:#17243a;font:inherit;font-weight:500;resize:vertical;outline:none}.section-body input:focus,.section-body textarea:focus{border-color:#766ef2;box-shadow:0 0 0 3px rgba(79,70,229,.09);background:#fff}
.phase-list{display:grid;gap:10px}.phase-card{position:relative;padding:13px;border:1px solid #dbe3ee;border-radius:11px;background:#f9fbfd}.phase-card-head{display:grid;grid-template-columns:35px 1.1fr 74px 28px;gap:8px;align-items:center;margin-bottom:9px}.phase-handle{display:grid;place-items:center;color:#98a4b5;cursor:grab}.phase-card input,.phase-card textarea{background:#fff}.phase-card textarea{min-height:70px}.phase-remove{border:0;background:#fee2e2;color:#b42318;width:28px;height:28px;border-radius:8px;cursor:pointer}.phase-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.add-phase{width:100%;padding:11px;border:1px dashed #aeb9ca;border-radius:10px;background:#fff;color:#4f46e5;font-weight:800;cursor:pointer}.reset-plan{margin:8px 3px 0;border:0;background:transparent;color:#b42318;font-size:.75rem;cursor:pointer}
.planner-preview-panel{position:sticky;top:104px;overflow:hidden}.preview-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #dce4ef;font-size:.75rem;font-weight:800}.preview-bar>span{display:flex;align-items:center;gap:7px}.preview-bar i{width:7px;height:7px;border-radius:50%;background:#10b981}.preview-bar div{display:flex;align-items:center;gap:8px}.preview-bar button{width:28px;height:28px;border:1px solid #d8e1ed;border-radius:7px;background:#fff;cursor:pointer}.lesson-paper-stage{padding:24px;overflow:auto;background:#cbd6e5;min-height:780px}.lesson-paper{--paper-scale:.76;--plan-accent:var(--lesson-accent);width:794px;min-height:1123px;box-sizing:border-box;padding:52px 56px 38px;background:#fff;color:#23324a;box-shadow:0 10px 25px rgba(28,43,66,.2);transform:scale(var(--paper-scale));transform-origin:top left;margin-bottom:calc((1123px * var(--paper-scale)) - 1123px);font-family:Inter,Arial,sans-serif;font-size:11px;line-height:1.45}.plan-header{padding-bottom:20px;border-bottom:4px solid var(--plan-accent)}.plan-eyebrow{color:var(--plan-accent);font-size:10px;letter-spacing:.19em;font-weight:900}.plan-header h2{margin:7px 0 4px;font-size:28px;line-height:1.15;color:#14223a}.plan-header p{margin:0;color:#68768b;font-size:12px}.plan-meta{display:grid;grid-template-columns:repeat(6,1fr);margin:16px 0 25px;border:1px solid #dce3ec;border-radius:8px;overflow:hidden}.meta-item{padding:9px 10px;border-right:1px solid #dce3ec}.meta-item:last-child{border:0}.meta-item b{display:block;margin-bottom:3px;color:#8290a4;font-size:7px;letter-spacing:.09em;text-transform:uppercase}.meta-item span{font-weight:800;font-size:9px}.lesson-paper section{margin-top:24px}.plan-section-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.plan-section-title span{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:var(--plan-accent);color:#fff;font-size:8px;font-weight:900}.plan-section-title h3{margin:0;color:#17243a;font-size:14px}.lesson-paper h4{margin:0 0 5px;color:var(--plan-accent);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.lesson-paper p{margin:0;white-space:pre-line}.lesson-paper ul{margin:3px 0 0;padding-left:16px}.lesson-paper li{margin:3px 0}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vocabulary{display:flex;align-items:center;gap:12px;margin-top:11px;padding:8px 10px;border-radius:6px;background:#f3f5fa}.vocabulary>b{color:var(--plan-accent);white-space:nowrap}.vocabulary div{display:flex;flex-wrap:wrap;gap:5px}.vocabulary span{padding:2px 6px;border:1px solid #d7deea;border-radius:20px;background:#fff;font-size:8px}.plan-phases{border:1px solid #dce3ec;border-radius:8px;overflow:hidden}.plan-phase{display:grid;grid-template-columns:78px 1fr 115px;border-bottom:1px solid #e2e7ef}.plan-phase:last-child{border:0}.phase-time{display:grid;place-content:center;padding:11px;text-align:center;background:color-mix(in srgb,var(--plan-accent) 8%,#fff);color:var(--plan-accent);font-weight:900}.phase-time b{font-size:15px}.phase-main,.phase-check{padding:11px 13px}.phase-main h4{margin-bottom:4px;color:#1d2a40;font-size:10px;letter-spacing:0;text-transform:none}.phase-check{border-left:1px solid #e2e7ef;color:#5d6a7f;font-size:9px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.support-grid>div{padding:10px;border-left:3px solid var(--plan-accent);background:#f7f8fb}.support-grid>div:last-child{grid-column:1/-1}.reflection{margin-top:12px;padding:10px;border:1px dashed #aeb9c8;border-radius:7px;min-height:42px}.plan-footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:9px;border-top:1px solid #dce3ec;color:#8b97a8;font-size:8px}
.lesson-paper.style-modern .plan-header{padding:24px;background:linear-gradient(135deg,var(--plan-accent),color-mix(in srgb,var(--plan-accent) 65%,#111827));border:0;border-radius:10px;color:#fff}.lesson-paper.style-modern .plan-eyebrow,.lesson-paper.style-modern .plan-header h2,.lesson-paper.style-modern .plan-header p{color:#fff}.lesson-paper.style-compact{padding:38px 46px;font-size:10px}.lesson-paper.style-compact section{margin-top:16px}.lesson-paper.style-compact .plan-meta{margin:12px 0 17px}.lesson-paper.style-compact .phase-main,.lesson-paper.style-compact .phase-check{padding:8px 10px}
@media(max-width:1100px){.planner-toolbar{position:relative;top:0;flex-wrap:wrap}.toolbar-actions{margin-left:0}.planner-studio{grid-template-columns:minmax(0,1fr)}.planner-preview-panel{position:relative;top:0}.lesson-paper-stage{min-height:600px}}
@media(max-width:680px){.lesson-hero{padding:28px 18px}.lesson-hero h1{font-size:1.55rem}.planner-toolbar,.planner-studio{margin-left:0;margin-right:0}.planner-strength{width:100%}.toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.lesson-btn{padding:9px 5px}.form-grid,.two-col{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.phase-card-head{grid-template-columns:30px 1fr 65px 28px}.phase-footer{grid-template-columns:1fr}.lesson-paper-stage{padding:12px}.lesson-paper{--paper-scale:.42}}
@page{size:A4;margin:0}@media print{body *{visibility:hidden!important}.lesson-paper,.lesson-paper *{visibility:visible!important}.lesson-paper{position:absolute!important;left:0!important;top:0!important;width:210mm!important;min-height:297mm!important;transform:none!important;margin:0!important;box-shadow:none!important}.lesson-paper-stage{padding:0!important;background:#fff!important}.plan-footer{position:absolute;bottom:12mm;left:15mm;right:15mm}}