.book-assessment-preview { width:min(1500px,96vw); max-width:96vw; height:min(920px,94vh); max-height:94vh; display:flex; flex-direction:column; overflow:hidden; border:1px solid #fff; border-radius:28px; }
.book-assessment-preview__header { display:flex; justify-content:space-between; align-items:center; padding:16px 22px; background:var(--q-primary,#965aa0); color:#fff; }
.book-assessment-preview__eyebrow { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; opacity:.84; }
.book-assessment-preview__header h2 { margin:2px 0 0; font-size:22px; line-height:1.2; font-weight:800; }
.book-assessment-preview__body { min-height:0; flex:1; display:grid; grid-template-columns:minmax(300px,360px) minmax(0,1fr); }
.book-assessment-preview__editor { overflow:auto; display:flex; flex-direction:column; gap:12px; padding:18px; border-right:1px solid #d6dee4; background:#f7f9fa; }
.book-assessment-preview__intro { margin:0; color:#52616a; font-size:13px; }
.book-assessment-preview__delivery { display:flex; align-items:center; gap:7px; font-weight:700; color:var(--q-primary,#965aa0); }
.book-assessment-preview__section-list { display:flex; flex-direction:column; gap:10px; }
.book-assessment-preview__section { border:1px solid #d6dee4; border-radius:16px; background:#fff; overflow:hidden; }
.book-assessment-preview__section small { display:block; color:#6f7d84; }
.book-assessment-preview__section-content { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 12px 12px; }
.book-assessment-preview__paper-note { color:#52616a; font-size:12px; }
.book-assessment-preview__move { display:flex; }
.book-assessment-preview__preview { min-width:0; background:#e9edef; }
.book-assessment-preview__preview iframe { width:100%; height:100%; border:0; }
.book-assessment-preview__footer { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 18px; border-top:1px solid #d6dee4; background:#fff; color:#61717a; }
@media(max-width:850px) { .book-assessment-preview__body { grid-template-columns:1fr; grid-template-rows:minmax(190px,40%) minmax(0,1fr); } .book-assessment-preview__editor { border-right:0; border-bottom:1px solid #d6dee4; } }