.cbz-heading,.cbz-actions,.cbz-toolbar,#cbz-page-form { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cbz-heading { justify-content:space-between; margin:20px 0; gap:16px; }
.cbz-heading h2 { font-size:1.2rem; overflow-wrap:anywhere; min-width:0; }
#cbz-page { width:85px; }
.cbz-options { display:flex; flex-wrap:wrap; gap:14px; align-items:end; margin:20px 0; }
.cbz-options>label { min-width:140px; font-size:.85rem; }
.cbz-cover { display:flex; align-items:center; gap:8px; padding:8px 0; }
.cbz-grid { display:grid; grid-template-columns:230px minmax(0,1fr); align-items:start; gap:18px; }
.cbz-grid.without-sidebar { grid-template-columns:minmax(0,1fr); }
#cbz-sidebar h3 { font-size:1rem; }
#cbz-list { padding-left:20px; margin:0; max-height:60vh; overflow:auto; }
#cbz-list button { border:0; background:none; color:var(--navy); text-align:left; font-size:.85rem; padding:7px 2px; width:100%; overflow-wrap:anywhere; }
#cbz-list button[aria-current=page] { font-weight:700; background:#e5eefb; }
.cbz-viewport { min-width:0; height:75vh; min-height:300px; overflow:auto; padding:16px; background:#171e29; border-radius:10px; }
.cbz-workspace[data-background=light] .cbz-viewport { background:#e9eef5; }
.cbz-pages { display:flex; align-items:start; justify-content:center; gap:16px; width:max-content; min-width:100%; margin:auto; }
.cbz-pages[data-direction=rtl] { flex-direction:row-reverse; }
.cbz-pages figure { flex:none; margin:0; min-width:0; }
.cbz-pages img { display:block; width:100%; height:auto; background:#fff; }
.cbz-pages figcaption { color:#d6dfed; font-size:.75rem; text-align:center; margin-top:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cbz-workspace[data-background=light] figcaption { color:#526780; }
.cbz-page-error { min-height:200px; padding:20px; background:#fff; color:#a52834; border-radius:8px; overflow-wrap:anywhere; }
#cbz-status[data-error=true] { color:#b02a37; }
.cbz-reader [hidden] { display:none!important; }
.cbz-workspace:fullscreen { width:100%; height:100%; overflow:auto; background:#f7f9fc; padding:16px; color:#172c45; }
.cbz-workspace:fullscreen .cbz-viewport { height:calc(100vh - 290px); }
@media(max-width:800px) { .cbz-grid { grid-template-columns:1fr; }#cbz-viewport { order:-1; padding:8px; }#cbz-list { max-height:240px; }.cbz-options>label { flex:1; min-width:140px; }.cbz-viewport { height:65vh; }.cbz-pages { gap:8px; } }