:root{
  --bg:#f7fbff;--panel:#ffffff;--panel2:#f1f7ff;--ink:#152033;--muted:#69768a;--line:#d8e5f3;
  --accent:#5968ff;--accent2:#00a9d9;--good:#0aaf76;--danger:#df4768;--warn:#ec9f2d;
  --shadow:0 22px 70px rgba(42,74,110,.13);--soft:0 10px 30px rgba(42,74,110,.09);
  --r:26px;--r2:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 8% 0,#e4f7ff,transparent 32%),radial-gradient(circle at 90% 12%,#f1eeff,transparent 34%),linear-gradient(180deg,#fbfdff,#edf6ff 58%,#f9fcff);color:var(--ink)}
button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.hidden{display:none!important}.app{width:min(1760px,100%);margin:auto;padding:22px}.adminAppShell{width:min(1860px,100%)}
.topbar{position:sticky;top:12px;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding:14px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.86);background:rgba(255,255,255,.78);box-shadow:var(--soft);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:1000}.brand small{display:block;color:var(--muted);font-weight:750;font-size:12px;margin-top:2px}.logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 28px rgba(89,104,255,.22);font-weight:1000}.nav,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:16px}.stack{display:flex;flex-direction:column;gap:14px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}
.btn,.ghost,.danger,.good,.warn{border:0;border-radius:15px;padding:12px 17px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s transform,.18s box-shadow,.18s filter,.18s background;white-space:nowrap}.btn{color:white;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 14px 32px rgba(89,104,255,.18)}.ghost{color:#26364e;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(42,74,110,.07)}.danger{color:white;background:linear-gradient(135deg,#df4768,#ff7b94)}.good{color:white;background:linear-gradient(135deg,#0aaf76,#23d09b)}.warn{color:#654106;background:#fff4d9;border:1px solid #f4d392}.tiny{padding:8px 11px;border-radius:12px;font-size:12px}.btn:hover,.ghost:hover,.danger:hover,.good:hover,.warn:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:0 14px 36px rgba(42,74,110,.14)}.btn:disabled,.ghost:disabled{opacity:.55;cursor:not-allowed;transform:none}.ghost.active,.lessonChip.active,.pageTile.active,.sectionBtn.active,.inspectorTab.active,.tabBtn.active{background:linear-gradient(135deg,#f0f3ff,#e7f8ff);border-color:#95b4ff;color:#243a8a}
.card{background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow);border-radius:var(--r);padding:24px}.card.flat{box-shadow:var(--soft)}.muted{color:var(--muted);line-height:1.55}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;background:#eef6ff;color:#314463;border:1px solid var(--line);font-weight:900;font-size:12px}.pageTitle{margin:8px 0 4px;letter-spacing:-.055em;font-size:clamp(28px,4vw,52px);line-height:1}.sideTitle{letter-spacing:-.04em;margin:0 0 6px}.empty{border:1px dashed #b6cadf;border-radius:22px;padding:24px;text-align:center;color:var(--muted);background:#f8fbff}hr{border:0;border-top:1px solid var(--line);margin:18px 0}label{display:block;margin:0 0 7px;color:#4e5c70;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:1000}.help{font-size:12px;color:var(--muted);line-height:1.45;margin-top:7px}input,textarea,select,.field{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:15px;padding:12px 13px;outline:none;transition:.18s border-color,.18s box-shadow}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus,.richArea:focus{border-color:#93aaff;box-shadow:0 0 0 4px rgba(89,104,255,.11)}
.authShell{min-height:calc(100vh - 130px);display:grid;grid-template-columns:minmax(310px,460px) 1fr;gap:24px;align-items:start}.cleanAuth{grid-template-columns:minmax(300px,430px) 1fr}.authPanel{position:sticky;top:106px}.authTabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.authForm{margin-top:0}.loginContent{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.loginBlock{overflow:hidden}.loginBlock h3{margin:0 0 10px}.loginBlock img,.loginBlock video{width:100%;border-radius:18px;border:1px solid var(--line);display:block}
.bookGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px;margin-top:18px}.bookCard{position:relative;overflow:hidden;min-height:295px;cursor:pointer;isolation:isolate;background:rgba(255,255,255,.84)}.bookCard:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 20% 12%,rgba(0,169,217,.18),transparent 25%),radial-gradient(circle at 80% 75%,rgba(89,104,255,.15),transparent 30%);z-index:-1;transition:.45s transform}.bookCard:hover:before{transform:rotate(8deg) scale(1.06)}.cover{height:180px;border-radius:22px;border:1px solid #d3e0ef;background:linear-gradient(135deg,#eef1ff,#e8f9ff);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 28px rgba(255,255,255,.7)}.cover img{width:100%;height:100%;object-fit:cover}.coverText{font-size:42px;font-weight:1000;letter-spacing:-.08em;color:#6573aa}
.readerWrap{display:grid;grid-template-columns:292px 1fr;gap:20px}.readerSide{position:sticky;top:106px;height:calc(100vh - 130px);overflow:auto}.lessonStrip{display:flex;gap:10px;overflow:auto;padding:4px 0 10px}.lessonChip{flex:0 0 auto;border:1px solid var(--line);background:#fff;padding:11px 14px;border-radius:16px;cursor:pointer;font-weight:900}.pageStage{min-height:calc(100vh - 180px);display:grid;place-items:center;perspective:1600px}.readerTools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.range{width:150px}
.bookPage{width:min(100%,1060px);aspect-ratio:1.52/1;border:1px solid #5c6875;border-radius:8px;padding:8px;background:#fff;color:#111827;box-shadow:0 28px 90px rgba(48,74,111,.17),inset 0 0 0 1px #fff;position:relative;transform-origin:center center;transition:.55s transform,.35s opacity}.bookPage.flipNext{animation:flipNext .55s ease}.bookPage.flipPrev{animation:flipPrev .55s ease}@keyframes flipNext{0%{transform:rotateY(0)}45%{transform:rotateY(-12deg) translateX(-7px);filter:brightness(.96)}100%{transform:rotateY(0)}}@keyframes flipPrev{0%{transform:rotateY(0)}45%{transform:rotateY(12deg) translateX(7px);filter:brightness(.98)}100%{transform:rotateY(0)}}.pageHead{display:none}.blockGrid{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}.pageBlock{position:relative;overflow:hidden;border:2px solid #2f3945;border-radius:0;background:#fff;color:#111;cursor:pointer;transition:.16s transform,.16s box-shadow}.pageBlock:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(17,24,39,.16);z-index:2}.pageBlock.active{outline:4px solid rgba(89,104,255,.35);outline-offset:-4px}.cellImage{height:66%;display:grid;place-items:center;background:linear-gradient(135deg,#f5fbff,#fff7dd);overflow:hidden}.cellImage img{width:100%;height:100%;object-fit:cover}.cellImage .cellPlaceholder{font-weight:1000;font-size:13px;color:#8390a2;text-align:center;padding:10px}.cellText{height:34%;border-top:2px solid #2f3945;background:#fff;padding:5px 6px;overflow:hidden;font-size:clamp(10px,1vw,16px);line-height:1.15}.cellText h3{margin:0 0 2px;font-size:1em;line-height:1.08;display:inline;font-weight:900}.cellText .textBody{display:inline}.cellText p{margin:0}.pdfBadge{display:inline-flex;padding:2px 6px;border-radius:5px;background:#eef4ff;border:1px solid #cddcff;font-size:.75em;font-weight:900;margin-left:4px}.videoBadge{display:inline-flex;padding:2px 6px;border-radius:5px;background:#fff5df;border:1px solid #f5d38a;font-size:.75em;font-weight:900;margin-left:4px}.coverPage{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#eef8ff);padding:20px}.coverBig{height:100%;min-height:420px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#eef1ff,#e8f9ff);display:grid;place-items:center}.coverBig img{width:100%;height:100%;object-fit:cover}
.schoolLayer{position:absolute;inset:8px;pointer-events:none}.hotspot{pointer-events:auto;position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%,-50%);width:18px;height:18px;border-radius:999px;background:rgba(42,91,255,.78);box-shadow:0 0 0 5px rgba(42,91,255,.08),0 8px 20px rgba(20,40,80,.18);border:2px solid rgba(255,255,255,.95);cursor:pointer;opacity:.28;transition:.18s opacity,.18s transform,.18s box-shadow}.hotspot:after{content:"";position:absolute;inset:5px;border-radius:50%;background:white}.bookPage:hover .hotspot,.hotspot:hover,.hotspot:focus,.hotspot.selected{opacity:1;transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 8px rgba(42,91,255,.14),0 12px 28px rgba(20,40,80,.24)}.hotspot.adminDot{cursor:grab}.hotspot.adminDot:active{cursor:grabbing}.hotspotLabel{position:absolute;left:50%;top:-28px;transform:translateX(-50%);background:#152033;color:white;border-radius:999px;padding:5px 8px;white-space:nowrap;font-size:11px;font-weight:900;opacity:0;pointer-events:none}.hotspot:hover .hotspotLabel,.hotspot.selected .hotspotLabel{opacity:1}
.modal{position:fixed;inset:0;background:rgba(18,29,48,.38);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:100;padding:18px}.modalBox{width:min(920px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.97);border-radius:30px;box-shadow:0 45px 140px rgba(36,72,113,.28);padding:22px}.modalHeading{margin:0;letter-spacing:-.04em}.modalBody{line-height:1.65}.modalBody img,.modalBody video{max-width:100%;border-radius:18px;border:1px solid var(--line)}.quizSet{display:grid;gap:12px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#f8fbff}.quizOption{display:block;width:100%;text-align:left;margin:8px 0;padding:12px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.quizOption.correct{background:#e8fff4;border-color:#62d59d}.quizOption.wrong{background:#fff0f3;border-color:#f08aa0}.videoShell{border-radius:22px;overflow:hidden;background:#050816;border:1px solid #d7e4f2;box-shadow:0 20px 60px rgba(36,72,113,.16)}.videoShell iframe,.videoShell video{display:block;width:100%;aspect-ratio:16/9;background:#000}.pdfShell{display:grid;gap:12px}.pdfShell iframe{width:100%;height:min(72vh,720px);border:1px solid var(--line);border-radius:18px;background:white}.toast{position:fixed;right:18px;bottom:18px;z-index:130;padding:14px 16px;border-radius:18px;background:#152033;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);transform:translateY(20px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}
.adminLayout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:20px}.adminSide{position:sticky;top:106px;height:calc(100vh - 130px);overflow:auto}.tabBtn{width:100%;justify-content:flex-start;margin-bottom:8px}.adminHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:18px}.bookShelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:18px}.shelfItem{cursor:pointer;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--soft);transition:.18s}.shelfItem.active{border-color:#93aaff;box-shadow:0 0 0 4px rgba(89,104,255,.08),var(--soft)}.shelfItem h3{margin:8px 0 3px;font-size:16px}.studioShell{display:grid;gap:20px}.workbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.lessonSelect{display:flex;gap:10px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:minmax(680px,1.4fr) minmax(430px,.6fr);gap:22px;align-items:start}.previewCard{position:sticky;top:106px}.previewTabs,.inspectorTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.livePreview{background:linear-gradient(180deg,#f8fbff,#edf7ff);border:1px solid #d8e6f4;border-radius:28px;padding:18px;min-height:620px;display:grid;place-items:center;overflow:auto}.livePreview .bookPage{width:min(100%,1080px);box-shadow:var(--soft)}.pageManager{display:grid;gap:12px}.pageTiles{display:flex;gap:8px;overflow:auto;padding:4px 0 10px}.pageTile{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px;cursor:grab;font-weight:900}.pageTile:active{cursor:grabbing}.properties{display:grid;gap:16px}.inspectorCard{position:relative}.selectionPath{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.sectionList{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sectionBtn{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 10px;cursor:grab;font-weight:900;text-align:left;min-height:60px}.sectionBtn:active{cursor:grabbing}.sectionBtn small{display:block;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.sectionActions,.pageActions{display:flex;gap:8px;flex-wrap:wrap}.uploadLine{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.richToolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--line);border-bottom:0;background:#f6faff;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:3}.richToolbar button{width:auto;padding:8px 12px;border-radius:11px;background:#fff;border:1px solid var(--line);font-weight:1000;cursor:pointer}.richToolbar select{width:auto;min-width:140px;padding:8px 10px;border-radius:11px}.richToolbar input[type=color]{width:48px;height:40px;padding:4px;border-radius:11px}.richArea{min-height:180px;border:1px solid var(--line);border-radius:0 0 16px 16px;background:#fff;padding:14px;outline:none;line-height:1.55}.dotList{display:grid;gap:8px}.dotRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#fff;padding:10px}.dotRow.active{background:#edf3ff;border-color:#94adff}.dotMiniMeta{font-size:12px;color:var(--muted);margin-top:2px}.quizEditorList{display:grid;gap:12px}.quizEditorCard{border:1px solid var(--line);border-radius:18px;background:#f8fbff;padding:14px}.accessMatrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.checkRow{display:flex;gap:8px;align-items:center;padding:8px 0}.checkRow input{width:auto}.mediaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.mediaCard{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--soft)}.mediaPreview{height:132px;background:#eef6ff;display:grid;place-items:center;color:#5b6d84;font-weight:1000}.mediaPreview img,.mediaPreview video{width:100%;height:100%;object-fit:cover}.mediaBody{padding:12px;display:grid;gap:8px}.loginEditorGrid{display:grid;grid-template-columns:370px 1fr;gap:20px}.loginItemList{display:grid;gap:10px}.loginItem{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;cursor:pointer}.loginItem.active{background:#edf3ff;border-color:#94adff}.statGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.miniStat{padding:16px;border-radius:18px;background:#f3f9ff;border:1px solid #dbeaf7}.miniStat b{font-size:24px;display:block}.dangerZone{border-color:#ffd0da;background:#fff7f9}
@media(max-width:1320px){.workspace{grid-template-columns:1fr}.previewCard{position:static}.livePreview{min-height:auto}.adminSide{position:static;height:auto}.adminLayout{grid-template-columns:1fr}.loginEditorGrid{grid-template-columns:1fr}}
@media(max-width:880px){.grid.two,.grid.three,.readerWrap,.authShell{grid-template-columns:1fr}.readerSide,.authPanel{position:static;height:auto}.topbar{position:relative;top:0}.bookPage{aspect-ratio:1.52/1;min-height:auto}.blockGrid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.sectionList{grid-template-columns:1fr 1fr}.coverPage{grid-template-columns:1fr}.app{padding:14px}.spread{align-items:flex-start;flex-direction:column}.cellText{font-size:9px}.hotspot{opacity:.42}}
@media(max-width:520px){.bookPage{width:100%;padding:4px}.cellText{font-size:7.5px;padding:3px}.cellImage{height:64%}.cellText{height:36%}.sectionList{grid-template-columns:1fr}.authTabs{grid-template-columns:1fr}.pageTitle{font-size:30px}.card{padding:18px}}
@media print{body{background:#fff;color:#111}.topbar,.readerSide,.readerTools,.toast,.modal,.noPrint{display:none!important}.app{width:100%;padding:0}.readerWrap{display:block}.card{box-shadow:none;border:0;background:#fff}.pageStage{display:block;min-height:0}.bookPage{width:100%;page-break-after:always;box-shadow:none;border:1px solid #111;background:#fff;color:#111;aspect-ratio:1.52/1}.pageBlock{break-inside:avoid}}

/* v4 editor refinement */
.logo.hasImage{background:#fff;padding:4px;box-shadow:0 10px 24px rgba(42,74,110,.12)}
.logo img{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block}
body.sidebarHidden .adminLayout{grid-template-columns:1fr}
body.sidebarHidden .adminSide{display:none}
body.sidebarHidden .adminAppShell{width:100%;padding-left:12px;padding-right:12px}
body.sidebarHidden .workspace{grid-template-columns:minmax(760px,1.55fr) minmax(440px,.45fr)}
.bookSetupCard{padding:26px 28px}
.bookSetupGrid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:18px;align-items:start;margin-top:18px}
.bookSetupGrid textarea{min-height:118px}
.coverTools{display:grid;gap:12px}
.advancedWorkbar{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.3fr) auto;align-items:end;gap:18px;padding:22px 26px}
.lessonControlBlock{min-width:0}.lessonFields{display:grid;grid-template-columns:minmax(210px,1fr) minmax(330px,1fr);gap:14px;align-items:end}.lessonActions{justify-content:flex-end}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modeSwitch .ghost{width:100%;padding:13px 14px}.modeEditorTitle{margin:2px 0 18px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.dragDropHint{padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#eef6ff,#f6fbff);border:1px dashed #aac4e2;color:#53657d;font-weight:800;font-size:13px;line-height:1.45}.dragHandle{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;padding:4px 7px;border-radius:999px;background:#eef6ff;border:1px solid #d5e5f5;color:#516177;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sectionBtn,.pageTile,.loginItem{position:relative}.sectionBtn.dragging,.pageTile.dragging,.loginItem.dragging{opacity:.48;transform:scale(.98)}.sectionBtn.dragOver,.pageTile.dragOver,.loginItem.dragOver{border-color:#5968ff;background:#eef3ff;box-shadow:0 0 0 4px rgba(89,104,255,.12)}
.adminPreviewPage.dropGlow{outline:4px dashed rgba(89,104,255,.36);outline-offset:8px}.adminPreviewPage .hotspot{width:16px;height:16px;opacity:.22}.adminPreviewPage:hover .hotspot,.adminPreviewPage .hotspot:hover,.adminPreviewPage .hotspot.selected{opacity:.95}.adminPreviewPage .hotspot.selected{box-shadow:0 0 0 9px rgba(89,104,255,.18),0 12px 28px rgba(42,74,110,.22)}
.nextRichToolbar{display:grid;gap:10px;background:linear-gradient(180deg,#f9fcff,#eff7ff);padding:12px;border-radius:18px 18px 0 0}.toolbarGroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border-radius:14px;background:rgba(255,255,255,.82);border:1px solid #dbe8f5}.toolbarGroup span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:1000;color:#5b6a80}.nextRichToolbar button{padding:9px 12px;border-radius:12px}.nextRichToolbar select{min-width:130px}.colorGroup input[type=color]{width:44px;height:38px}.richArea{min-height:240px;font-size:16px;line-height:1.6}.dotOnlyForm{background:linear-gradient(180deg,#fff,#f8fbff)}
.adminSide{padding:22px}.tabBtn{padding:13px 15px;margin-bottom:10px}.previewCard{padding:26px}.inspectorCard{padding:26px}.livePreview{padding:24px;min-height:680px}.workspace{gap:26px}.properties{min-width:0}.uploadLine{gap:10px}.uploadLine input{min-width:0}.loginEditorGrid{grid-template-columns:minmax(330px,390px) minmax(0,1fr)}
@media(max-width:1480px){.advancedWorkbar{grid-template-columns:1fr}.lessonFields{grid-template-columns:1fr 1fr}.workspace,body.sidebarHidden .workspace{grid-template-columns:1fr}.previewCard{position:static}.bookSetupGrid{grid-template-columns:1fr 1fr}.coverTools{grid-column:1 / -1}}
@media(max-width:760px){.bookSetupGrid,.lessonFields,.modeSwitch{grid-template-columns:1fr}.advancedWorkbar{padding:18px}.topbar{border-radius:22px}.nav{width:100%;justify-content:flex-start}.livePreview{padding:10px;min-height:auto}.previewCard,.inspectorCard,.bookSetupCard{padding:18px}.authShell.cleanAuth{grid-template-columns:1fr}.publicTopbar .brand small{display:none}}


/* v5 speed dictionary section editing */
.insertPoint{width:34px;min-width:34px;height:34px;border-radius:999px;border:1px dashed #8eabca;background:#ffffff;color:#42627f;font-size:22px;font-weight:1000;line-height:1;display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(42,74,110,.08);transition:.16s transform,.16s background,.16s border-color}
.insertPoint:hover{transform:translateY(-2px) scale(1.04);background:#eef7ff;border-color:#5968ff;color:#263dff}
.pageTiles{align-items:center}.pageActions{align-items:center}.plusSectionList{grid-template-columns:34px repeat(3,minmax(0,1fr));align-items:center}.sectionPlus{align-self:center;justify-self:center}.sectionOnlyEditor .uploadLine{margin-top:4px}.sectionOnlyEditor .richArea{min-height:260px}.sectionOnlyEditor .richToolbar{position:relative}.cellText .textPlaceholder{color:#9aa6b5;font-weight:900}.cellText .textBody{display:block}.cellText h1,.cellText h2,.cellText h3,.cellText p{margin:0}.pageBlock .cellText{word-break:break-word}.pageBlock .cellText ul,.pageBlock .cellText ol{margin:0 0 0 16px;padding:0}.pageBlock .cellText font{line-height:1}
@media(max-width:760px){.plusSectionList{grid-template-columns:34px 1fr}.insertPoint{width:32px;min-width:32px;height:32px;font-size:20px}.pageTiles{gap:6px}}

/* v6 admin editing fixes */
body.sidebarHidden .adminLayout{grid-template-columns:minmax(0,1fr)}
body.sidebarHidden .workspace{grid-template-columns:minmax(0,1.25fr) minmax(360px,420px);gap:22px;align-items:start}
body.sidebarHidden .previewCard,body.sidebarHidden .properties,body.sidebarHidden .inspectorCard{min-width:0;max-width:100%}
body.sidebarHidden .livePreview{max-width:100%;overflow:auto}
.richToolbar,.sectionOnlyEditor .richToolbar{position:static!important;top:auto!important;z-index:auto!important;overflow:visible}
.inspectorCard,.properties,.workspace,.sectionOnlyEditor,.sectionEditFields{overflow:visible}
.nextRichToolbar{display:block;background:linear-gradient(180deg,#f9fcff,#eef7ff);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:12px}
.nextRichToolbar .toolbarGroup{margin-bottom:8px}
.nextRichToolbar .toolbarGroup:last-child{margin-bottom:0}
.nextRichToolbar select{position:relative;z-index:5;background:#fff;appearance:auto}
.sectionEditGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:16px;align-items:start}
.sectionFullPreview{position:sticky;top:116px;align-self:start;border:1px solid #d9e7f5;background:#f9fcff;border-radius:20px;padding:14px;box-shadow:var(--soft)}
.fullSectionCard{height:420px;border:2px solid #2f3945;background:#fff;border-radius:4px;display:grid;grid-template-rows:66% 34%;overflow:hidden;color:#111}
.fullSectionImage{display:grid;place-items:center;background:linear-gradient(135deg,#f5fbff,#fff7dd);overflow:hidden}
.fullSectionImage img{width:100%;height:100%;object-fit:cover;display:block}
.fullSectionImage span{color:#8390a2;font-weight:1000}
.fullSectionText{border-top:2px solid #2f3945;padding:10px 12px;font-size:18px;line-height:1.25;overflow:auto;background:#fff;word-break:break-word}
.fullSectionText span{color:#9aa6b5;font-weight:900}
.modalSectionView .fullSectionCard{height:min(78vh,760px);max-width:980px;margin:auto}.modalSectionView .fullSectionText{font-size:22px}
.adminPreviewPage .schoolLayer{z-index:5}.adminPreviewPage .hotspot{touch-action:none}.adminPreviewPage .hotspot.selected{opacity:1!important}
.modeSwitch .ghost.active{box-shadow:0 0 0 4px rgba(89,104,255,.12),var(--soft)}
@media(max-width:1720px){body.sidebarHidden .workspace{grid-template-columns:1fr}.sectionFullPreview{position:static}.previewCard{position:static}}
@media(max-width:1180px){.sectionEditGrid{grid-template-columns:1fr}.sectionFullPreview{position:static}.fullSectionCard{height:360px}}

/* v7 spacing, full-screen editor and clean insertion controls */
.adminAppShell{width:min(1800px,100%);padding:20px 26px 34px}
.adminAppShell .topbar{position:relative;top:0;margin-bottom:22px;min-height:76px;padding:12px 18px;display:flex;flex-wrap:wrap;align-items:center;overflow:visible}
.adminAppShell .topbar .brand{min-width:240px;flex:1 1 auto}.adminAppShell .topbar .nav{flex:0 1 auto;justify-content:flex-end}
.adminLayout{grid-template-columns:282px minmax(0,1fr);gap:24px;align-items:start}.adminSide{top:24px;height:calc(100vh - 48px);padding:20px}.tabBtn{margin-bottom:9px}.adminHeader{padding:2px 2px 0}.studioShell{max-width:1640px;margin:0 auto}.bookShelf{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.bookSetupCard,.advancedWorkbar,.previewCard,.inspectorCard{border:1px solid rgba(214,229,245,.92)}
.previewCard{top:24px}.workspace{grid-template-columns:minmax(0,1fr) minmax(390px,450px);gap:24px}.properties{min-width:0}.livePreview{min-height:560px;padding:22px;align-items:center;justify-items:center}.livePreview .bookPage{width:min(100%,980px);max-width:980px}.bookPage.adminPreviewPage{max-height:calc(100vh - 250px)}
body.sidebarHidden .adminAppShell{width:100%;padding-left:24px;padding-right:24px}body.sidebarHidden .adminLayout{grid-template-columns:minmax(0,1fr)}body.sidebarHidden .studioShell{max-width:1720px}body.sidebarHidden .workspace{grid-template-columns:minmax(0,1fr) minmax(390px,450px);gap:24px}body.sidebarHidden .livePreview .bookPage{width:min(100%,980px);max-width:980px}
.cleanPageTiles{display:flex;gap:10px;overflow:auto;padding:6px 0 12px}.pageActions{justify-content:flex-end}.pageManager .spread{align-items:center}.pageTile{min-width:136px;text-align:left}.cleanSectionList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sectionActions{align-items:center;justify-content:flex-start}.sectionBtn{min-height:72px;padding:14px 12px}.sectionBtn small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dragHandle{user-select:none}.sectionBtn:hover .dragHandle,.pageTile:hover .dragHandle{background:#dfeeff;border-color:#abc7ea;color:#253b59}.insertPoint,.sectionPlus{display:none!important}
.sectionEditGrid{grid-template-columns:minmax(0,1fr);gap:18px}.sectionFullPreview{position:relative;top:auto;max-width:520px}.sectionEditFields{min-width:0}.fullSectionCard{width:100%;max-width:520px;margin:0 auto}.modalSectionView{display:grid;place-items:center}.modalSectionView .fullSectionCard{width:min(92vw,820px);height:min(76vh,620px);max-width:820px}.modalSectionView .fullSectionText{font-size:clamp(16px,1.5vw,22px)}
.nextRichToolbar{position:relative!important;top:auto!important;z-index:1!important;max-width:100%;overflow:visible;padding:10px;border-radius:18px 18px 0 0}.toolbarGroup{gap:7px;padding:7px}.nextRichToolbar select{min-width:124px}.richArea{min-height:250px}.uploadLine{grid-template-columns:minmax(0,1fr) auto}.modeEditorTitle{margin-top:0}.selectionPath{gap:7px}.dotRow{grid-template-columns:minmax(0,1fr) auto}.dotRow .ghost{min-width:0;white-space:normal;text-align:left;justify-content:flex-start}.adminPreviewPage .hotspot{width:15px;height:15px}.adminPreviewPage .hotspot:after{inset:4px}.adminPreviewPage .hotspotLabel{font-size:10px;top:-24px}.adminPreviewPage .schoolLayer{inset:8px}
@media(max-width:1500px){.workspace,body.sidebarHidden .workspace{grid-template-columns:1fr}.previewCard{position:relative;top:0}.bookPage.adminPreviewPage{max-height:none}.livePreview .bookPage,body.sidebarHidden .livePreview .bookPage{width:min(100%,960px)}}
@media(max-width:960px){.adminAppShell{padding:14px}.adminLayout{grid-template-columns:1fr}.adminSide{position:relative;top:0;height:auto}.adminAppShell .topbar .nav{width:100%;justify-content:flex-start}.cleanSectionList{grid-template-columns:1fr 1fr}.bookSetupGrid{grid-template-columns:1fr}.advancedWorkbar{gap:14px}.livePreview{padding:12px;min-height:auto}.previewCard,.inspectorCard,.bookSetupCard{padding:18px}.sectionFullPreview{max-width:100%}}
@media(max-width:560px){.cleanSectionList{grid-template-columns:1fr}.pageTile{min-width:120px}.adminAppShell .topbar .brand{min-width:0}.adminAppShell .topbar{border-radius:22px}.pageActions,.sectionActions{width:100%}.pageActions button,.sectionActions button{flex:1 1 auto}}


/* v8 cache-busted admin layout and editor fixes */
.buildBadge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#e9f5ff,#eef1ff);border:1px solid #cfe0f5;color:#25466a;font-weight:1000;font-size:12px;letter-spacing:.04em;white-space:nowrap}.buildBadge.inline{margin-left:10px;vertical-align:middle}.adminAppShell .topbar{position:sticky;top:0;z-index:40;border-radius:0 0 28px 28px;margin-bottom:18px;box-shadow:0 10px 30px rgba(26,64,108,.10);gap:14px}.adminAppShell .topbar .nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.adminAppShell .topbar .ghost{padding:12px 18px;min-height:46px}.adminLayout{align-items:start}.adminSide{overflow:auto}.tabPanel{min-width:0}.studioShell{padding-bottom:40px}.bookSetupCard,.advancedWorkbar,.previewCard,.inspectorCard{overflow:visible}.advancedWorkbar{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(360px,1.1fr) auto;align-items:end;gap:20px}.lessonActions{justify-content:flex-end;align-self:end}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modeSwitch .ghost{white-space:normal;text-align:center;justify-content:center}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,480px);gap:28px;align-items:start}.previewCard{min-width:0}.properties{min-width:0}.inspectorCard{min-width:0;max-width:100%;overflow:visible}.livePreview{display:grid;place-items:center;overflow:auto}.livePreview .bookPage{width:min(100%,960px)!important;max-width:960px!important;transform-origin:center top}.bookPage.adminPreviewPage{aspect-ratio:1.48/1;height:auto!important;max-height:720px;overflow:hidden}.blockGrid{height:100%}.pageActions,.sectionActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cleanPageTiles{padding:10px 0 14px}.pageTile{border-radius:18px}.cleanSectionList{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sectionBtn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:5px 8px;text-align:left}.sectionBtn .dragHandle{grid-column:1/2}.sectionBtn .sectionNum{font-weight:1000;grid-column:2/3}.sectionBtn small{grid-column:1/-1}.sectionEditGrid.singleEditor{display:block!important}.sectionFullPreview{display:none!important}.nextRichToolbar{position:relative!important;z-index:1!important;display:grid!important;gap:10px!important;padding:12px!important;border-radius:18px 18px 0 0!important;background:#f8fbff!important;overflow:visible!important}.nextRichToolbar .toolbarRow{display:flex;gap:9px;flex-wrap:wrap;align-items:end;padding:0!important;background:transparent!important;border:0!important}.nextRichToolbar label{font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:1000;color:#51677f;display:flex;flex-direction:column;gap:5px;min-width:124px}.nextRichToolbar select{height:42px;min-width:0!important;width:100%!important;max-width:100%;position:static!important;z-index:auto!important;background:#fff!important}.nextRichToolbar button{min-height:40px;padding:10px 12px;border-radius:12px;white-space:normal}.nextRichToolbar input[type=color]{width:48px;height:42px;padding:4px}.richArea{border-radius:0 0 18px 18px!important;min-height:260px!important;overflow:auto}.sectionEditFields{min-width:0;max-width:100%}.modal{z-index:9999}.modalBox{width:min(96vw,980px);max-height:92vh;overflow:auto}.modalSectionView{display:grid;justify-items:center;gap:10px}.modalSectionView .fullSectionCard{width:min(92vw,860px)!important;height:min(72vh,600px)!important;max-width:860px!important;margin:0 auto}.modalHelp{margin:0;text-align:center}.hotspot{cursor:grab}.hotspot:active{cursor:grabbing}body.sidebarHidden .adminSide{display:none!important}body.sidebarHidden .adminLayout{grid-template-columns:minmax(0,1fr)!important}body.sidebarHidden .adminAppShell{padding-left:18px!important;padding-right:18px!important}body.sidebarHidden .workspace{grid-template-columns:minmax(0,1fr) minmax(410px,480px)!important}body.sidebarHidden .livePreview .bookPage{width:min(100%,960px)!important;max-width:960px!important}.insertPoint,.sectionPlus{display:none!important}.plusSectionList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.adminHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.bookShelf{margin-bottom:18px}
@media(max-width:1500px){.advancedWorkbar{grid-template-columns:1fr}.lessonActions{justify-content:flex-start}.workspace,body.sidebarHidden .workspace{grid-template-columns:1fr!important}.properties{max-width:760px}.bookPage.adminPreviewPage{max-height:none}.adminAppShell .topbar{position:relative}.sectionEditGrid.singleEditor{max-width:760px}}
@media(max-width:760px){.adminAppShell{padding:10px!important}.adminAppShell .topbar{border-radius:22px;position:relative}.adminAppShell .topbar .brand{min-width:0}.adminAppShell .topbar .nav{width:100%;justify-content:flex-start}.advancedWorkbar,.workspace,body.sidebarHidden .workspace{grid-template-columns:1fr!important}.cleanSectionList{grid-template-columns:1fr!important}.nextRichToolbar .toolbarRow{display:grid;grid-template-columns:1fr 1fr}.nextRichToolbar label{min-width:0}.livePreview .bookPage{width:100%!important}.modalBox{width:96vw}}

/* Final layout patch: keep Build v8 badge, remove congestion, and make the editor stable. */
html,body{max-width:100%;overflow-x:hidden}
.adminAppShell{width:100%;max-width:none;padding:0 28px 32px!important}
.adminAppShell .topbar{display:grid!important;grid-template-columns:minmax(240px,1fr) auto!important;align-items:center!important;gap:16px!important;padding:14px 22px!important;min-height:74px!important;overflow:visible!important}
.adminAppShell .topbar .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:14px!important}
.adminAppShell .topbar .brand>div:last-child{min-width:0!important}
#adminBrandName{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
.adminLoggedNav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important;max-width:100%!important}
.adminLoggedNav .ghost,.adminLoggedNav .buildBadge{flex:0 0 auto!important;white-space:nowrap!important}
.buildBadge{display:inline-flex!important;visibility:visible!important;opacity:1!important}
.adminLayout{grid-template-columns:310px minmax(0,1fr)!important;gap:26px!important;width:100%!important;max-width:none!important}
.adminSide{width:100%!important;min-width:0!important;padding:22px!important;border-radius:28px!important}
.adminSide .tabBtn{width:100%!important;min-height:58px!important;text-align:left!important;justify-content:flex-start!important;padding:15px 18px!important;margin-bottom:10px!important}
.tabPanel{min-width:0!important;overflow:visible!important}
.studioShell{max-width:1560px!important;margin:0 auto!important;padding-bottom:60px!important}
.bookSetupCard,.advancedWorkbar,.previewCard,.inspectorCard{border-radius:28px!important}
.advancedWorkbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;align-items:stretch!important;padding:30px!important;overflow:visible!important}
.lessonControlBlock{min-width:0!important;display:block!important}
.lessonSelect{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;max-width:100%!important;overflow:visible!important}
.lessonChip{max-width:260px!important;white-space:normal!important;line-height:1.2!important;min-height:46px!important}
.lessonFields{display:grid!important;grid-template-columns:minmax(280px,420px) minmax(360px,520px)!important;gap:18px!important;align-items:end!important;min-width:0!important}
.lessonFields input{width:100%!important;min-width:0!important}
.modeSwitch{display:grid!important;grid-template-columns:repeat(2,minmax(170px,230px))!important;justify-content:start!important;gap:12px!important;max-width:100%!important}
.modeSwitch .ghost{min-height:54px!important;padding:12px 14px!important;white-space:normal!important;line-height:1.25!important}
.lessonActions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:flex-start!important;align-items:center!important;min-width:0!important;width:100%!important}
.lessonActions button{min-width:150px!important;min-height:50px!important;white-space:nowrap!important;position:static!important;transform:none!important}
.workspace{grid-template-columns:minmax(0,1fr) minmax(480px,540px)!important;gap:28px!important;align-items:start!important}
.previewCard,.inspectorCard{min-width:0!important;overflow:visible!important}
.livePreview{padding:22px!important;display:grid!important;place-items:center!important;overflow:auto!important;min-height:560px!important}
.livePreview .bookPage{width:min(100%,900px)!important;max-width:900px!important;transform-origin:center top!important}
.bookPage.adminPreviewPage{max-height:640px!important;min-height:0!important;overflow:hidden!important}
.properties{min-width:0!important;max-width:540px!important;width:100%!important;justify-self:stretch!important}
.inspectorCard{position:relative!important;z-index:1!important;overflow:visible!important}
.selectionPath{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:18px!important}
.cleanSectionList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.sectionBtn{min-height:76px!important;align-items:center!important;overflow:hidden!important}
.sectionActions,.pageActions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:flex-start!important}
.sectionActions button,.pageActions button{position:static!important;transform:none!important;white-space:normal!important;min-height:44px!important}
.nextRichToolbar{position:static!important;top:auto!important;left:auto!important;right:auto!important;z-index:1!important;width:100%!important;max-width:100%!important;display:grid!important;gap:12px!important;padding:14px!important;margin:0!important;border-radius:18px 18px 0 0!important;background:#f7fbff!important;border:1px solid #d5e5f6!important;border-bottom:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
.nextRichToolbar .toolbarRow{position:static!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;display:flex!important;gap:9px!important;flex-wrap:wrap!important;align-items:end!important;overflow:visible!important}
.nextRichToolbar .selectsRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.nextRichToolbar label{min-width:0!important;width:100%!important;font-size:11px!important;line-height:1.2!important}
.nextRichToolbar select{position:static!important;z-index:auto!important;width:100%!important;height:42px!important;min-width:0!important;max-width:100%!important;background:#fff!important;box-shadow:none!important}
.nextRichToolbar button{position:static!important;transform:none!important;flex:1 1 118px!important;min-height:40px!important;min-width:0!important;white-space:normal!important;text-align:center!important;line-height:1.2!important;padding:10px 12px!important}
.nextRichToolbar input[type=color]{position:static!important;width:54px!important;height:42px!important;min-width:54px!important}
.richArea{position:relative!important;z-index:0!important;width:100%!important;min-height:260px!important;border-radius:0 0 18px 18px!important;overflow:auto!important;background:#fff!important;box-shadow:none!important;transform:none!important}
body.sidebarHidden .adminSide{display:none!important}
body.sidebarHidden .adminLayout{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
body.sidebarHidden .adminAppShell{padding-left:24px!important;padding-right:24px!important}
body.sidebarHidden .studioShell{max-width:1560px!important}
body.sidebarHidden .workspace{grid-template-columns:minmax(0,1fr) minmax(480px,540px)!important;gap:28px!important}
body.sidebarHidden .livePreview .bookPage{width:min(100%,900px)!important;max-width:900px!important}
body.sidebarHidden .previewCard,body.sidebarHidden .inspectorCard{max-width:100%!important}
.modalBox{width:min(94vw,980px)!important;max-height:90vh!important;overflow:auto!important}
.modalSectionView .fullSectionCard{width:min(92vw,820px)!important;height:min(70vh,580px)!important;max-width:820px!important}
@media(max-width:1350px){
  .workspace,body.sidebarHidden .workspace{grid-template-columns:1fr!important}
  .properties{max-width:820px!important}
  .lessonFields{grid-template-columns:1fr!important}
  .modeSwitch{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:920px){
  .adminAppShell{padding:12px!important}
  .adminAppShell .topbar{grid-template-columns:1fr!important;border-radius:22px!important;position:relative!important}
  .adminLoggedNav{justify-content:flex-start!important}
  .adminLayout{grid-template-columns:1fr!important}
  .adminSide{position:relative!important;height:auto!important;top:0!important}
  .cleanSectionList{grid-template-columns:1fr 1fr!important}
  .nextRichToolbar .selectsRow{grid-template-columns:1fr!important}
}
@media(max-width:560px){.cleanSectionList{grid-template-columns:1fr!important}.lessonActions button{width:100%!important}.modeSwitch{grid-template-columns:1fr!important}}

/* Page-only build patch. Build badge remains v8 by design. */
.pageOnlyStudio .pageOnlyWorkbar{display:grid!important;grid-template-columns:minmax(210px,1fr) minmax(380px,1.35fr) auto!important;gap:22px!important;align-items:end!important;padding:28px!important;overflow:visible!important}
.pageOnlyStudio .pageOnlyWorkbar .modeSwitch{display:grid!important;grid-template-columns:repeat(2,minmax(170px,230px))!important;gap:12px!important;justify-content:start!important}
.pageOnlyStudio .pageOnlyWorkbar .lessonActions{justify-content:flex-end!important;width:auto!important;min-width:0!important}
.pageOnlyStudio .pageOnlyWorkbar .lessonActions button{min-width:132px!important}
@media(max-width:1300px){.pageOnlyStudio .pageOnlyWorkbar{grid-template-columns:1fr!important}.pageOnlyStudio .pageOnlyWorkbar .lessonActions{justify-content:flex-start!important}}

/* Real book viewer */
.readerWrap{grid-template-columns:292px minmax(0,1fr)!important}.pageStage{perspective:2200px!important;overflow:visible!important}.bookPage{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .25s}.realBook{position:relative;display:grid;place-items:center;transform-origin:center top;transition:transform .18s ease;width:min(100%,1180px);margin:auto}.realBookShadow{position:absolute;inset:5% 3% -3%;border-radius:36px;background:radial-gradient(ellipse at center,rgba(14,33,57,.20),rgba(14,33,57,0) 66%);filter:blur(18px);z-index:0}.bookSpread{position:relative;z-index:1;display:grid;align-items:stretch;min-height:min(74vh,720px);max-width:1160px;width:100%;filter:drop-shadow(0 24px 50px rgba(24,45,78,.18));transform-style:preserve-3d}.bookSpread.twoPages{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.bookSpread.singlePage{grid-template-columns:minmax(0,760px);justify-content:center}.bookLeaf{position:relative;background:linear-gradient(90deg,#fff 0,#fffdf3 100%);border:1px solid #203044;border-radius:8px;overflow:hidden;min-height:min(74vh,720px);display:grid;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.bookLeaf.left{border-radius:14px 4px 4px 14px;box-shadow:inset -18px 0 26px rgba(23,39,69,.08)}.bookLeaf.right{border-radius:4px 14px 14px 4px;box-shadow:inset 18px 0 26px rgba(23,39,69,.08)}.bookGutter{height:100%;background:linear-gradient(90deg,rgba(36,48,70,.22),rgba(255,255,255,.5),rgba(36,48,70,.22));border-top:1px solid rgba(32,48,68,.35);border-bottom:1px solid rgba(32,48,68,.35);box-shadow:inset 0 0 16px rgba(0,0,0,.14)}.bookLeaf.speedBookPage{aspect-ratio:auto;width:100%;height:auto;min-height:min(74vh,720px)}.bookLeaf .blockGrid{height:100%;padding:0;background:#111;gap:2px}.bookLeaf .pageBlock{border-radius:0;border:1px solid #222;background:#fffdf4;min-height:0}.bookLeaf .cellImage{min-height:0;background:#fffbea}.bookLeaf .cellText{min-height:78px;background:#fff;font-size:clamp(10px,.82vw,14px);line-height:1.22;padding:6px 7px;color:#111}.bookLeaf .pageNumber{position:absolute;right:12px;bottom:8px;background:rgba(255,255,255,.86);border:1px solid rgba(30,45,65,.18);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900;color:#526176}.realFlipNext .realBook{animation:realNext .5s ease both}.realFlipPrev .realBook{animation:realPrev .5s ease both}@keyframes realNext{0%{transform:rotateY(0deg) translateX(0)}48%{transform:rotateY(-9deg) translateX(-8px);filter:brightness(.96)}100%{transform:rotateY(0deg) translateX(0)}}@keyframes realPrev{0%{transform:rotateY(0deg) translateX(0)}48%{transform:rotateY(9deg) translateX(8px);filter:brightness(.96)}100%{transform:rotateY(0deg) translateX(0)}}.coverLeaf .coverPage{height:100%;padding:28px}.coverLeaf .coverBig{min-height:300px}.readerTools{position:sticky;bottom:12px;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:999px;padding:10px 14px;box-shadow:var(--soft);width:max-content;max-width:96%;margin:16px auto 0}.readerSide label{margin-top:0}.readerSide .row .ghost.active{background:linear-gradient(135deg,#f0f3ff,#e7f8ff);border-color:#95b4ff;color:#243a8a}.schoolLayer{pointer-events:none}.schoolLayer .hotspot{pointer-events:auto}
@media(max-width:900px){.readerWrap{grid-template-columns:1fr!important}.readerSide{position:relative!important;top:0!important;height:auto!important}.bookSpread.twoPages,.bookSpread.singlePage{grid-template-columns:minmax(0,1fr)!important}.bookGutter,.bookLeaf.right{display:none!important}.bookLeaf{min-height:min(70vh,680px)}.bookLeaf .cellText{font-size:11px}.realBook{width:100%}}

/* Build v8 - Present Mode for teaching */
.readerSide #presentBtn{width:100%;margin-bottom:10px}
.presentMode{position:fixed;inset:0;z-index:4000;background:radial-gradient(circle at 8% 0,#eef9ff,transparent 34%),linear-gradient(135deg,#f8fcff,#eef6ff 55%,#ffffff);color:var(--ink);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:18px}
.presentMode:fullscreen{padding:18px;background:radial-gradient(circle at 8% 0,#eef9ff,transparent 34%),linear-gradient(135deg,#f8fcff,#eef6ff 55%,#ffffff)}
.presentTop{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid rgba(207,224,245,.9);border-radius:24px;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);box-shadow:0 14px 48px rgba(42,74,110,.10);z-index:4}
.presentTop strong{display:block;font-size:clamp(18px,1.7vw,30px);letter-spacing:-.05em;line-height:1}.presentTop small{display:block;color:var(--muted);font-weight:900;margin-top:3px}.presentActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.presentActions .ghost{min-height:42px;padding:10px 14px}.presentActions .ghost.active{background:linear-gradient(135deg,#f0f3ff,#e7f8ff);border-color:#95b4ff;color:#243a8a}
.presentStage{position:relative;min-height:0;display:grid;place-items:center;padding:18px 70px 36px}.presentBookPage{width:100%;height:100%;display:grid;place-items:center;perspective:2600px}.presentCanvas{width:100%;height:100%;display:grid;place-items:center}.presentRealBook{width:min(96vw,calc((100vh - 165px) * 1.56),1500px)!important;max-width:1500px!important;transform:none!important}.presentRealBook .bookSpread{width:100%;min-height:0!important;height:min(calc(100vh - 170px),calc(96vw / 1.52),900px)!important;max-width:1500px!important}.presentRealBook .bookSpread.singlePage{grid-template-columns:1fr!important}.presentRealBook .bookLeaf{min-height:0!important;height:100%!important;border-radius:10px!important}.presentRealBook .bookLeaf .blockGrid{height:100%!important}.presentRealBook .bookLeaf .cellText{font-size:clamp(12px,1.25vw,22px);line-height:1.18;padding:8px 10px}.presentRealBook .bookLeaf .cellImage .cellPlaceholder{font-size:clamp(18px,1.5vw,28px)}.presentRealBook .coverLeaf .coverPage{height:100%;grid-template-columns:1.05fr .95fr}.presentRealBook .coverLeaf .coverBig{min-height:0;height:100%}
.presentNav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:56px;height:96px;border-radius:999px;border:1px solid rgba(207,224,245,.95);background:rgba(255,255,255,.78);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(42,74,110,.14);font-size:46px;line-height:1;color:#274066;cursor:pointer;transition:.18s transform,.18s box-shadow,.18s background}.presentNav:hover{transform:translateY(-50%) scale(1.05);background:#fff;box-shadow:0 22px 70px rgba(42,74,110,.20)}.presentPrev{left:18px}.presentNext{right:18px}.presentHint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:4;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(207,224,245,.9);color:var(--muted);font-size:13px;font-weight:800;box-shadow:0 12px 36px rgba(42,74,110,.09)}
.presentFlipNext .presentRealBook{animation:presentNextFlip .32s ease both}.presentFlipPrev .presentRealBook{animation:presentPrevFlip .32s ease both}@keyframes presentNextFlip{0%{transform:rotateY(0) translateX(0) scale(1)}48%{transform:rotateY(-8deg) translateX(-10px) scale(.992);filter:brightness(.97)}100%{transform:rotateY(0) translateX(0) scale(1)}}@keyframes presentPrevFlip{0%{transform:rotateY(0) translateX(0) scale(1)}48%{transform:rotateY(8deg) translateX(10px) scale(.992);filter:brightness(.97)}100%{transform:rotateY(0) translateX(0) scale(1)}}
.presentMode .hotspot{width:22px;height:22px;opacity:.36}.presentMode .hotspot:after{inset:6px}.presentMode .bookLeaf:hover .hotspot,.presentMode .hotspot:hover,.presentMode .hotspot:focus{opacity:1}.presentMode .hotspotLabel{font-size:12px;top:-32px}.presentOpen .toast{z-index:6000}.presentOpen .modal{z-index:7000}.presentOpen .modalBox{max-width:min(96vw,1100px)}
@media(max-width:900px){.presentMode{padding:10px}.presentTop{align-items:flex-start;flex-direction:column;border-radius:20px}.presentActions{justify-content:flex-start}.presentStage{padding:12px 48px 34px}.presentNav{width:42px;height:76px;font-size:34px}.presentPrev{left:8px}.presentNext{right:8px}.presentRealBook{width:min(96vw,calc((100vh - 190px) * 1.52))!important}.presentRealBook .bookSpread{height:min(calc(100vh - 205px),calc(96vw / 1.52),720px)!important}.presentRealBook .bookLeaf .cellText{font-size:clamp(9px,2.2vw,13px);padding:4px 5px}.presentHint{font-size:11px;width:max-content;max-width:88vw;text-align:center}}
@media print{.presentMode{display:none!important}}

/* v8 UI repair: cover uploads, page badge, section delete stability */
.uploadLine.uploadLineStacked{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important;margin-bottom:14px!important}
.uploadLine.uploadLineStacked>label{display:block!important;width:100%!important;margin:0 0 2px!important;white-space:normal!important;letter-spacing:.08em!important;line-height:1.25!important}
.uploadLine.uploadLineStacked .uploadRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;width:100%!important}
.uploadLine.uploadLineStacked input{min-width:0!important;width:100%!important}
.coverTools{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;max-width:560px!important}
.bookSetupGrid{align-items:start!important}
.pageModeBadge{white-space:nowrap!important;min-width:max-content!important;max-width:none!important;text-align:center!important;line-height:1.2!important;padding:12px 18px!important;border-radius:999px!important}
.previewCard>.spread{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:16px!important}
.livePreview{overflow:hidden!important}
@media(max-width:1100px){.previewCard>.spread{grid-template-columns:1fr!important}.pageModeBadge{justify-self:start!important}}

/* Build v8 viewer feature pack */
.proReader{grid-template-columns:320px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}.readerMain{min-width:0}.viewerHead{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}.viewerHead .readerSearch{display:flex;gap:8px;flex:1;max-width:620px}.viewerHead input{min-height:44px;border-radius:18px}.goPageRow{display:flex;gap:8px}.goPageRow input{min-width:0}.readerMiniActions,.readerStats{display:flex;gap:8px;flex-wrap:wrap}.readerPanel{margin-top:16px}.readerPanel h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;color:#3e5572}.tocList,.miniList{display:grid;gap:8px;max-height:210px;overflow:auto;padding-right:4px}.tocItem{display:flex;width:100%;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.74);border-radius:14px;padding:10px 12px;color:var(--ink);font-weight:850;cursor:pointer}.tocItem:hover,.tocItem.active{border-color:#91b2ff;background:linear-gradient(135deg,#f1f6ff,#e9fbff);color:#1e3982}.noteItem{border:1px solid var(--line);border-radius:16px;padding:8px;background:rgba(255,255,255,.72)}.noteItem p{margin:6px 0;color:#66758e;font-size:13px;line-height:1.35}.miniEmpty{font-size:13px;margin:0}.searchResults{margin:0 0 14px;padding:16px!important}.searchResults .tocItem{margin-top:8px}.pageStage{position:relative}.drawCanvas{position:absolute;inset:0;z-index:40;touch-action:none;pointer-events:auto}.drawingActive .drawCanvas{cursor:crosshair}.drawingBar{position:sticky;bottom:86px;z-index:60;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;width:max-content;max-width:96%;margin:10px auto 0;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:22px;padding:10px 14px;box-shadow:var(--soft);backdrop-filter:blur(18px)}.advancedReaderTools{width:min(100%,1280px)!important;border-radius:28px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:center!important}.advancedReaderTools .toolBreak{flex-basis:100%;height:0}.advancedReaderTools button.active,.readerMiniActions button.active{background:linear-gradient(135deg,#edf4ff,#e6fbff);border-color:#86aaff;color:#1e3982}.spotlightOverlay{position:absolute;inset:0;z-index:55;pointer-events:none;background:radial-gradient(circle var(--ss,250px) at var(--sx,50%) var(--sy,50%),transparent 0,transparent 42%,rgba(5,16,35,.72) 43%,rgba(5,16,35,.82) 100%);border-radius:inherit}.thumbGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.thumbPage{border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px;text-align:left;cursor:pointer}.thumbPage:hover{border-color:#8fb0ff;box-shadow:0 16px 38px rgba(42,74,110,.12)}.miniThumb{height:130px;border:1px solid #203044;background:#fffdf3;margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden}.miniThumb span{background:#fff;border:1px solid #dfe3ea;display:block}.miniThumb i{display:block;height:62%;background:#fff7d8;border-bottom:1px solid #dfe3ea}.printChooser{display:grid;gap:12px}.printChooser input[type="text"]{min-height:46px}.readerBookOnly .publicTopbar{display:none!important}.readerBookOnly .readerSide,.readerSideClosed .readerSide{display:none!important}.readerBookOnly .proReader,.readerSideClosed .proReader{grid-template-columns:1fr!important}.readerBookOnly .readerMain{max-width:1500px;margin:auto}.readerBookOnly .viewerHead{justify-content:center}.readerBookOnly .bookSpread{max-width:1280px!important}.readerBookOnly .realBook{width:min(100%,1280px)}.readerWrap .pageStage{min-height:min(76vh,820px);display:grid;place-items:center}.readerWrap .bookPage{width:100%}.readerWrap .realBook{width:min(100%,1180px)}.readerWrap .bookSpread.singlePage{max-width:760px}.readerWrap .bookSpread.twoPages{max-width:1180px}.readerWrap .bookLeaf{background:#fffef7}.bookLeaf .blockGrid{background:#111!important}.bookLeaf .pageBlock{border:1px solid #111!important}.bookLeaf .cellImage{background:linear-gradient(135deg,#fefbef,#fff9dc)!important}.bookLeaf .cellText{background:#fff!important;color:#111!important}.bookLeaf .textBody b,.bookLeaf .cellText b{font-weight:950}.bookLeaf .textBody{color:#111}.pageNumber{white-space:nowrap!important}.bookSpread.twoPages .pageNumber{max-width:80%;overflow:hidden;text-overflow:ellipsis}.modalBox .videoShell iframe,.modalBox .videoShell video{max-height:70vh}.presentRealBook .schoolLayer .hotspot,.readerWrap .schoolLayer .hotspot{opacity:.22}.presentRealBook .bookLeaf:hover .hotspot,.readerWrap .bookLeaf:hover .hotspot,.hotspot:hover{opacity:1!important}.presentRealBook .hotspotLabel,.readerWrap .hotspotLabel{font-size:11px;padding:4px 7px;top:-28px;white-space:nowrap}@media(max-width:1200px){.proReader{grid-template-columns:280px minmax(0,1fr)!important}.advancedReaderTools{border-radius:24px!important}.advancedReaderTools button{padding:9px 11px!important}.viewerHead{flex-wrap:wrap}.viewerHead .readerSearch{order:3;max-width:none;width:100%}}@media(max-width:900px){.proReader{grid-template-columns:1fr!important}.readerSide{position:relative!important;top:0!important;height:auto!important}.viewerHead{align-items:stretch}.viewerHead .readerSearch{flex-direction:column}.advancedReaderTools{position:sticky;bottom:8px;border-radius:20px!important;justify-content:flex-start!important;overflow:auto;max-height:32vh}.advancedReaderTools .toolBreak{display:none}.readerBookOnly .readerMain{max-width:100%}.drawingBar{bottom:120px}.tocList,.miniList{max-height:160px}}
@media print{body>*:not(.app){display:none!important}.publicTopbar,.readerSide,.readerTools,.viewerHead,.drawingBar,.searchResults,.noPrint{display:none!important}.readerWrap,.proReader{display:block!important}.pageStage{display:block!important;min-height:0!important}.realBook{transform:none!important;width:100%!important}.bookSpread{display:block!important;filter:none!important}.bookGutter,.realBookShadow{display:none!important}.bookLeaf{page-break-after:always;min-height:96vh!important;width:100%!important;margin:0 auto 20px;box-shadow:none!important}.bookLeaf.right{display:block!important}.modal{display:none!important}}
.noteItem audio{width:100%;margin:8px 0;border-radius:12px}.readerStats{align-items:center}.readerPanel audio{width:100%}

/* v8.5 editor toolbar and viewer usability fixes */
.nextRichToolbar{position:relative!important;z-index:3!important;display:grid!important;gap:12px!important;background:linear-gradient(135deg,#ffffff,#f3f8ff)!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:14px!important;box-shadow:0 12px 32px rgba(42,74,110,.08)!important;overflow:visible!important}
.nextRichToolbar .toolbarRow{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;overflow:visible!important}
.nextRichToolbar .selectsRow{display:grid!important;grid-template-columns:repeat(3,minmax(140px,1fr))!important;gap:10px!important;width:100%!important}
.nextRichToolbar label{margin:0!important;display:grid!important;gap:6px!important;min-width:0!important;font-size:12px!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#40536f!important}
.nextRichToolbar select,.nextRichToolbar input[type=color]{position:relative!important;z-index:6!important;pointer-events:auto!important;min-height:44px!important;border-radius:14px!important;background:#fff!important;border:1px solid #cfe0f5!important;color:#15243a!important;box-shadow:none!important}
.nextRichToolbar button{border:1px solid #d4e3f5!important;background:#fff!important;color:#172942!important;border-radius:14px!important;padding:10px 13px!important;font-weight:900!important;box-shadow:none!important}
.nextRichToolbar button:hover{border-color:#91b2ff!important;background:#f1f7ff!important}
.nextRichToolbar button.active,.nextRichToolbar button:active{background:linear-gradient(135deg,#3f63ff,#03a9e6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 26px rgba(25,96,219,.24)!important}
.richArea{position:relative!important;z-index:1!important;min-height:150px!important;outline:none!important;line-height:1.35!important}
.colorTool{grid-template-columns:1fr!important;max-width:150px!important}
@media(max-width:900px){.nextRichToolbar .selectsRow{grid-template-columns:1fr!important}.nextRichToolbar .toolbarRow{align-items:stretch!important}.nextRichToolbar button{flex:1 1 auto!important}}

.proToolDock{position:sticky!important;bottom:12px!important;z-index:70!important;width:min(100%,1320px)!important;max-width:calc(100vw - 28px)!important;border-radius:28px!important;padding:12px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(20px)!important;box-shadow:0 22px 70px rgba(42,74,110,.18)!important;display:grid!important;grid-template-columns:1.35fr 1fr 1fr 1.25fr auto!important;gap:10px!important;align-items:stretch!important;overflow:visible!important}
.readerToolGroup{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;background:linear-gradient(135deg,#f8fbff,#edf7ff)!important;border:1px solid #d3e4f7!important;border-radius:22px!important;padding:9px!important;min-width:0!important}
.readerToolGroup .toolLabel{flex:0 0 100%!important;text-align:center!important;font-size:11px!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-weight:1000!important;color:#5e718d!important;margin-bottom:1px!important}
.readerToolGroup button,.readerToolGroup .pill{min-height:36px!important;border-radius:14px!important;padding:8px 11px!important;font-size:13px!important;line-height:1.1!important;white-space:nowrap!important}
.readerToolGroup .pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid #d3e4f7!important;color:#243a56!important;font-weight:1000!important}
.readerToolGroup button.active,.readerToolGroup button:active,.advancedReaderTools button.active,.readerMiniActions button.active,.readerSide .ghost.active,.viewerHead .ghost.active,.presentActions .ghost.active,.drawingBar .ghost.active{background:linear-gradient(135deg,#3f63ff,#03a9e6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 26px rgba(25,96,219,.24)!important}
.readerToolGroup button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(42,74,110,.12)}
.readerTools .btn{background:linear-gradient(135deg,#3f63ff,#03a9e6)!important;color:#fff!important;border:0!important}
.readerSide .tocItem.active,.readerSide .tocItem:active{background:linear-gradient(135deg,#3f63ff,#03a9e6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(25,96,219,.2)!important}
.readerSide .tocItem.active p{color:#fff!important}.readerStats .pill{background:#f0f7ff!important;border-color:#cbe0fa!important;color:#1f3b61!important}
.viewerHead{background:rgba(255,255,255,.78)!important;border:1px solid #d8e7f7!important;border-radius:24px!important;padding:10px!important;box-shadow:0 12px 32px rgba(42,74,110,.08)!important}
.viewerHead #toggleReaderSide.active{background:linear-gradient(135deg,#3f63ff,#03a9e6)!important;color:#fff!important}
@media(max-width:1280px){.proToolDock{grid-template-columns:1fr 1fr!important}.outputGroup{grid-column:1/-1}.readerToolGroup{justify-content:flex-start!important}.readerToolGroup .toolLabel{text-align:left!important;padding-left:4px!important}}
@media(max-width:760px){.proToolDock{grid-template-columns:1fr!important;position:static!important;max-height:none!important}.readerToolGroup{overflow:auto!important;justify-content:flex-start!important;flex-wrap:nowrap!important}.readerToolGroup .toolLabel{position:sticky;left:0;background:inherit;border-radius:12px;padding:8px;flex:0 0 auto!important;margin:0!important}.readerToolGroup button,.readerToolGroup .pill{flex:0 0 auto!important}}

/* Remade text editor - stable toolbar, no floating overlay */
.properRichToolbar{
  position:relative!important;
  z-index:10!important;
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  padding:14px!important;
  border:1px solid #d5e5f6!important;
  border-bottom:0!important;
  border-radius:20px 20px 0 0!important;
  background:linear-gradient(135deg,#ffffff,#f3f8ff)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.properRichToolbar .toolbarRow{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:end!important;
  width:100%!important;
  overflow:visible!important;
}
.properRichToolbar .selectsRow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(145px,1fr))!important;
  gap:10px!important;
}
.properRichToolbar label{
  margin:0!important;
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  width:100%!important;
  font-size:12px!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:#40536f!important;
  font-weight:1000!important;
}
.properRichToolbar select,
.properRichToolbar input[type=color]{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
  min-height:44px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #cfe0f5!important;
  color:#15243a!important;
  box-shadow:none!important;
  appearance:auto!important;
}
.properRichToolbar button{
  position:relative!important;
  z-index:9!important;
  border:1px solid #d4e3f5!important;
  background:#fff!important;
  color:#172942!important;
  border-radius:14px!important;
  padding:10px 13px!important;
  font-weight:900!important;
  box-shadow:none!important;
  min-height:42px!important;
  cursor:pointer!important;
}
.properRichToolbar button:hover{border-color:#91b2ff!important;background:#f1f7ff!important}
.properRichToolbar button.active{background:linear-gradient(135deg,#3f63ff,#03a9e6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 26px rgba(25,96,219,.24)!important}
.properRichToolbar .clearFormatBtn{margin-left:auto!important;background:#fff8f1!important;border-color:#ffd6aa!important;color:#7a3b00!important}
.properRichToolbar .editorHint{font-size:12px;color:#5f7188;line-height:1.4;background:#fff;border:1px dashed #cfe0f5;border-radius:14px;padding:10px 12px}
.sectionEditFields .richArea{
  position:relative!important;
  z-index:1!important;
  border:1px solid #d5e5f6!important;
  border-radius:0 0 20px 20px!important;
  background:#fff!important;
  min-height:260px!important;
  padding:16px!important;
  line-height:1.45!important;
  overflow:auto!important;
}
.sectionEditFields .richArea:focus{box-shadow:0 0 0 4px rgba(89,104,255,.11)!important;border-color:#93aaff!important}
@media(max-width:900px){
  .properRichToolbar .selectsRow{grid-template-columns:1fr!important}
  .properRichToolbar .buttonRow,.properRichToolbar .colorRow{align-items:stretch!important}
  .properRichToolbar button{flex:1 1 140px!important}
  .properRichToolbar .clearFormatBtn{margin-left:0!important}
}


/* Build v8 - fully remade premium text editor */
.proTextEditor{background:#101319!important;color:#eef4ff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;padding:12px!important;box-shadow:0 22px 60px rgba(12,22,40,.22)!important;display:grid!important;gap:12px!important;position:relative!important;z-index:1!important;overflow:visible!important;margin:8px 0 0!important}
.proToolbarTop{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;background:#11141a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.toolIcon{width:auto!important;min-width:42px!important;height:42px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#9ca7b8!important;font-size:17px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;box-shadow:none!important;cursor:pointer!important;transition:.18s background,.18s color,.18s transform!important}
.toolIcon:hover{background:#222835!important;color:#fff!important;transform:none!important}.toolIcon.active{background:#2e3645!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}.styleIcon{font-family:Georgia,serif!important;font-size:14px!important}.clearStyles{min-width:110px!important;font-size:13px!important;color:#e8eef9!important;background:#222835!important}.clearStyles:hover{background:#303848!important}.toolDivider{width:1px!important;height:28px!important;background:rgba(255,255,255,.14)!important;display:inline-block!important}.colorWheel{position:relative!important}.colorWheel:before{content:"";width:23px;height:23px;border-radius:50%;display:block;background:conic-gradient(#ef4444,#f97316,#facc15,#10b981,#0ea5e9,#7c3aed,#ef4444);box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.proToolbarPanel{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;background:#171b22!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:14px!important}.panelBlock{display:grid!important;gap:8px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.panelBlock:last-child{border-bottom:0!important;padding-bottom:0!important}.panelLabel{font-size:12px!important;color:#778294!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:none!important}.choiceRow,.swatchRow{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}.choiceRow button{background:transparent!important;border:1px solid transparent!important;color:#d8e0ec!important;border-radius:12px!important;padding:9px 12px!important;font-weight:850!important;box-shadow:none!important}.choiceRow button:hover{background:#222835!important;color:#fff!important}.choiceRow button.active{background:#5d6678!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important}.sizeChoices button{min-width:42px!important}.swatch{width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;padding:0!important;background:var(--sw)!important;border:2px solid transparent!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}.swatch:hover{transform:scale(1.06)!important}.swatch.active{border-color:#fff!important;box-shadow:0 0 0 3px #f9d84f,0 10px 22px rgba(0,0,0,.25)!important}.noSwatch{background:#252b36!important;color:#d7dfeb!important;font-size:18px!important;line-height:1!important}.proHint{background:#0f1218!important;color:#9eacbf!important;border:1px dashed rgba(255,255,255,.13)!important;border-radius:14px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.45!important}.sectionEditFields .richArea{border:1px solid #cfe0f5!important;border-radius:16px!important;background:#fff!important;color:#101827!important;min-height:170px!important;padding:16px!important;line-height:1.35!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important}.sectionEditFields .richArea:focus{box-shadow:0 0 0 4px rgba(89,104,255,.13),inset 0 1px 0 rgba(255,255,255,.6)!important;border-color:#8aa8ff!important}.sectionEditFields .richArea span{line-height:inherit}.richArea s,.richArea strike,.richArea del{text-decoration:line-through!important}
@media(min-width:1260px){.proToolbarPanel{grid-template-columns:1fr!important}.choiceRow button{padding:8px 11px!important}.proTextEditor{max-width:100%!important}}
@media(max-width:760px){.proToolbarTop{gap:6px!important}.toolIcon{min-width:38px!important;height:38px!important}.clearStyles{min-width:100%!important}.choiceRow button{flex:1 1 auto!important}.proToolbarPanel{padding:12px!important}.swatch{width:30px!important;height:30px!important}}

/* Build v8 compact premium editor - compact height, selected style continues while typing */
.proTextEditor.compactProEditor{
  margin:6px 0 0!important;
  padding:8px!important;
  border-radius:16px!important;
  gap:7px!important;
  background:#101319!important;
  max-width:100%!important;
}
.compactToolbarTop{
  padding:6px!important;
  gap:6px!important;
  border-radius:13px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
.compactToolbarTop .toolIcon{
  min-width:34px!important;
  height:34px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1!important;
}
.compactToolbarTop .toolIcon.active,
.compactProEditor .choiceRow button.active,
.compactProEditor .swatch.active{
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 0 0 2px rgba(37,99,235,.22),0 7px 18px rgba(37,99,235,.28)!important;
}
.compactToolbarTop .styleIcon{font-size:12px!important;font-weight:1000!important;background:#202735!important;color:#eaf2ff!important}
.compactToolbarTop .styleIcon.active,
.compactProEditor.panelOpen .styleIcon{background:#2563eb!important;color:#fff!important}
.compactToolbarTop .clearStyles{min-width:auto!important;width:auto!important;font-size:12px!important;padding:0 11px!important;background:#202735!important;color:#eaf2ff!important}
.compactToolbarTop .toolDivider{height:22px!important;margin:0 2px!important}
.miniColorGroup{display:flex!important;align-items:center!important;gap:5px!important;padding:3px!important;border-radius:999px!important;background:#171b22!important;border:1px solid rgba(255,255,255,.08)!important}
.compactProEditor .swatch{width:20px!important;height:20px!important;min-width:20px!important;border-width:1px!important;box-shadow:0 0 0 1px rgba(255,255,255,.13)!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.compactProEditor .swatch.active{border-color:#fff!important;transform:none!important}
.compactStylePanel[hidden]{display:none!important}
.compactStylePanel{
  display:block!important;
  background:#171b22!important;
  border-radius:14px!important;
  padding:8px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.compactPanelGrid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.compactBlock{padding:0 0 7px!important;gap:5px!important}
.compactBlock:last-child{padding-bottom:0!important}
.compactBlock .panelLabel{font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#8b97a9!important}
.compactBlock .choiceRow{gap:5px!important}
.compactBlock .choiceRow button{padding:6px 8px!important;border-radius:9px!important;font-size:12px!important;line-height:1!important;min-height:28px!important}
.sectionEditFields .richArea{min-height:145px!important;padding:12px!important;border-radius:14px!important;font-size:14px!important;line-height:1.35!important}
@media(max-width:760px){
  .compactToolbarTop{gap:5px!important}
  .compactToolbarTop .toolIcon{min-width:32px!important;height:32px!important;padding:0 8px!important}
  .miniColorGroup{gap:4px!important}
  .compactProEditor .swatch{width:19px!important;height:19px!important;min-width:19px!important}
}

/* v8.6 compact Canva-feel editor and next-level reader layout. Build badge stays v8. */
.proTextEditor.compactProEditor{
  position:relative!important;
  padding:6px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#0f131b,#171c26)!important;
  box-shadow:0 14px 38px rgba(11,22,42,.18)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  gap:0!important;
}
.compactToolbarTop{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
  min-height:46px!important;
  padding:5px!important;
  background:rgba(12,16,24,.92)!important;
  border-radius:13px!important;
}
.compactToolbarTop::-webkit-scrollbar{height:3px}.compactToolbarTop::-webkit-scrollbar-thumb{background:#3d4656;border-radius:99px}
.compactToolbarTop .toolIcon{
  flex:0 0 auto!important;
  min-width:35px!important;
  height:35px!important;
  border-radius:10px!important;
  font-size:14px!important;
  color:#aab4c3!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.compactToolbarTop .toolIcon:hover{background:#242b38!important;color:#fff!important}
.compactToolbarTop .toolIcon.active,
.compactToolbarTop .toolIcon:active{
  background:linear-gradient(135deg,#2563eb,#06a6df)!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(37,99,235,.28), inset 0 0 0 1px rgba(255,255,255,.16)!important;
}
.compactToolbarTop .styleIcon{background:#242b38!important;color:#fff!important}
.compactProEditor.hasTypingStyle .styleIcon::after{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;position:absolute;right:5px;top:5px;box-shadow:0 0 0 2px #141923}
.compactProEditor .toolDivider{flex:0 0 1px!important;height:22px!important;background:rgba(255,255,255,.12)!important}
.compactProEditor .miniColorGroup{flex:0 0 auto!important;gap:4px!important;padding:3px 5px!important;background:#1a202b!important;border:1px solid rgba(255,255,255,.08)!important}
.compactProEditor .swatch{width:19px!important;height:19px!important;min-width:19px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important}
.compactProEditor .swatch.active{
  outline:2px solid #fff!important;
  outline-offset:2px!important;
  border-color:transparent!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.35)!important;
}
.compactProEditor .clearStyles{min-width:55px!important;font-size:12px!important;background:#242b38!important;color:#e9f0fb!important}
.compactProEditor .clearStyles:hover{background:#303849!important}
.compactStylePanel{
  position:absolute!important;
  left:6px!important;
  top:calc(100% + 8px)!important;
  width:min(520px,calc(100vw - 60px))!important;
  z-index:90!important;
  margin:0!important;
  padding:10px!important;
  border-radius:18px!important;
  background:rgba(17,22,31,.98)!important;
  box-shadow:0 24px 70px rgba(6,15,30,.34)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.compactPanelGrid{grid-template-columns:1fr!important;gap:8px!important}
.compactBlock{border-bottom:1px solid rgba(255,255,255,.08)!important;padding-bottom:8px!important}
.compactBlock .panelLabel{font-size:10px!important;color:#8f9bac!important;margin-bottom:1px!important}
.compactBlock .choiceRow{flex-wrap:wrap!important;gap:5px!important}
.compactBlock .choiceRow button{
  min-height:27px!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  color:#dbe4f2!important;
  background:transparent!important;
  border:1px solid transparent!important;
  font-size:12px!important;
}
.compactBlock .choiceRow button.active{
  background:#2b5bff!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 8px 20px rgba(43,91,255,.24)!important;
}
.sectionEditFields .richArea{
  min-height:145px!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#111827!important;
}
.sectionEditFields .richArea span{line-height:inherit!important}
@media(max-width:760px){.compactStylePanel{left:0!important;width:calc(100vw - 34px)!important}.compactToolbarTop{gap:4px!important}.compactToolbarTop .toolIcon{min-width:33px!important;height:33px!important}}

/* Reader mode redesigned layout, same buttons/features kept */
.readerWrap.proReader{
  width:min(100%,1540px)!important;
  margin:18px auto 0!important;
  padding:0 14px 26px!important;
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  background:linear-gradient(135deg,#f7fbff 0%,#eef7ff 45%,#f8fbff 100%)!important;
  border-radius:30px!important;
}
.readerSide{
  position:sticky!important;
  top:88px!important;
  max-height:calc(100vh - 110px)!important;
  overflow:auto!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(22px)!important;
  border:1px solid #dbe9f8!important;
  box-shadow:0 24px 65px rgba(43,76,112,.12)!important;
  padding:18px!important;
}
.readerSide h2.sideTitle{font-size:24px!important;line-height:1.05!important;letter-spacing:-.05em!important;margin:14px 0 6px!important}
.readerSide label{display:block!important;margin:13px 0 7px!important;color:#425a77!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-weight:1000!important}
.readerSide .row,.readerMiniActions,.goPageRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.readerSide .ghost,.readerSide .tiny{justify-content:center!important;border-radius:14px!important;min-height:40px!important}
.readerMain{
  min-width:0!important;
  display:grid!important;
  gap:14px!important;
}
.viewerHead{
  position:sticky!important;
  top:78px!important;
  z-index:38!important;
  display:grid!important;
  grid-template-columns:auto minmax(220px,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(20px)!important;
  border-radius:24px!important;
  border:1px solid #d8e7f7!important;
  box-shadow:0 16px 44px rgba(42,74,110,.10)!important;
  padding:10px!important;
}
.viewerHead .readerSearch{max-width:none!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;order:initial!important}
.viewerHead input{height:44px!important;min-height:44px!important;background:#fff!important;border-radius:16px!important}
.viewerHead .pill{height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:0 15px!important}
.pageStage{
  min-height:min(73vh,790px)!important;
  border:1px solid #d9e7f6!important;
  border-radius:32px!important;
  background:radial-gradient(circle at 50% 0%,#ffffff 0,#f4f9ff 48%,#e8f3ff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 28px 80px rgba(35,68,106,.13)!important;
  padding:22px!important;
  overflow:hidden!important;
}
.readerWrap .realBook{filter:drop-shadow(0 26px 40px rgba(29,48,75,.18))!important;transition:transform .18s ease!important}
.readerWrap .bookSpread{border-radius:16px!important}
.readerTools.advancedReaderTools.proToolDock{
  position:sticky!important;
  bottom:12px!important;
  z-index:36!important;
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1.3fr 1.1fr 1.1fr 1.35fr .8fr!important;
  align-items:stretch!important;
  gap:9px!important;
  padding:10px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid #d6e7f8!important;
  backdrop-filter:blur(22px)!important;
  border-radius:26px!important;
  box-shadow:0 20px 60px rgba(42,74,110,.16)!important;
}
.readerToolGroup{
  background:linear-gradient(135deg,#ffffff,#f2f8ff)!important;
  border:1px solid #d8e7f7!important;
  border-radius:20px!important;
  padding:8px!important;
  gap:6px!important;
  align-content:start!important;
  justify-content:center!important;
}
.readerToolGroup .toolLabel{font-size:10px!important;letter-spacing:.1em!important;color:#627994!important;margin-bottom:0!important}
.readerToolGroup button,.readerToolGroup .pill{
  min-height:34px!important;
  border-radius:12px!important;
  padding:7px 9px!important;
  font-size:12px!important;
  font-weight:950!important;
}
.readerToolGroup button.active,
.readerToolGroup button:active,
.readerMiniActions button.active,
.readerSide .ghost.active,
.viewerHead .ghost.active,
.presentActions .ghost.active,
.drawingBar .ghost.active{
  background:linear-gradient(135deg,#2563eb,#05a8df)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 22px rgba(37,99,235,.24)!important;
}
.readerToolGroup button:hover,.viewerHead button:hover,.readerSide button:hover{transform:translateY(-1px)!important}
.readerSideClosed .readerSide{display:none!important}
.readerSideClosed .proReader{grid-template-columns:1fr!important;max-width:1600px!important}
.readerBookOnly .readerTools.advancedReaderTools.proToolDock{opacity:.96!important}
.readerBookOnly .pageStage{min-height:calc(100vh - 190px)!important}
.readerBookOnly .viewerHead{top:12px!important}
@media(max-width:1350px){.readerTools.advancedReaderTools.proToolDock{grid-template-columns:1fr 1fr 1fr!important}.outputGroup,.teachGroup{grid-column:auto!important}}
@media(max-width:980px){.readerWrap.proReader{grid-template-columns:1fr!important;padding:0 8px 18px!important}.readerSide{position:relative!important;top:auto!important;max-height:none!important}.viewerHead{position:relative!important;top:auto!important;grid-template-columns:1fr!important}.viewerHead .readerSearch{grid-template-columns:1fr!important}.pageStage{padding:10px!important;min-height:62vh!important}.readerTools.advancedReaderTools.proToolDock{position:sticky!important;bottom:6px!important;grid-template-columns:1fr!important;max-height:40vh!important;overflow:auto!important}.readerToolGroup{justify-content:flex-start!important;overflow:auto!important;flex-wrap:nowrap!important}.readerToolGroup .toolLabel{position:sticky;left:0;background:#f7fbff;border-radius:10px;padding:7px;flex:0 0 auto!important}.readerToolGroup button,.readerToolGroup .pill{flex:0 0 auto!important}}

/* v8.6.1 polish: professional viewer dock, cleaner text editor, password spacing */
.readerTools.advancedReaderTools.proToolDock{
  width:min(100%,1260px)!important;
  grid-template-columns:minmax(360px,1.35fr) minmax(250px,.95fr) minmax(250px,.95fr) minmax(315px,1.15fr) minmax(170px,.65fr)!important;
  gap:8px!important;
  padding:8px!important;
  margin:10px auto 0!important;
  border-radius:22px!important;
  background:rgba(248,251,255,.92)!important;
  border:1px solid rgba(198,216,237,.95)!important;
  box-shadow:0 18px 46px rgba(31,59,93,.13)!important;
  backdrop-filter:blur(18px)!important;
}
.readerToolGroup{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  min-width:0!important;
  padding:7px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff,#f4f8fd)!important;
  border:1px solid #dce8f5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.readerToolGroup .toolLabel{
  flex:0 0 100%!important;
  text-align:left!important;
  padding:0 4px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  color:#627287!important;
}
.readerToolGroup button,
.readerToolGroup .pill{
  min-height:32px!important;
  border-radius:10px!important;
  padding:6px 9px!important;
  font-size:12px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.readerToolGroup .btn{
  background:linear-gradient(135deg,#2759f4,#05a8df)!important;
  color:#fff!important;
  border:1px solid transparent!important;
}
.readerToolGroup .ghost{
  background:#fff!important;
  border-color:#d4e2f0!important;
  color:#27384f!important;
}
.readerToolGroup .pageDockCounter{
  min-width:92px!important;
  background:#eef5ff!important;
  color:#233d63!important;
  border-color:#cbdef3!important;
}
.readerToolGroup button.active,
.readerToolGroup button:active,
.readerMiniActions button.active,
.readerSide .ghost.active,
.viewerHead .ghost.active,
.presentActions .ghost.active,
.drawingBar .ghost.active{
  background:linear-gradient(135deg,#2759f4,#05a8df)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 18px rgba(37,89,244,.23)!important;
}
.readerToolGroup.outputGroup{
  background:linear-gradient(180deg,#f9fbff,#eef6ff)!important;
}
.readerToolGroup.outputGroup .btn{
  min-width:86px!important;
}
.readerBookOnly .readerTools.advancedReaderTools.proToolDock{
  width:min(100%,1120px)!important;
  opacity:.98!important;
}
.drawingBar{
  bottom:78px!important;
  border-radius:18px!important;
  padding:8px 10px!important;
}

.refinedTextEditor{
  background:#f7faff!important;
  color:#132033!important;
  border:1px solid #d7e5f4!important;
  border-radius:18px!important;
  padding:8px!important;
  box-shadow:0 16px 36px rgba(31,59,93,.10)!important;
  gap:8px!important;
}
.refinedToolbarTop{
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding:7px!important;
  overflow:visible!important;
  background:#fff!important;
  border:1px solid #dce8f5!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.editorToolCluster{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:34px!important;
  padding:3px!important;
  border-radius:12px!important;
  background:#f3f7fc!important;
  border:1px solid #e0eaf5!important;
}
.editorToolCluster .toolIcon,
.refinedToolbarTop>.toolIcon{
  min-width:31px!important;
  height:31px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#33435a!important;
  font-size:12px!important;
  font-weight:950!important;
}
.editorToolCluster .toolIcon:hover,
.refinedToolbarTop>.toolIcon:hover{
  background:#e8f0fb!important;
  color:#17233a!important;
}
.refinedToolbarTop .styleIcon{
  min-width:44px!important;
  background:#172033!important;
  color:#fff!important;
  font-family:Georgia,serif!important;
  font-size:13px!important;
}
.refinedTextEditor.hasTypingStyle .styleIcon::after{
  background:#0fb981!important;
  box-shadow:0 0 0 2px #172033!important;
}
.miniToolLabel{
  padding:0 4px!important;
  color:#687991!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.refinedTextEditor .swatch{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  border-radius:999px!important;
  border:1px solid rgba(31,45,65,.18)!important;
}
.refinedTextEditor .swatch.active{
  outline:2px solid #172033!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}
.refinedTextEditor .noSwatch{
  background:#fff!important;
  color:#5d6f86!important;
  font-size:13px!important;
}
.refinedToolbarTop .clearStyles{
  margin-left:auto!important;
  min-width:58px!important;
  background:#fff7e7!important;
  color:#6f4710!important;
  border:1px solid #efd7ad!important;
}
.refinedStylePanel{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:100%!important;
  margin-top:0!important;
  padding:10px!important;
  background:#fff!important;
  color:#132033!important;
  border:1px solid #dce8f5!important;
  border-radius:16px!important;
  box-shadow:0 16px 36px rgba(31,59,93,.10)!important;
}
.refinedPanelGrid{
  display:grid!important;
  grid-template-columns:1.15fr 1.25fr .8fr!important;
  gap:10px!important;
}
.refinedStylePanel .compactBlock{
  border:1px solid #e0eaf5!important;
  border-radius:14px!important;
  padding:10px!important;
  background:#f8fbff!important;
}
.refinedStylePanel .panelLabel{
  margin-bottom:7px!important;
  color:#61738a!important;
}
.refinedStylePanel .choiceRow{
  gap:6px!important;
}
.refinedStylePanel .choiceRow button{
  min-height:30px!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid #d8e5f3!important;
  color:#26364e!important;
}
.refinedStylePanel .choiceRow button.active{
  background:#172033!important;
  border-color:#172033!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(23,32,51,.18)!important;
}
.sectionEditFields .richArea{
  border-radius:16px!important;
  border-color:#d5e3f2!important;
  min-height:165px!important;
  padding:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.securityGrid{
  align-items:start!important;
}
.securityCard{
  display:grid!important;
  gap:16px!important;
}
.passwordCard{
  min-height:0!important;
  align-content:start!important;
}
.passwordHeader h2{
  margin:10px 0 6px!important;
  letter-spacing:-.035em!important;
}
.passwordHeader .muted{
  margin:0!important;
}
.passwordForm{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  margin-top:4px!important;
}
.passwordForm label{
  margin-bottom:7px!important;
}
.passwordForm input{
  min-height:46px!important;
}
.passwordForm .warn{
  min-height:46px!important;
  padding-inline:18px!important;
}

@media(max-width:1350px){
  .readerTools.advancedReaderTools.proToolDock{
    grid-template-columns:1fr 1fr 1fr!important;
  }
  .readerToolGroup.navGroup{
    grid-column:1/-1!important;
  }
}
@media(max-width:980px){
  .readerTools.advancedReaderTools.proToolDock{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding:8px!important;
    scroll-snap-type:x proximity!important;
  }
  .readerToolGroup{
    flex:0 0 min(86vw,390px)!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    overflow:visible!important;
    scroll-snap-align:start!important;
  }
  .readerToolGroup .toolLabel{
    position:static!important;
    background:transparent!important;
    padding:0 4px!important;
  }
  .readerToolGroup button,
  .readerToolGroup .pill{
    flex:0 0 auto!important;
  }
  .drawingBar{
    bottom:88px!important;
  }
  .refinedPanelGrid{
    grid-template-columns:1fr!important;
  }
  .refinedToolbarTop{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .refinedToolbarTop .clearStyles{
    margin-left:0!important;
  }
  .passwordForm{
    grid-template-columns:1fr!important;
  }
  .passwordForm .warn{
    width:100%!important;
  }
}
@media(max-width:620px){
  .readerToolGroup{
    flex-basis:88vw!important;
  }
  .readerToolGroup button,
  .readerToolGroup .pill{
    min-height:31px!important;
    padding:6px 8px!important;
    font-size:11px!important;
  }
  .editorToolCluster{
    flex:0 0 auto!important;
  }
}

/* v8.6.2 final reader repair: no sideways scroll, wide book feel, access waiting, watermark */
html,body{max-width:100%;overflow-x:hidden!important}
.app{max-width:100vw!important;overflow-x:clip!important}
.authShell.cleanAuth{
  grid-template-columns:minmax(300px,430px)!important;
  justify-content:center!important;
  align-items:start!important;
}
.authShell.cleanAuth .authPanel{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  margin:clamp(28px,7vh,80px) auto 0!important;
}
.loginContent{display:none!important}
.waitingShell{
  min-height:calc(100vh - 145px);
  display:grid;
  place-items:center;
}
.waitingCard{
  width:min(560px,100%);
  text-align:left;
}
.waitingCard .pageTitle{
  font-size:clamp(30px,5vw,48px);
}

.readerWrap.proReader{
  width:100%!important;
  max-width:1500px!important;
  grid-template-columns:minmax(220px,270px) minmax(0,1fr)!important;
  gap:14px!important;
  padding:0 10px 22px!important;
  overflow:hidden!important;
}
.readerSide{
  min-width:0!important;
  overflow-x:hidden!important;
  padding:14px!important;
  border-radius:22px!important;
}
.readerSide .row,
.readerMiniActions,
.goPageRow{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.readerSide button,
.viewerHead button,
.readerToolGroup button{
  min-width:0!important;
  white-space:normal!important;
}
.readerSide #modeSpeed,
.readerSide #modeSchool{
  font-size:12px!important;
  line-height:1.15!important;
  padding:10px 9px!important;
}
.readerMain{min-width:0!important;overflow:hidden!important}
.viewerHead{
  position:relative!important;
  top:auto!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  max-width:100%!important;
}
.viewerHead .readerSearch{min-width:0!important}
.viewerHead input{min-width:0!important}
.viewerHead .pill{white-space:nowrap!important}
.pageStage{
  width:100%!important;
  min-width:0!important;
  min-height:clamp(430px,58vw,760px)!important;
  padding:16px!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.98) 0,rgba(255,255,255,.82) 34%,rgba(232,241,252,.9) 100%),
    linear-gradient(180deg,#f9fcff,#edf5ff)!important;
}
.readerWrap .realBook{
  width:min(100%,980px)!important;
  max-width:100%!important;
  position:relative!important;
  transform-origin:center center!important;
  filter:drop-shadow(0 28px 46px rgba(20,36,58,.22))!important;
}
.readerBookOnly .readerWrap .realBook{
  width:min(100%,1120px)!important;
}
.readerWrap .bookSpread{
  width:100%!important;
  max-width:100%!important;
  min-height:auto!important;
  border-radius:12px!important;
  filter:none!important;
  background:linear-gradient(90deg,#d8c6a2,#fff9e9 4%,#fffdf5 50%,#fff8e8 96%,#c5ad83)!important;
  padding:10px 12px 14px!important;
  box-shadow:
    0 32px 70px rgba(20,36,58,.18),
    inset 0 0 0 1px rgba(90,70,42,.35),
    inset 0 -8px 0 rgba(122,91,45,.16)!important;
}
.readerWrap .bookSpread.singlePage{
  grid-template-columns:minmax(0,1fr)!important;
}
.readerWrap .bookSpread.twoPages{
  grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;
}
.readerWrap .bookSpread:before,
.readerWrap .bookSpread:after{
  content:"";
  position:absolute;
  top:16px;
  bottom:9px;
  width:9px;
  border-radius:10px;
  pointer-events:none;
  z-index:1;
}
.readerWrap .bookSpread:before{left:5px;background:linear-gradient(90deg,rgba(70,48,24,.28),rgba(255,255,255,0))}
.readerWrap .bookSpread:after{right:5px;background:linear-gradient(270deg,rgba(70,48,24,.26),rgba(255,255,255,0))}
.bookLeaf{
  min-width:0!important;
  min-height:auto!important;
  aspect-ratio:1.52/1!important;
  height:auto!important;
  border:2px solid #111827!important;
  border-radius:4px!important;
  background:#fffdf7!important;
  overflow:hidden!important;
  z-index:2!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.6),
    inset 0 -10px 24px rgba(84,62,28,.06)!important;
}
.bookLeaf.left{border-radius:8px 3px 3px 8px!important}
.bookLeaf.right{border-radius:3px 8px 8px 3px!important}
.bookGutter{
  width:18px!important;
  background:linear-gradient(90deg,rgba(52,37,21,.30),rgba(255,249,232,.76),rgba(52,37,21,.30))!important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.18)!important;
  z-index:3!important;
}
.bookLeaf.speedBookPage{aspect-ratio:1.52/1!important}
.bookLeaf .blockGrid{
  position:relative!important;
  z-index:2!important;
  height:100%!important;
  background:#111!important;
  gap:2px!important;
}
.bookLeaf .pageBlock{
  border:1px solid #111!important;
  background:#fff!important;
  min-width:0!important;
}
.bookLeaf .cellImage{
  height:64%!important;
  background:#fff9e7!important;
}
.bookLeaf .cellText{
  height:36%!important;
  min-height:0!important;
  padding:5px 7px!important;
  font-size:clamp(8px,.72vw,13px)!important;
  line-height:1.18!important;
}
.bookLeaf .pageNumber{
  z-index:20!important;
}
.realBookShadow{opacity:.9!important;inset:12% 4% -5%!important}
.realFlipNext .bookSpread{animation:pageCurlNext .36s ease both}
.realFlipPrev .bookSpread{animation:pageCurlPrev .36s ease both}
@keyframes pageCurlNext{0%{transform:perspective(900px) rotateY(0) translateX(0)}45%{transform:perspective(900px) rotateY(-7deg) translateX(-6px);filter:brightness(.96)}100%{transform:perspective(900px) rotateY(0) translateX(0)}}
@keyframes pageCurlPrev{0%{transform:perspective(900px) rotateY(0) translateX(0)}45%{transform:perspective(900px) rotateY(7deg) translateX(6px);filter:brightness(.96)}100%{transform:perspective(900px) rotateY(0) translateX(0)}}

.readerTools.advancedReaderTools.proToolDock{
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,.68fr)!important;
  overflow:visible!important;
  margin:8px auto 0!important;
  z-index:1!important;
}
.readerToolGroup{
  align-content:start!important;
  overflow:hidden!important;
}
.readerToolGroup button,
.readerToolGroup .pill{
  font-size:11px!important;
  padding:6px 8px!important;
}
.readerToolGroup .toolLabel{
  white-space:nowrap!important;
}
.drawingBar{
  position:relative!important;
  bottom:auto!important;
  width:100%!important;
  max-width:100%!important;
}

.schoolLayer{
  position:absolute!important;
  inset:0!important;
  z-index:30!important;
  pointer-events:none!important;
}
.schoolLayer .hotspot{
  z-index:31!important;
  pointer-events:auto!important;
  opacity:.58!important;
}
.schoolLayer .hotspot:hover,
.schoolLayer .hotspot:focus{
  opacity:1!important;
}
.readerWatermark{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
  user-select:none;
  z-index:12;
  opacity:var(--wm-opacity,.12);
  color:#111827;
  font-weight:1000;
  font-size:clamp(34px,8vw,120px);
  letter-spacing:.08em;
  text-transform:uppercase;
  transform:rotate(-24deg);
  text-align:center;
  line-height:.92;
  mix-blend-mode:multiply;
}
.bookWatermark{
  z-index:11;
  padding:20px;
}
.pageWatermark{
  z-index:11;
}

.sectionFullModal{
  width:min(1180px,96vw)!important;
  max-height:92vh!important;
}
.readerSectionModal{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);
  gap:18px;
  align-items:start;
}
.readerSectionImage img{
  width:100%;
  max-height:76vh;
  object-fit:contain;
  background:#f8fbff;
}
.readerSectionText{
  font-size:clamp(18px,2.1vw,30px);
  line-height:1.35;
  color:#111827;
}
.readerSectionModal.textOnly{
  grid-template-columns:1fr;
}
.presentInlineModal{
  position:absolute;
  inset:0;
  z-index:9000;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(12,23,39,.38);
  backdrop-filter:blur(8px);
}
.presentInlineBox{
  width:min(920px,96vw);
  max-height:90vh;
  overflow:auto;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 40px 130px rgba(4,15,30,.35);
  padding:22px;
}
.presentInlineBox.sectionFullModal{
  width:min(1180px,96vw)!important;
}
.presentMode .hotspot{
  opacity:.72!important;
  z-index:60!important;
}
.presentMode .schoolLayer{
  z-index:55!important;
}
.presentMode .readerWatermark{
  font-size:clamp(42px,9vw,140px);
}

.userAccessGrid{
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;
  align-items:start!important;
}
.userAccessCard{
  padding:18px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.userCardHead{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
}
.userCardHead p{margin:4px 0 0!important}
.compactAccessMatrix{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:10px!important;
  margin:8px 0 10px!important;
}
.accessBookCard{
  border:1px solid #dbe7f4;
  border-radius:16px;
  background:#fff;
  padding:10px;
}
.accessBookCard .checkRow{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  padding:0!important;
}
.accessBookTitle{
  min-width:0;
  font-weight:950;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.accessBookPages{
  white-space:nowrap;
  font-size:12px;
}

@media(max-width:1180px){
  .readerWrap.proReader{grid-template-columns:1fr!important}
  .readerSide{position:relative!important;top:auto!important;max-height:none!important}
  .readerTools.advancedReaderTools.proToolDock{grid-template-columns:1fr 1fr!important}
  .readerToolGroup.navGroup{grid-column:1/-1!important}
}
@media(max-width:760px){
  .viewerHead{grid-template-columns:1fr!important}
  .viewerHead .pill{justify-self:start!important;height:auto!important;min-height:38px!important}
  .pageStage{padding:9px!important;min-height:70vw!important}
  .readerWrap .bookSpread{padding:7px!important}
  .bookLeaf .cellText{font-size:clamp(6.5px,1.9vw,10px)!important;padding:3px 4px!important}
  .bookLeaf .cellImage .cellPlaceholder{font-size:10px!important}
  .readerTools.advancedReaderTools.proToolDock{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
  }
  .readerToolGroup{flex:auto!important}
  .readerSectionModal{grid-template-columns:1fr}
  .userAccessGrid{grid-template-columns:1fr!important}
}

/* v8.6.4 cleaner printed-book feel, no yellow page tint */
.pageStage{
  background:
    radial-gradient(circle at 50% 12%,rgba(255,255,255,.98) 0,rgba(247,250,254,.95) 36%,rgba(226,236,248,.96) 100%),
    linear-gradient(180deg,#f8fbff,#eaf2fb)!important;
}
.readerWrap .realBook{
  filter:drop-shadow(0 30px 55px rgba(14,28,46,.25))!important;
}
.readerWrap .bookSpread{
  border-radius:14px!important;
  background:
    linear-gradient(90deg,#9aa5b5 0,#eef2f7 2.8%,#ffffff 6%,#fbfcfe 49%,#ffffff 94%,#c4ccd8 97%,#7b8798 100%)!important;
  padding:11px 13px 15px!important;
  box-shadow:
    0 34px 78px rgba(14,28,46,.20),
    inset 0 0 0 1px rgba(62,74,91,.48),
    inset 0 -9px 0 rgba(45,57,75,.13),
    inset 0 9px 20px rgba(255,255,255,.62)!important;
}
.readerWrap .bookSpread:before{
  left:5px!important;
  background:linear-gradient(90deg,rgba(36,48,65,.34),rgba(255,255,255,0))!important;
}
.readerWrap .bookSpread:after{
  right:5px!important;
  background:linear-gradient(270deg,rgba(36,48,65,.30),rgba(255,255,255,0))!important;
}
.bookLeaf{
  background:#ffffff!important;
  border:2px solid #111827!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.9),
    inset 0 -12px 22px rgba(20,31,47,.035),
    inset 0 10px 18px rgba(255,255,255,.72)!important;
}
.bookLeaf.left{
  box-shadow:
    inset -20px 0 28px rgba(22,32,45,.09),
    inset 0 0 0 1px rgba(255,255,255,.9)!important;
}
.bookLeaf.right{
  box-shadow:
    inset 20px 0 28px rgba(22,32,45,.08),
    inset 0 0 0 1px rgba(255,255,255,.9)!important;
}
.bookGutter{
  background:
    linear-gradient(90deg,rgba(26,36,50,.42),rgba(247,249,252,.88),rgba(26,36,50,.42))!important;
  box-shadow:inset 0 0 20px rgba(15,23,42,.24)!important;
}
.bookLeaf .cellImage{
  background:linear-gradient(135deg,#f8fafc,#eef3f8)!important;
}
.bookLeaf .cellText{
  background:#ffffff!important;
}
.bookLeaf .pageBlock{
  background:#ffffff!important;
}
.realFlipNext .bookSpread{animation:printedPageNext .46s cubic-bezier(.2,.72,.2,1) both!important}
.realFlipPrev .bookSpread{animation:printedPagePrev .46s cubic-bezier(.2,.72,.2,1) both!important}
.presentFlipNext .presentRealBook{animation:printedPresentNext .38s cubic-bezier(.2,.72,.2,1) both!important}
.presentFlipPrev .presentRealBook{animation:printedPresentPrev .38s cubic-bezier(.2,.72,.2,1) both!important}
@keyframes printedPageNext{
  0%{transform:perspective(1000px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}
  42%{transform:perspective(1000px) rotateY(-10deg) translateX(-8px) scale(.992);filter:brightness(.965) drop-shadow(12px 18px 24px rgba(15,23,42,.18))}
  100%{transform:perspective(1000px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}
}
@keyframes printedPagePrev{
  0%{transform:perspective(1000px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}
  42%{transform:perspective(1000px) rotateY(10deg) translateX(8px) scale(.992);filter:brightness(.965) drop-shadow(-12px 18px 24px rgba(15,23,42,.18))}
  100%{transform:perspective(1000px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}
}
@keyframes printedPresentNext{
  0%{transform:perspective(1300px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}
  45%{transform:perspective(1300px) rotateY(-9deg) translateX(-10px) scale(.992);filter:brightness(.965)}
  100%{transform:perspective(1300px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}
}
@keyframes printedPresentPrev{
  0%{transform:perspective(1300px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}
  45%{transform:perspective(1300px) rotateY(9deg) translateX(10px) scale(.992);filter:brightness(.965)}
  100%{transform:perspective(1300px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}
}

/* v8.6.5 single-page real book rebuild */
#richEditor,
.sectionEditFields .richArea,
.richArea{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.cellText .textBody,
.readerSectionText,
.modalBody{
  white-space:pre-wrap!important;
}

#doubleModeBtn{
  display:none!important;
}
.readerMiniActions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
}

.readerWrap .pageStage{
  overflow:hidden!important;
  padding:22px!important;
  background:
    radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.96) 0,rgba(248,251,255,.93) 36%,rgba(220,232,246,.9) 74%,rgba(207,222,239,.9) 100%)!important;
}
.readerWrap .realBook{
  width:min(100%,1040px)!important;
  isolation:isolate!important;
  filter:drop-shadow(0 34px 62px rgba(15,23,42,.24))!important;
  perspective:1800px!important;
}
.readerWrap .realBookShadow{
  inset:10% 4% -5%!important;
  background:radial-gradient(ellipse at center,rgba(15,23,42,.22),rgba(15,23,42,0) 70%)!important;
}
.readerWrap .bookSpread,
.readerWrap .bookSpread.twoPages,
.readerWrap .bookSpread.singlePage{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-content:center!important;
  width:100%!important;
  max-width:1040px!important;
  min-height:0!important;
  padding:16px 18px 24px!important;
  border-radius:17px!important;
  background:
    linear-gradient(90deg,#243246 0,#516174 1.5%,#d9e1eb 4.4%,#fbfdff 8%,#ffffff 91%,#e1e8f0 96%,#748091 98.5%,#2c3848 100%)!important;
  box-shadow:
    0 38px 86px rgba(15,23,42,.24),
    inset 0 0 0 1px rgba(15,23,42,.42),
    inset 0 -13px 0 rgba(15,23,42,.12),
    inset 18px 0 25px rgba(15,23,42,.08),
    inset -18px 0 25px rgba(15,23,42,.08)!important;
  transform-style:preserve-3d!important;
}
.readerWrap .bookSpread::before{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  top:14px!important;
  bottom:18px!important;
  width:28px!important;
  border-radius:14px 0 0 14px!important;
  background:linear-gradient(90deg,rgba(15,23,42,.32),rgba(15,23,42,.11),rgba(255,255,255,0))!important;
  z-index:4!important;
  pointer-events:none!important;
}
.readerWrap .bookSpread::after{
  content:""!important;
  position:absolute!important;
  right:13px!important;
  top:20px!important;
  bottom:12px!important;
  width:34px!important;
  border-radius:0 12px 12px 0!important;
  background:
    repeating-linear-gradient(0deg,rgba(94,107,124,.24) 0 1px,rgba(255,255,255,.1) 1px 4px),
    linear-gradient(270deg,rgba(15,23,42,.22),rgba(255,255,255,0))!important;
  z-index:4!important;
  pointer-events:none!important;
}
.bookGutter,
.readerWrap .bookLeaf.right{
  display:none!important;
}
.readerWrap .bookLeaf{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:1.52/1!important;
  border:2px solid #0f172a!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.12),
    inset 0 0 0 1px rgba(255,255,255,.9),
    inset 24px 0 34px rgba(15,23,42,.055),
    inset -22px 0 32px rgba(15,23,42,.04),
    inset 0 -10px 18px rgba(15,23,42,.05)!important;
  transform-origin:left center!important;
}
.readerWrap .bookLeaf::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:7;
  background:
    linear-gradient(90deg,rgba(15,23,42,.07),rgba(255,255,255,0) 8%,rgba(255,255,255,0) 92%,rgba(15,23,42,.06)),
    radial-gradient(circle at 50% 0,rgba(255,255,255,.42),rgba(255,255,255,0) 34%);
}
.readerWrap .bookLeaf .blockGrid{
  background:#0f172a!important;
  gap:2px!important;
}
.readerWrap .bookLeaf .pageBlock{
  border:1px solid #0f172a!important;
  background:#fff!important;
}
.readerWrap .bookLeaf .cellImage{
  background:linear-gradient(135deg,#f8fafc,#e9eef5)!important;
}
.readerWrap .bookLeaf .cellText{
  background:#fff!important;
  color:#111827!important;
}
.readerWrap .bookLeaf .pageNumber{
  z-index:8!important;
  right:13px!important;
  bottom:9px!important;
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#475569!important;
}
.realFlipNext .bookSpread,
.realFlipPrev .bookSpread{
  animation:none!important;
}
.realFlipNext .readerWrap .bookLeaf,
.realFlipNext .bookLeaf{
  animation:singleBookPageNext .5s cubic-bezier(.2,.72,.2,1) both!important;
}
.realFlipPrev .readerWrap .bookLeaf,
.realFlipPrev .bookLeaf{
  animation:singleBookPagePrev .5s cubic-bezier(.2,.72,.2,1) both!important;
}
@keyframes singleBookPageNext{
  0%{transform:perspective(1200px) rotateY(0) translateX(0);filter:brightness(1)}
  44%{transform:perspective(1200px) rotateY(-13deg) translateX(-10px) scale(.992);filter:brightness(.95)}
  100%{transform:perspective(1200px) rotateY(0) translateX(0);filter:brightness(1)}
}
@keyframes singleBookPagePrev{
  0%{transform:perspective(1200px) rotateY(0) translateX(0);filter:brightness(1)}
  44%{transform:perspective(1200px) rotateY(13deg) translateX(10px) scale(.992);filter:brightness(.95)}
  100%{transform:perspective(1200px) rotateY(0) translateX(0);filter:brightness(1)}
}
@media(max-width:760px){
  .readerWrap .pageStage{
    padding:10px!important;
  }
  .readerWrap .bookSpread,
  .readerWrap .bookSpread.twoPages,
  .readerWrap .bookSpread.singlePage{
    padding:9px 10px 14px!important;
    border-radius:13px!important;
  }
  .readerWrap .bookSpread::before{
    left:7px!important;
    top:8px!important;
    bottom:10px!important;
    width:16px!important;
  }
  .readerWrap .bookSpread::after{
    right:7px!important;
    top:10px!important;
    bottom:8px!important;
    width:18px!important;
  }
}

/* v8.6.6 launch book: wide single page with cover, page stack and curl turn */
.readerWrap .pageStage{
  overflow:hidden!important;
  min-height:min(78vh,850px)!important;
  padding:34px 46px!important;
  background:
    radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.64),rgba(255,255,255,0) 52%),
    linear-gradient(135deg,#eee8df 0%,#e7e0d7 48%,#ded8cf 100%)!important;
}
.readerWrap .realBook{
  width:min(100%,1160px)!important;
  filter:drop-shadow(0 34px 48px rgba(56,51,45,.28))!important;
}
.readerWrap .bookSpread,
.readerWrap .bookSpread.twoPages,
.readerWrap .bookSpread.singlePage{
  max-width:1160px!important;
  padding:28px 58px 28px 74px!important;
  border:1px solid rgba(53,70,82,.42)!important;
  border-radius:20px!important;
  background:
    linear-gradient(90deg,#7e97a5 0,#a9bac3 5.4%,#edf0ec 5.5%,#fffdf8 8.5%,#fffdf8 93%,#f6f2eb 95%,#d8d8d3 97%,#9aaeb8 100%)!important;
  box-shadow:
    0 34px 75px rgba(65,58,50,.25),
    inset 0 0 0 1px rgba(255,255,255,.72),
    inset 0 -12px 18px rgba(42,54,67,.11),
    inset 18px 0 28px rgba(45,63,78,.09)!important;
}
.readerWrap .bookSpread::before{
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:58px!important;
  border-radius:18px 7px 7px 18px!important;
  background:
    linear-gradient(90deg,rgba(36,51,62,.18),rgba(255,255,255,.18) 22%,rgba(255,255,255,0) 55%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,rgba(22,36,48,.08) 1px 3px),
    linear-gradient(180deg,#9fb3bd,#6f8998)!important;
  box-shadow:
    inset -10px 0 18px rgba(31,44,56,.28),
    inset 6px 0 12px rgba(255,255,255,.22)!important;
  z-index:6!important;
}
.readerWrap .bookSpread::after{
  right:-22px!important;
  top:14px!important;
  bottom:14px!important;
  width:42px!important;
  border-radius:0 18px 18px 0!important;
  background:
    repeating-linear-gradient(90deg,#f8f5ee 0 4px,#dcd7ce 4px 6px),
    linear-gradient(90deg,#fff,#cfd6d8)!important;
  border:1px solid rgba(68,84,96,.28)!important;
  border-left:0!important;
  box-shadow:
    inset 12px 0 20px rgba(53,64,73,.14),
    9px 4px 0 rgba(125,145,155,.42)!important;
  z-index:-1!important;
}
.readerWrap .bookLeaf{
  aspect-ratio:1.68/1!important;
  border:1px solid rgba(175,184,190,.72)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.95),rgba(255,255,255,0) 42%),
    linear-gradient(180deg,#fffefb,#fbfaf6)!important;
  box-shadow:
    0 16px 35px rgba(63,56,48,.12),
    inset 0 0 0 1px rgba(255,255,255,.92),
    inset 16px 0 22px rgba(101,119,130,.07),
    inset -18px 0 24px rgba(101,119,130,.08)!important;
  transform-origin:right center!important;
}
.readerWrap .bookLeaf::before{
  background:
    linear-gradient(90deg,rgba(83,102,114,.08),rgba(255,255,255,0) 8%,rgba(255,255,255,0) 90%,rgba(88,101,110,.08)),
    radial-gradient(circle at 50% 0,rgba(255,255,255,.55),rgba(255,255,255,0) 36%)!important;
  z-index:8!important;
}
.readerWrap .bookLeaf::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  opacity:0;
  pointer-events:none;
  border-radius:18px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(239,243,246,.95) 56%,rgba(154,170,181,.34)),
    repeating-linear-gradient(0deg,rgba(190,198,204,.22) 0 1px,rgba(255,255,255,0) 1px 7px);
  box-shadow:-22px 8px 32px rgba(45,55,64,.22);
  transform-origin:right center;
  transform:perspective(1300px) rotateY(0deg);
}
.readerWrap .bookLeaf .blockGrid{
  padding:38px 42px 56px!important;
  gap:16px!important;
  background:transparent!important;
}
.readerWrap .bookLeaf .pageBlock{
  border:1px solid #d5dde4!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.78),
    0 7px 18px rgba(79,94,107,.055)!important;
}
.readerWrap .bookLeaf .pageBlock:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(75,91,105,.14)!important;
}
.readerWrap .bookLeaf .cellImage{
  height:64%!important;
  border-radius:13px 13px 0 0!important;
  background:
    radial-gradient(circle at 58% 38%,rgba(211,220,226,.9) 0 16%,rgba(255,255,255,0) 17%),
    linear-gradient(155deg,#f7f9fa,#e8eef2 58%,#d7e1e7)!important;
}
.readerWrap .bookLeaf .cellText{
  height:36%!important;
  border-top:1px solid #d5dde4!important;
  padding:8px 10px!important;
  line-height:1.22!important;
  color:#304255!important;
  background:rgba(255,255,255,.9)!important;
}
.readerWrap .bookLeaf .cellPlaceholder,
.readerWrap .bookLeaf .textPlaceholder{
  color:#71879a!important;
}
.readerWrap .bookLeaf .pageNumber{
  right:76px!important;
  bottom:40px!important;
  border-radius:999px!important;
  background:#eef3f6!important;
  border-color:#bac8d2!important;
  color:#4f6374!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 14px rgba(83,98,109,.12)!important;
}
.realFlipNext .bookLeaf,
.realFlipPrev .bookLeaf{
  animation:bookBodyTurn .72s cubic-bezier(.16,.72,.2,1) both!important;
}
.realFlipNext .bookLeaf::after{
  animation:launchPageCurlNext .72s cubic-bezier(.16,.72,.2,1) both!important;
}
.realFlipPrev .bookLeaf::after{
  transform-origin:left center!important;
  box-shadow:22px 8px 32px rgba(45,55,64,.22)!important;
  animation:launchPageCurlPrev .72s cubic-bezier(.16,.72,.2,1) both!important;
}
@keyframes bookBodyTurn{
  0%{filter:brightness(1);transform:translateX(0) scale(1)}
  48%{filter:brightness(.985);transform:translateX(-3px) scale(.998)}
  100%{filter:brightness(1);transform:translateX(0) scale(1)}
}
@keyframes launchPageCurlNext{
  0%{opacity:0;transform:perspective(1300px) rotateY(0deg) translateX(0);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}
  14%{opacity:.98;clip-path:polygon(64% 0,100% 0,100% 100%,64% 100%)}
  52%{opacity:.98;transform:perspective(1300px) rotateY(-62deg) translateX(-8px);clip-path:polygon(10% 0,100% 0,100% 100%,6% 100%)}
  82%{opacity:.45;transform:perspective(1300px) rotateY(-112deg) translateX(-16px);clip-path:polygon(0 0,82% 0,78% 100%,0 100%)}
  100%{opacity:0;transform:perspective(1300px) rotateY(-138deg) translateX(-20px);clip-path:polygon(0 0,28% 0,20% 100%,0 100%)}
}
@keyframes launchPageCurlPrev{
  0%{opacity:0;transform:perspective(1300px) rotateY(0deg) translateX(0);clip-path:polygon(0 0,0 0,0 100%,0 100%)}
  14%{opacity:.98;clip-path:polygon(0 0,36% 0,36% 100%,0 100%)}
  52%{opacity:.98;transform:perspective(1300px) rotateY(62deg) translateX(8px);clip-path:polygon(0 0,90% 0,94% 100%,0 100%)}
  82%{opacity:.45;transform:perspective(1300px) rotateY(112deg) translateX(16px);clip-path:polygon(18% 0,100% 0,100% 100%,22% 100%)}
  100%{opacity:0;transform:perspective(1300px) rotateY(138deg) translateX(20px);clip-path:polygon(72% 0,100% 0,100% 100%,80% 100%)}
}
@media(max-width:760px){
  .readerWrap .pageStage{
    padding:16px 18px!important;
  }
  .readerWrap .bookSpread,
  .readerWrap .bookSpread.twoPages,
  .readerWrap .bookSpread.singlePage{
    padding:15px 22px 15px 38px!important;
  }
  .readerWrap .bookSpread::before{
    width:30px!important;
  }
  .readerWrap .bookSpread::after{
    right:-11px!important;
    width:22px!important;
  }
  .readerWrap .bookLeaf .blockGrid{
    padding:14px 16px 28px!important;
    gap:6px!important;
  }
  .readerWrap .bookLeaf .cellText{
    padding:4px 5px!important;
    font-size:clamp(6.8px,1.85vw,9.5px)!important;
  }
  .readerWrap .bookLeaf .pageNumber{
    right:34px!important;
    bottom:18px!important;
  }
}

/* v8.6.7 final launch cleanup: clean login, tighter real book, stable slide turn */
body.authLocked{
  overflow-x:hidden!important;
}
body.authLocked #libraryView,
body.authLocked #readerView,
body.authLocked #waitingView,
body.authLocked #presentMode,
body.authLocked #modal{
  display:none!important;
}
body.authLocked .app{
  min-height:100dvh!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-items:start!important;
}
body.authLocked .authShell.cleanAuth{
  display:grid!important;
  grid-template-columns:minmax(280px,420px)!important;
  place-content:start center!important;
  min-height:0!important;
  padding:clamp(28px,8vh,84px) 0 0!important;
  margin:0!important;
}
body.authLocked .authShell.cleanAuth .authPanel{
  margin:0 auto!important;
}
body.authLocked .loginContent{
  display:none!important;
  height:0!important;
  overflow:hidden!important;
}
body.waitingLocked #authView,
body.waitingLocked #libraryView,
body.waitingLocked #readerView,
body.waitingLocked #presentMode,
body.waitingLocked #modal,
body.waitingLocked #printRoot{
  display:none!important;
}
body.waitingLocked #waitingView{
  display:grid!important;
  min-height:calc(100dvh - 145px)!important;
  place-items:center!important;
}
body.waitingLocked .app{
  width:min(1760px,100%)!important;
  max-width:100vw!important;
}
body.waitingLocked .waitingCard{
  margin:0 auto!important;
  position:relative!important;
  z-index:2!important;
}

.app.adminAppShell,
.app:has(.readerWrap.proReader:not(.hidden)){
  width:100%!important;
  max-width:none!important;
}
.adminLayout,
.readerWrap.proReader{
  margin-left:0!important;
  margin-right:0!important;
  align-items:start!important;
}
.adminLayout{
  grid-template-columns:292px minmax(0,1fr)!important;
  gap:18px!important;
}
.readerWrap.proReader{
  grid-template-columns:292px minmax(0,1fr)!important;
  gap:16px!important;
  padding-left:0!important;
}
.adminSide,
.readerSide{
  position:sticky!important;
  left:0!important;
  top:88px!important;
  align-self:start!important;
  margin-left:0!important;
  transform:none!important;
  max-height:calc(100vh - 104px)!important;
  overflow:auto!important;
}

.readerWrap .pageStage{
  min-height:clamp(430px,54vw,760px)!important;
  padding:14px 18px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.75),rgba(255,255,255,0) 54%),
    linear-gradient(135deg,#ece7df,#ddd7cf)!important;
}
.readerWrap .realBook,
.presentRealBook{
  width:min(100%,1120px)!important;
  max-width:1120px!important;
  filter:drop-shadow(0 28px 42px rgba(52,47,41,.26))!important;
  transform-style:preserve-3d!important;
}
.readerWrap .bookSpread,
.readerWrap .bookSpread.twoPages,
.readerWrap .bookSpread.singlePage,
.presentRealBook .bookSpread,
.presentRealBook .bookSpread.singlePage{
  width:100%!important;
  max-width:1120px!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding:10px 30px 12px 46px!important;
  border-radius:16px!important;
  border:1px solid rgba(42,57,68,.45)!important;
  background:
    linear-gradient(90deg,#5f7887 0,#90a5af 3.5%,#f5f0e8 3.6%,#fffefa 7%,#fffefa 93%,#f2ede5 95.5%,#d1d0ca 97.5%,#879aa3 100%)!important;
  box-shadow:
    0 26px 58px rgba(58,52,45,.22),
    inset 0 0 0 1px rgba(255,255,255,.75),
    inset 0 -8px 12px rgba(52,65,76,.10)!important;
}
.readerWrap .bookSpread::before,
.presentRealBook .bookSpread::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:38px!important;
  border-radius:15px 6px 6px 15px!important;
  background:
    linear-gradient(90deg,rgba(28,41,51,.24),rgba(255,255,255,.14) 38%,rgba(255,255,255,0)),
    linear-gradient(180deg,#8fa5af,#627d8d)!important;
  box-shadow:inset -8px 0 14px rgba(21,33,43,.26),inset 4px 0 9px rgba(255,255,255,.2)!important;
  pointer-events:none!important;
  z-index:4!important;
}
.readerWrap .bookSpread::after,
.presentRealBook .bookSpread::after{
  content:""!important;
  position:absolute!important;
  right:-13px!important;
  top:10px!important;
  bottom:10px!important;
  width:24px!important;
  border-radius:0 14px 14px 0!important;
  background:repeating-linear-gradient(90deg,#faf7ef 0 3px,#d8d3ca 3px 5px)!important;
  border:1px solid rgba(75,88,98,.24)!important;
  border-left:0!important;
  box-shadow:7px 3px 0 rgba(112,130,140,.34),inset 8px 0 12px rgba(54,64,73,.10)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.bookGutter,
.readerWrap .bookLeaf.right,
.presentRealBook .bookLeaf.right{
  display:none!important;
}
.readerWrap .bookLeaf,
.presentRealBook .bookLeaf{
  aspect-ratio:1.52/1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  border:2px solid #111827!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.82),inset 18px 0 22px rgba(80,95,105,.055),inset -18px 0 22px rgba(80,95,105,.055)!important;
  transform-origin:center center!important;
}
.readerWrap .bookLeaf::before,
.readerWrap .bookLeaf::after,
.presentRealBook .bookLeaf::before,
.presentRealBook .bookLeaf::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.readerWrap .bookLeaf .blockGrid,
.presentRealBook .bookLeaf .blockGrid{
  height:100%!important;
  padding:0!important;
  gap:2px!important;
  background:#111827!important;
}
.readerWrap .bookLeaf .pageBlock,
.presentRealBook .bookLeaf .pageBlock{
  border:1px solid #111827!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.readerWrap .bookLeaf .pageBlock:hover,
.presentRealBook .bookLeaf .pageBlock:hover{
  transform:none!important;
  box-shadow:inset 0 0 0 2px rgba(59,130,246,.28)!important;
}
.readerWrap .bookLeaf .cellImage,
.presentRealBook .bookLeaf .cellImage{
  height:66%!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#f7fafc,#e6eef4)!important;
}
.readerWrap .bookLeaf .cellText,
.presentRealBook .bookLeaf .cellText{
  height:34%!important;
  border-top:1px solid #111827!important;
  padding:5px 6px!important;
  line-height:1.16!important;
  color:#111827!important;
  background:#fff!important;
}
.readerWrap .bookLeaf .pageNumber,
.presentRealBook .bookLeaf .pageNumber{
  right:8px!important;
  bottom:6px!important;
  z-index:9!important;
  font-size:10px!important;
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#475569!important;
  box-shadow:none!important;
}
.presentMode .presentStage{
  padding:16px 62px 30px!important;
  background:linear-gradient(135deg,#ece7df,#ddd7cf)!important;
}
.presentRealBook .bookSpread{
  height:auto!important;
  max-height:calc(100vh - 170px)!important;
}
.presentRealBook .bookLeaf{
  height:auto!important;
}
.realFlipNext .bookSpread,
.realFlipPrev .bookSpread,
.realFlipNext .bookLeaf,
.realFlipPrev .bookLeaf,
.presentFlipNext .presentRealBook,
.presentFlipPrev .presentRealBook{
  animation-duration:.34s!important;
  animation-timing-function:cubic-bezier(.2,.72,.2,1)!important;
}
.realFlipNext .bookLeaf{animation:cleanPageSlideNext .34s cubic-bezier(.2,.72,.2,1) both!important}
.realFlipPrev .bookLeaf{animation:cleanPageSlidePrev .34s cubic-bezier(.2,.72,.2,1) both!important}
.presentFlipNext .presentRealBook{animation:cleanPageSlideNext .34s cubic-bezier(.2,.72,.2,1) both!important}
.presentFlipPrev .presentRealBook{animation:cleanPageSlidePrev .34s cubic-bezier(.2,.72,.2,1) both!important}
@keyframes cleanPageSlideNext{
  0%{opacity:1;transform:translateX(0) scale(1)}
  48%{opacity:.42;transform:translateX(-28px) scale(.99)}
  100%{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes cleanPageSlidePrev{
  0%{opacity:1;transform:translateX(0) scale(1)}
  48%{opacity:.42;transform:translateX(28px) scale(.99)}
  100%{opacity:1;transform:translateX(0) scale(1)}
}
@media(max-width:980px){
  .adminLayout,
  .readerWrap.proReader{
    grid-template-columns:1fr!important;
    padding-left:0!important;
  }
  .adminSide,
  .readerSide{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
  }
}
@media(max-width:760px){
  .readerWrap .pageStage{
    padding:8px!important;
  }
  .readerWrap .bookSpread,
  .readerWrap .bookSpread.singlePage,
  .presentRealBook .bookSpread,
  .presentRealBook .bookSpread.singlePage{
    padding:7px 16px 8px 28px!important;
  }
  .readerWrap .bookSpread::before,
  .presentRealBook .bookSpread::before{
    width:24px!important;
  }
  .readerWrap .bookSpread::after,
  .presentRealBook .bookSpread::after{
    right:-8px!important;
    width:16px!important;
  }
  .presentMode .presentStage{
    padding:10px 46px 24px!important;
  }
}

/* v8.6.10 final admin additions */
.bookWatermarkSetup{
  margin-top:16px!important;
  padding:14px!important;
  border:1px solid #dbe7f4!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fbfdff,#f3f8ff)!important;
}
.bookWatermarkSetup .grid.three{
  grid-template-columns:1.2fr .8fr 1fr!important;
  gap:12px!important;
  align-items:end!important;
}
.bookWatermarkSetup input[type="range"]{
  padding:0!important;
}
@media(max-width:900px){
  .bookWatermarkSetup .grid.three{
    grid-template-columns:1fr!important;
  }
}

/* v8.6.10 quiz upgrade */
.proQuizEditor{
  display:grid!important;
  gap:14px!important;
}
.quizEditorHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid #dbe7f4!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
}
.quizEditorHead h3{
  margin:8px 0 4px!important;
}
.quizEditorHead .muted{
  margin:0!important;
}
.proQuizEditor .quizEditorList{
  display:grid!important;
  gap:14px!important;
}
.quizBuildCard{
  border:1px solid #d8e5f3!important;
  border-radius:20px!important;
  background:#fff!important;
  padding:14px!important;
  box-shadow:0 16px 36px rgba(34,60,90,.08)!important;
}
.quizBuildTop{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  gap:10px!important;
  align-items:center!important;
  margin-bottom:12px!important;
}
.quizNumber{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#2563eb,#06b6d4)!important;
  color:#fff!important;
  font-weight:1000!important;
}
.quizQuestionInput{
  min-height:72px!important;
}
.quizOptionGrid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:10px 0!important;
}
.quizOptionInput{
  margin:0!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.quizOptionInput span{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#edf4ff!important;
  color:#1d4ed8!important;
  font-weight:1000!important;
}
.quizOptionInput input{
  min-height:44px!important;
}
.quizAnswerRow{
  display:grid!important;
  grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.quizAnswerRow textarea{
  min-height:92px!important;
}
.readerQuiz{
  display:grid!important;
  gap:14px!important;
}
.readerQuizTop{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;
  color:#fff!important;
}
.readerQuizTop h3{
  margin:8px 0 0!important;
  color:#fff!important;
}
.readerQuizTop .pill{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}
.quizScorePill{
  border-radius:999px!important;
  padding:10px 14px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.readerQuizList{
  display:grid!important;
  gap:12px!important;
}
.readerQuizCard{
  border:1px solid #dbe7f4!important;
  border-radius:20px!important;
  padding:14px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
}
.readerQuizQuestion{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  margin-bottom:12px!important;
}
.readerQuizQuestion span{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#eaf2ff!important;
  color:#1d4ed8!important;
  font-weight:1000!important;
}
.readerQuizQuestion strong{
  font-size:18px!important;
  line-height:1.35!important;
}
.readerQuizOptions{
  display:grid!important;
  gap:9px!important;
}
.readerQuizOption{
  width:100%!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid #d8e5f3!important;
  background:#fff!important;
  border-radius:15px!important;
  padding:11px 12px!important;
  color:#1f2937!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.readerQuizOption span{
  width:30px!important;
  height:30px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef6ff!important;
  color:#1d4ed8!important;
  font-weight:1000!important;
}
.readerQuizOption:hover{
  border-color:#93b4ff!important;
  box-shadow:0 10px 24px rgba(37,99,235,.10)!important;
}
.readerQuizOption.correct{
  background:#ecfdf5!important;
  border-color:#34d399!important;
  color:#065f46!important;
}
.readerQuizOption.correct span{
  background:#10b981!important;
  color:#fff!important;
}
.readerQuizOption.wrong{
  background:#fff1f2!important;
  border-color:#fb7185!important;
  color:#9f1239!important;
}
.readerQuizOption.wrong span{
  background:#f43f5e!important;
  color:#fff!important;
}
.readerQuizOption:disabled{
  cursor:default!important;
  opacity:1!important;
}
.readerQuizExplain{
  margin-top:12px!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  border:1px solid #bfdbfe!important;
  background:#eff6ff!important;
  color:#1e3a8a!important;
}
.readerQuizExplain div{
  margin:6px 0 0!important;
}
.readerQuizResult{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #dbe7f4!important;
  border-radius:18px!important;
  padding:12px!important;
  background:#fff!important;
}
.quizResultGood{
  color:#047857!important;
  font-weight:1000!important;
}
.quizResultMid{
  color:#b45309!important;
  font-weight:1000!important;
}
.quizResultLow{
  color:#be123c!important;
  font-weight:1000!important;
}
@media(max-width:760px){
  .quizEditorHead,
  .quizBuildTop,
  .quizOptionGrid,
  .quizAnswerRow{
    grid-template-columns:1fr!important;
    display:grid!important;
  }
}
@media(max-width:640px){
  .readerQuizTop,
  .readerQuizResult{
    display:grid!important;
  }
  .quizScorePill{
    justify-self:start!important;
  }
}

/* v8.6.12 proper printable pages */
#printRoot{
  display:none;
}
@media print{
  @page{
    size:A4 landscape;
    margin:10mm;
  }
  html,
  body{
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    color:#111!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  body.printingBookPages>*:not(#printRoot){
    display:none!important;
  }
  body.printingBookPages #printRoot{
    display:block!important;
    width:100%!important;
    background:#fff!important;
  }
  .printSheet{
    width:100%!important;
    min-height:190mm!important;
    height:190mm!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    break-after:page!important;
    page-break-after:always!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .printSheet:last-child{
    break-after:auto!important;
    page-break-after:auto!important;
  }
  .printPageFrame{
    position:relative!important;
    width:267mm!important;
    max-width:267mm!important;
    aspect-ratio:1.52/1!important;
    max-height:178mm!important;
    border:1px solid #9ca3af!important;
    background:#fff!important;
    padding:7mm 8mm 12mm!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .printBlockGrid{
    height:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:1.2mm!important;
    background:#111!important;
    border:1px solid #111!important;
  }
  .printPageBlock{
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:66% 34%!important;
    border:1px solid #111!important;
    background:#fff!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .printCellImage,
  .printCellText{
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .printCellImage{
    display:grid!important;
    place-items:center!important;
    background:#f7fafc!important;
  }
  .printCellImage img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    border:0!important;
    border-radius:0!important;
  }
  .printCellText{
    border-top:1px solid #111!important;
    padding:1.2mm 1.5mm!important;
    background:#fff!important;
    color:#111!important;
    font-size:8.2pt!important;
    line-height:1.08!important;
    font-family:Arial,sans-serif!important;
  }
  .printCellText .textBody,
  .printCellText p,
  .printCellText div,
  .printCellText span{
    color:inherit!important;
    line-height:inherit!important;
  }
  .printCellText h1,
  .printCellText h2,
  .printCellText h3,
  .printCellText p{
    margin:0!important;
  }
  .printCellText b,
  .printCellText strong{
    font-weight:800!important;
  }
  .printFooter{
    position:absolute!important;
    left:8mm!important;
    right:8mm!important;
    bottom:3mm!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:10mm!important;
    align-items:center!important;
    color:#111!important;
    font-size:9pt!important;
    line-height:1!important;
  }
  .printFooter span:first-child{
    font-family:Georgia,serif!important;
    font-style:italic!important;
    font-weight:700!important;
    max-width:80mm!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .printPageFrame .readerWatermark{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    pointer-events:none!important;
    z-index:5!important;
    opacity:var(--wm-opacity,.12)!important;
    transform:rotate(-24deg)!important;
    font-size:34pt!important;
    font-weight:900!important;
    color:#111!important;
  }
}

/* v8.6.14 login flash guard + dedicated music admin */
body.adminBooting #adminApp,
body.adminBooting .adminLoggedNav{
  display:none!important;
}
.musicAdminGrid{
  align-items:stretch;
}
.musicAdminCard,
.musicPreviewCard{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.musicPreviewAudio,
.audioPreview audio{
  width:100%;
  min-width:0;
}
.audioPreview{
  width:100%;
  min-height:120px;
  display:grid;
  gap:10px;
  place-items:center;
  padding:16px;
  font-size:42px;
  font-weight:900;
  color:var(--text);
}

/* v8.6.16 workbook template mode + font fix */
#adminWorkbookMode.active,
#readerWorkbookMode.active,
#presentWorkbookMode.active,
#workbookModeInline.active{
  background:linear-gradient(135deg,#ffcf33,#ffef7a)!important;
  color:#111827!important;
  border-color:#f6c400!important;
  box-shadow:0 12px 28px rgba(246,196,0,.28)!important;
}
.workbookAdminOn .previewCard,
.workbookAdminOn .inspectorCard{
  border-color:#f6d95b!important;
  box-shadow:0 20px 60px rgba(246,196,0,.12)!important;
}
.pageTile.workbookTile{
  display:grid!important;
  gap:5px!important;
  min-width:150px!important;
  border-color:#f3d251!important;
  background:linear-gradient(180deg,#fffdf0,#fff)!important;
}
.wbTileTag{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#fff04a!important;
  color:#111!important;
  font-size:10px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.workbookTemplateChooser,
.workbookEditorFields{
  display:grid!important;
  gap:14px!important;
}
.templateSwitch{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.workbookEditorFields h3,
.workbookEditorFields h4{
  margin:8px 0 0!important;
}
.wbAdminSubgrid{
  display:grid!important;
  gap:8px!important;
  padding:12px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:#fbfdff!important;
}
.workbookPreviewShell{
  width:min(100%,640px)!important;
  margin:auto!important;
}
.workbookEmptyPreview,
.workbookEmptyState{
  max-width:640px!important;
  margin:auto!important;
  text-align:center!important;
}
.readerWrap .bookLeaf.workbookLeaf,
.presentRealBook .bookLeaf.workbookLeaf,
.bookLeaf.workbookLeaf{
  aspect-ratio:.707/1!important;
  width:min(100%,740px)!important;
  max-width:740px!important;
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  overflow:visible!important;
}
.readerWrap .bookSpread.singlePage:has(.workbookLeaf),
.presentRealBook .bookSpread.singlePage:has(.workbookLeaf){
  max-width:760px!important;
}
.wbPage{
  width:100%!important;
  aspect-ratio:.707/1!important;
  background:#fff!important;
  color:#050505!important;
  font-family:Arial,Helvetica,sans-serif!important;
  box-sizing:border-box!important;
  display:block!important;
  container-type:inline-size;
}
.bookLeaf.workbookLeaf .wbPage,
.workbookPreviewShell .wbPage,
.printPageFrame .wbPage{
  height:100%!important;
}
.wbFrame{
  height:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  border:1.35px solid #171717!important;
  border-radius:2.2cqw!important;
  padding:3.4cqw!important;
  overflow:hidden!important;
  position:relative!important;
  font-size:1.72cqw!important;
  line-height:1.3!important;
  background:#fff!important;
}
.wbFrame *{box-sizing:border-box!important}
.wbFrame p{margin:.55em 0!important}.wbFrame ul{margin:.55em 0 0 1.45em!important;padding:0!important}.wbFrame li{margin:.18em 0!important}.wbFrame img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}.wbImgPh{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-height:34px!important;border:1px dashed #bcc6d2!important;border-radius:8px!important;background:#f8fafc!important;color:#64748b!important;font-weight:900!important;text-align:center!important;padding:4px!important}.wbPrefaceTop{display:grid!important;grid-template-columns:1fr 27%!important;align-items:start!important;gap:2cqw!important}.wbPreface h1{font-size:7.4cqw!important;line-height:.9!important;color:#2697d8!important;letter-spacing:.05em!important;text-decoration:underline!important;text-underline-offset:.08em!important;text-shadow:0 2px 0 rgba(14,111,188,.18)!important;margin:0 0 2.1cqw 6cqw!important;font-weight:1000!important}.wbTopIllustration{height:13cqw!important}.wbPrefaceBody{font-size:1.68cqw!important;line-height:1.28!important}.wbPrefaceBody p:nth-child(4){font-weight:900!important;color:#0b4a55!important}.wbFormula{text-align:center!important;font-weight:1000!important;margin:1.9cqw 0!important}.wbLessonBlock{margin-top:.6cqw!important}.wbLessonBlock b,.wbPrefaceBottom b{color:#0b4a55!important;font-weight:1000!important}.wbFlowRow{display:grid!important;grid-template-columns:repeat(13,auto)!important;gap:.6cqw!important;align-items:center!important;margin:2.2cqw 0 2cqw!important}.wbFlowItem{width:7.1cqw!important;height:9.3cqw!important;border:1.2px solid #111!important;border-radius:1.1cqw!important;display:grid!important;grid-template-rows:1.4cqw 1fr!important;place-items:center!important;padding:.55cqw!important;background:#fff!important;text-align:center!important}.wbFlowItem b{font-size:1.05cqw!important}.wbFlowIcon{font-size:3.1cqw!important;line-height:1!important;font-weight:1000!important;color:#164b63!important}.wbArrow{font-weight:1000!important}.wbPrefaceBottom{display:grid!important;grid-template-columns:23% 1fr!important;gap:2.4cqw!important;align-items:start!important;margin-top:1cqw!important}.wbBottomIllustration{height:13.3cqw!important}.wbConceptHead{text-align:center!important}.wbConceptHead b{display:block!important;text-align:left!important;margin-left:4cqw!important;font-size:1.9cqw!important}.wbConceptHead h1{font-size:6.4cqw!important;color:#142cc7!important;letter-spacing:.04em!important;text-decoration:underline!important;text-decoration-style:dashed!important;text-underline-offset:.16em!important;margin:.2cqw 0 2cqw!important;line-height:.9!important;font-weight:1000!important}.wbBulletSection{position:relative!important;margin:1.2cqw 0!important;padding-left:3.8cqw!important}.wbBulletSection:before{content:'•'!important;position:absolute!important;left:1cqw!important;top:-.4cqw!important;font-size:3.3cqw!important;color:#333!important}.wbBulletSection h2{font-size:2.5cqw!important;margin:0!important;font-weight:1000!important}.wbBulletSection p{margin:.1cqw 0!important}.wbCoordGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5.5cqw!important;margin:1.6cqw 3cqw!important}.wbCoordCard{height:18cqw!important;border:1.2px solid #333!important;border-radius:1.1cqw!important;display:grid!important;grid-template-columns:auto auto 1fr!important;grid-template-rows:1fr auto auto!important;gap:.3cqw 1.2cqw!important;align-items:center!important;padding:1.1cqw!important;text-align:center!important}.wbCoordCard span{background:#ffeb22!important;border-radius:.8cqw!important;padding:.8cqw!important;font-size:2.15cqw!important;font-weight:1000!important}.wbCoordCard>b{font-size:2.4cqw!important}.wbCoordCard div{height:12cqw!important;grid-row:1/3!important}.wbCoordCard strong{grid-column:1/4!important;font-size:1.1cqw!important}.wbCoordCard small{grid-column:1/4!important;font-size:1cqw!important}.wbRhymeRow{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:3.2cqw!important;margin:1.2cqw 2.4cqw!important}.wbRhyme{height:11.1cqw!important;border:1.2px solid #333!important;border-radius:.9cqw!important;text-align:center!important;padding:.4cqw!important;display:grid!important;grid-template-rows:1.8cqw 1fr!important}.wbRhyme b{font-size:1.6cqw!important}.wbApply{display:flex!important;gap:1.3cqw!important;align-items:center!important;margin:1.2cqw 3.5cqw .4cqw!important}.wbApply h2{font-size:2.5cqw!important;margin:0!important}.wbWordSplash{width:max-content!important;margin:.3cqw auto!important;padding:.6cqw 5cqw!important;background:#ffd91e!important;color:#ff3040!important;font-size:5cqw!important;font-weight:1000!important;line-height:1!important;clip-path:polygon(5% 0,100% 7%,94% 100%,0 88%)!important}.wbMeaningLine{display:flex!important;justify-content:center!important;gap:7cqw!important;font-size:2.1cqw!important;margin:.7cqw 0 1.2cqw!important}.wbMeaningLine span{color:#00a84d!important}.wbConceptBottom{display:grid!important;grid-template-columns:44% 56%!important;gap:3cqw!important}.wbConceptBottom h3,.wbPracticeTop h3{background:#fff12b!important;font-size:1.55cqw!important;margin:0 0 .8cqw!important;padding:.3cqw .7cqw!important;font-weight:1000!important}.wbSplitBox{border:1px solid #d0a48f!important;background:#fff0e7!important;border-radius:.8cqw!important;text-align:center!important;font-size:2.5cqw!important;color:#ff2c3a!important;font-weight:1000!important;padding:.8cqw!important;margin:0 5cqw 1cqw!important}.wbSplitImgs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2cqw!important;margin:0 5cqw 1cqw!important}.wbSplitImgs>div{height:10cqw!important;border:1px solid #93b0c6!important;border-radius:.7cqw!important;padding:.3cqw!important}.wbPictureNotes{border:1px solid #333!important;border-radius:.8cqw!important;padding:1cqw 1cqw 1cqw 2.7cqw!important}.wbStoryImg{height:25cqw!important}.wbStoryText{background:#ffec16!important;font-size:2.6cqw!important;font-weight:900!important;padding:.5cqw .8cqw!important}.wbPracticeTop{display:grid!important;grid-template-columns:43% 1fr!important;gap:4cqw!important}.wbMeaningBox{border:1.2px solid #333!important;border-radius:1cqw!important;padding:2cqw!important;text-align:center!important;min-height:14cqw!important}.wbMeaningBox b{display:inline-block!important;border:1px solid #333!important;border-radius:.8cqw!important;padding:1cqw 3cqw!important;color:#ff2d37!important;font-size:2cqw!important}.wbSayBox{height:14cqw!important;border:1.2px solid #333!important;border-radius:1cqw!important;display:grid!important;place-items:center!important;font-size:5cqw!important;color:#ff3040!important;font-weight:1000!important}.wbPracticeGrid{display:grid!important;grid-template-columns:44% 1fr!important;gap:1.1cqw 2.2cqw!important;align-items:start!important}.wbPanel{border:1.2px solid #333!important;border-radius:.9cqw!important;padding:1cqw!important;min-height:6cqw!important;overflow:hidden!important}.wbPanel h4{display:inline-block!important;background:#bfe3ee!important;margin:-1cqw 0 .8cqw -1cqw!important;padding:.4cqw 1cqw!important;font-size:1.4cqw!important}.wbPanel b{font-size:1.36cqw!important;color:#2d5770!important}.wbPanel p,.wbPanel label{display:block!important;margin:.55cqw 0!important}.wbStoryPractice{height:18.2cqw!important}.wbAnswerLine{height:2.5cqw!important;border-bottom:1px solid #111!important;margin:.5cqw 0!important}.wbFillBox{border:1px solid #bbb!important;border-radius:1cqw!important;text-align:center!important;color:#ff3040!important;font-weight:1000!important;font-size:4cqw!important;letter-spacing:.06em!important;padding:.8cqw!important}.wbPanel table{width:100%!important;border-collapse:collapse!important;margin-top:.6cqw!important}.wbPanel td{border-bottom:1px solid #ddd!important;padding:.25cqw .5cqw!important}.wbCircle{text-align:center!important;font-size:2.1cqw!important}.wbCircle span{display:block!important;margin-top:1cqw!important;font-size:1.6cqw!important}.wbTeacherNote{position:absolute!important;left:3.4cqw!important;right:3.4cqw!important;bottom:2.6cqw!important;border:1.2px solid #333!important;border-radius:.9cqw!important;display:grid!important;grid-template-columns:10cqw 1fr!important;gap:1cqw!important;align-items:center!important;padding:.8cqw!important;background:#fff!important}.wbTeacherImg{height:9cqw!important}.wbTeacherNote b{display:inline-block!important;background:#fff12b!important;padding:.2cqw 1.5cqw!important}.wbMiniThumb{display:grid!important;place-items:center!important;height:100%!important;background:#fff8cc!important;color:#111!important;font-weight:1000!important;text-align:center!important;padding:8px!important}
@media(max-width:760px){.templateSwitch{grid-template-columns:1fr!important}.workbookPreviewShell{width:100%!important}.wbFrame{font-size:1.62cqw!important}.readerWrap .bookLeaf.workbookLeaf{width:100%!important}}
@media print{
  @page workbookPage{size:A4 portrait;margin:8mm;}
  .workbookPrintSheet{page:workbookPage!important;height:281mm!important;min-height:281mm!important;width:100%!important;align-items:center!important;justify-content:center!important;background:#fff!important;}
  .workbookPrintFrame{width:194mm!important;max-width:194mm!important;height:277mm!important;max-height:277mm!important;aspect-ratio:.707/1!important;padding:0!important;border:0!important;background:#fff!important;overflow:visible!important;}
  .workbookPrintFrame .wbPage{width:194mm!important;height:274mm!important;aspect-ratio:.707/1!important;}
  .workbookPrintFrame .wbFrame{border:1px solid #111!important;border-radius:4mm!important;padding:8mm!important;}
  .workbookPrintFrame .printFooter{left:8mm!important;right:8mm!important;bottom:-1mm!important;}
}


/* v8.6.16 workbook font fix: keep MCQ/options normal like printed screenshot */
.wbFrame .wbPanel label{
  display:block!important;
  margin:.28cqw 0!important;
  color:#111!important;
  font-size:1.22cqw!important;
  line-height:1.22!important;
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.wbFrame .wbPanel p{
  color:#111!important;
  font-size:1.22cqw!important;
  line-height:1.24!important;
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.wbFrame .wbPanel b{
  text-transform:none!important;
  letter-spacing:0!important;
}
.wbFrame .wbPanel .wbCircle b,
.wbFrame .wbTeacherNote b{
  font-weight:1000!important;
}
@media print{
  .workbookPrintFrame .wbPanel label,
  .workbookPrintFrame .wbPanel p{
    font-size:3.35mm!important;
    line-height:1.22!important;
    font-weight:400!important;
    text-transform:none!important;
    letter-spacing:0!important;
    color:#111!important;
  }
}

/* v8.6.17 reader content button removed + page drag scroll preservation */
#toggleReaderSide{display:none!important}
.pageTiles.cleanPageTiles{scroll-behavior:auto!important;overscroll-behavior-inline:contain!important}
.pageTile[draggable="true"]{touch-action:none}
.pageTile.dragging{opacity:.72!important}