/* Notebook reader only: the external workshop has its own isolated styling. */
.nb-reader .nb-header { flex-wrap: wrap; }
.nb-reader .nb-reading-tabs { display:flex; align-items:center; gap:4px; padding:4px; border:1px solid #e1e7ee; border-radius:9px; background:#f3f6f9; }
.nb-reader .nb-reading-tabs button { appearance:none; border:0; border-radius:6px; padding:9px 20px; background:transparent; color:#65758a; font:inherit; font-size:15px; line-height:1.3; font-weight:500; cursor:pointer; white-space:nowrap; }
.nb-reader .nb-reading-tabs button[aria-selected=true] { color:#284969; background:#fff; box-shadow:0 1px 4px #24354a14; }
.nb-reader .nb-reading-tabs button:hover { color:#284969; }
.nb-reader .nb-reading-tabs button:focus-visible { outline:2px solid #526f99; outline-offset:2px; }
.nb-reader #nb-notes-panel[hidden],.nb-reader #nb-visual-panel[hidden],.nb-reader #nb-decorations[hidden],.nb-reader #nb-visual-status[hidden] { display:none!important; }
.nb-reader #nb-notes-panel:focus,.nb-reader #nb-visual-panel:focus { outline:none; }
.nb-reader.nb-visual-mode .nb-paper { padding:18px; background:#f2f5f8; }
.nb-reader #nb-visual-panel { min-width:0; border:1px solid #dce4ed; border-radius:10px; overflow:hidden; background:#fff; }
.nb-reader .nb-visual-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:14px 18px; border-bottom:1px solid #e3e9f0; background:#fff; }
.nb-reader .nb-visual-toolbar strong { color:#344b66; font-size:17px; font-weight:600; letter-spacing:-.02em; }
.nb-reader .nb-visual-toolbar>div { display:flex; flex-wrap:wrap; gap:8px; }
.nb-reader #nb-visual-size { width:auto; min-width:106px; margin:0; padding:8px 10px; font:inherit; font-size:14px; color:#405772; background:#f4f7fa; border:1px solid #dfe6ed; border-radius:6px; cursor:pointer; }
.nb-reader .nb-visual-toolbar .button { padding:8px 12px; font-size:14px; border-radius:6px; border-color:#dfe6ed; background:white; white-space:nowrap; }
.nb-reader .nb-visual-stage { position:relative; overflow:hidden; min-height:660px; height:76vh; background:#f6f8fc; }
.nb-reader #nb-visual-frame { display:block; position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; border:0; background:#f6f8fc; transform-origin:top left; }
.nb-reader #nb-visual-status { position:absolute; top:16px; left:50%; transform:translateX(-50%); z-index:1; max-width:calc(100% - 32px); width:max-content; margin:0; padding:12px 18px; border:1px solid #dde5ef; border-radius:8px; background:#fffffff2; color:#41566f; font-size:15px; box-shadow:0 4px 18px #354d6210; pointer-events:none; }
.nb-reader.nb-fullscreen.nb-visual-mode .nb-layout { display:grid; }
.nb-reader.nb-fullscreen.nb-visual-mode .nb-paper { padding:12px; overflow:hidden; display:flex; flex-direction:column; }
.nb-reader.nb-fullscreen #nb-visual-panel { flex:1; min-height:0; display:flex; flex-direction:column; }
.nb-reader.nb-fullscreen .nb-visual-toolbar { flex-shrink:0; }
.nb-reader.nb-fullscreen .nb-visual-stage { flex:1; min-height:0; height:auto; }
@media(max-width:1100px) {
 .nb-reader .nb-reading-tabs { order:3; }
}
@media(max-width:780px) {
 .nb-reader .nb-reading-tabs { width:100%; justify-content:center; }
 .nb-reader .nb-reading-tabs button { flex:1; }
 .nb-reader.nb-visual-mode .nb-paper { padding:10px; }
 .nb-reader .nb-visual-toolbar { padding:12px; gap:10px; }
 .nb-reader .nb-visual-toolbar strong { font-size:16px; }
 .nb-reader .nb-visual-toolbar .button { padding:8px 9px; }
 .nb-reader .nb-visual-stage { min-height:540px; height:75vh; }
 .nb-reader.nb-fullscreen.nb-visual-mode .nb-layout { display:block; }
 .nb-reader.nb-fullscreen.nb-visual-mode .nb-paper { padding:6px; }
 .nb-reader.nb-fullscreen .nb-visual-toolbar { padding:10px; }
}
@media print {
 .nb-reader .nb-reading-tabs,.nb-reader #nb-visual-panel { display:none!important; }
 .nb-reader #nb-notes-panel[hidden] { display:block!important; }
}