:root { color-scheme: dark; --ink:#291a10; --gold:#c29a57; }
* { box-sizing:border-box; }
html { min-width:320px; background:#090706; }
body { margin:0; min-height:100vh; font-family:Garamond,"EB Garamond",Georgia,serif; background:radial-gradient(circle at 50% 25%,#332319 0,#090706 58%); }
button,input,select { font:inherit; }
button,a,input { -webkit-tap-highlight-color:transparent; }
.book-view { min-height:100vh; display:grid; place-items:center; padding:clamp(.5rem,2vw,1.5rem); }
.cover { position:relative; width:min(92vw,760px); aspect-ratio:3000/3720; background:center/100% 100% no-repeat; filter:drop-shadow(0 1.4rem 2.2rem rgba(0,0,0,.72)); }
.cover-editor { padding-top:5.5rem; }
.cover-content { position:absolute; z-index:2; inset:5.5%; overflow:visible; }
.front { background-image:url("/media/5e31b234da03971cc8f1-1600.jpg");background-image:image-set(url("/media/5e31b234da03971cc8f1-760.webp") type("image/webp") 1.0000x, url("/media/5e31b234da03971cc8f1-1520.webp") type("image/webp") 2.0000x, url("/media/5e31b234da03971cc8f1-2280.webp") type("image/webp") 3.0000x); }
.back { background-image:url("/media/640168bfb3cc3920ded4-1600.jpg");background-image:image-set(url("/media/640168bfb3cc3920ded4-760.webp") type("image/webp") 1.0000x, url("/media/640168bfb3cc3920ded4-1520.webp") type("image/webp") 2.0000x, url("/media/640168bfb3cc3920ded4-2280.webp") type("image/webp") 3.0000x); }
.cover-link { position:absolute; z-index:4; inset:35% 19% 11%; display:flex; align-items:flex-end; justify-content:center; padding-bottom:8%; color:#d4ad6b; text-decoration:none; text-transform:uppercase; letter-spacing:.16em; text-shadow:0 2px 4px #000; pointer-events:none; }
.cover-link span { opacity:.82; pointer-events:auto; }
.cover-link:hover span,.cover-link:focus-visible span { opacity:1; text-decoration:underline; text-underline-offset:.35em; }
.cover-link:focus-visible { outline:2px solid var(--gold); outline-offset:-1rem; }
.back .cover-link { inset:14% 13%; align-items:flex-start; padding-top:12%; }
.editor-shell { min-height:100vh; padding:5.25rem 1rem 2rem; }
.book-jump-nav { width:min(82vw,1100px,121vh); margin:0 auto .45rem; display:flex; justify-content:space-between; align-items:center; }
.book-jump-nav a { color:#cbb58e; font-size:.92rem; letter-spacing:.035em; text-decoration:none; text-underline-offset:.3em; }
.book-jump-nav a:hover,.book-jump-nav a:focus-visible { color:#f0d7a8; text-decoration:underline; }
.editor-spread { position:relative; width:min(82vw,1100px,121vh); aspect-ratio:3000/1859; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; background:url("/media/f653888f0813372994d9-1600.jpg") center/100% 100% no-repeat;background:image-set(url("/media/f653888f0813372994d9-1100.webp") type("image/webp") 1.0000x, url("/media/f653888f0813372994d9-2200.webp") type("image/webp") 2.0000x, url("/media/f653888f0813372994d9-3000.webp") type("image/webp") 2.7273x) center/100% 100% no-repeat; filter:drop-shadow(0 1.3rem 2rem rgba(0,0,0,.72)); color:var(--ink); }
.canvas-page { position:relative; min-width:0; }
.page-home-control { position:absolute; z-index:7; left:50%; top:9.2%; translate:-50% 0; padding:.12rem .35rem .18rem; border:0; border-bottom:1px solid rgba(89,67,45,.38); color:#59432d; background:transparent; font:600 clamp(.68rem,.9vw,.82rem)/1 Garamond,"EB Garamond",Georgia,serif; letter-spacing:.12em; cursor:pointer; }
.page-home-control:hover,.page-home-control:focus-visible { color:#27170d; border-bottom-color:#59432d; outline:0; }
.page-home-control:disabled { opacity:.35; cursor:default; }
.section-counter { position:absolute; z-index:7; left:50%; bottom:12.3%; translate:-50% 0; display:flex; align-items:center; justify-content:center; gap:.18rem; color:#59432d; font:600 clamp(.72rem,1vw,.88rem)/1 Garamond,"EB Garamond",Georgia,serif; white-space:nowrap; }
.section-counter button { width:25px; height:25px; padding:0; border:0; color:inherit; background:transparent; font:700 1.15rem/1 Garamond,Georgia,serif; cursor:pointer; }
.section-counter button:hover,.section-counter button:focus-visible { color:#27170d; text-decoration:underline; outline:0; }
.section-counter button:disabled { opacity:.28; cursor:default; text-decoration:none; }
.section-counter select { width:2.2rem; min-height:22px; padding:0 .15rem; border:0; border-bottom:1px solid rgba(89,67,45,.45); border-radius:0; color:inherit; background:transparent; font:inherit; text-align:center; cursor:pointer; }
.section-counter select:focus-visible { outline:1px solid #765837; outline-offset:1px; }
.book-page-choice { position:relative; display:flex; align-items:center; gap:.12em; min-width:2.2rem; min-height:22px; padding:0 .15rem; border-bottom:1px solid rgba(89,67,45,.45); }
.book-page-arrow { font-size:.65em; }
.book-page-choice select { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.book-page-choice:has(select:focus-visible) { outline:1px solid #765837; outline-offset:1px; }
.page-safe { position:absolute; inset:8.5% 8% 9%; }
.canvas-page.left .page-safe { left:13%; right:8%; }
.canvas-page.right .page-safe { left:8%; right:13%; }
.spread-safe { position:absolute; z-index:3; inset:8.5% 6.5% 9%; }
.spread-content { position:absolute; inset:0; }
.framework-arrow { position:absolute; z-index:8; left:calc(var(--x)*1%); top:calc(var(--y)*1%); width:clamp(52px,5.5vw,72px); height:clamp(52px,5.5vw,72px); touch-action:none; }
.page-turn { width:100%; height:100%; display:grid; place-items:center; border:0; color:#493421; background:transparent; font:700 clamp(1.75rem,2.5vw,2.25rem)/1 Garamond,Georgia,serif; cursor:pointer; }
.page-turn:hover,.page-turn:focus-visible { color:#1f130b; outline:0; text-decoration:underline; text-underline-offset:.18em; }
.framework-drag-handle { position:absolute; left:50%; top:-19px; translate:-50% 0; width:24px; height:17px; display:grid; place-items:center; border:1px solid #f0d29d; border-radius:2px; color:#fff1d0; background:#6e4924; cursor:move; font:700 12px/1 Georgia,sans-serif; user-select:none; }
.mobile-page-turn { display:none; }
.mobile-reader .editor-spread { width:min(94vw,520px); aspect-ratio:auto; display:block; background:none; filter:none; touch-action:pan-y; }
.mobile-reader .spread-safe { display:none; }
.mobile-reader .canvas-page { display:none; width:100%; aspect-ratio:1500/1859; background-image:url("/media/f653888f0813372994d9-1600.jpg");background-image:image-set(url("/media/f653888f0813372994d9-1100.webp") type("image/webp") 1.0000x, url("/media/f653888f0813372994d9-2200.webp") type("image/webp") 2.0000x, url("/media/f653888f0813372994d9-3000.webp") type("image/webp") 2.7273x); background-size:200% 100%; background-repeat:no-repeat; }
.mobile-reader .canvas-page.mobile-active { display:block; }
.mobile-reader .canvas-page.left { background-position:left center; }
.mobile-reader .canvas-page.right { background-position:right center; }
.mobile-reader .page-home-control { top:9.2%; font-size:.78rem; }
.mobile-reader .section-counter { bottom:12.3%; font-size:.82rem; }
.mobile-reader .page-safe,.mobile-reader .canvas-page.left .page-safe,.mobile-reader .canvas-page.right .page-safe { inset:8.5% 11% 9%; }
.mobile-framework-arrow { display:none; }
.mobile-reader .mobile-framework-arrow { position:absolute; z-index:8; left:calc(var(--x)*1%); top:calc(var(--y)*1%); display:block; width:60px; height:60px; touch-action:none; }
.mobile-reader:not(.mobile-edit) .mobile-framework-arrow.previous { transform:translateX(-28px); }
.mobile-reader:not(.mobile-edit) .mobile-framework-arrow.next { transform:translateX(28px); }
.mobile-reader .mobile-page-turn { display:grid; width:100%; height:100%; font-size:2rem; }
.mobile-arrow-drag-handle { display:none; }
.mobile-reader .editing-tools { display:none; }
.mobile-reader.mobile-edit .editing-tools { display:flex; }
.mobile-reader:not(.mobile-edit) .save-layout { display:none; }
.mobile-reader .editor-element { outline:0!important; cursor:default; }
.mobile-reader:not(.mobile-edit) .editor-element { touch-action:pan-y; }
.mobile-reader .text-content { font-size:var(--font-size); cursor:default; }
.mobile-reader:not(.mobile-edit) .text-content { overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; line-height:1.18; scrollbar-width:thin; -webkit-overflow-scrolling:touch; }
.mobile-reader .link-badge,.mobile-reader .drag-handle,.mobile-reader .resize-handle,.mobile-reader .framework-drag-handle { display:none!important; }
.mobile-edit .editor-element.selected { outline:2px solid #936a35!important; cursor:move; }
.mobile-edit .drag-handle { display:grid!important; }
.mobile-edit .resize-handle { display:block!important; }
.mobile-edit .mobile-arrow-drag-handle { position:absolute; left:50%; top:-19px; translate:-50% 0; width:24px; height:17px; display:grid; place-items:center; border:1px solid #f0d29d; border-radius:2px; color:#fff1d0; background:#6e4924; cursor:move; font:700 12px/1 Georgia,sans-serif; user-select:none; }
.mobile-edit .section-editor-controls { display:flex; }
.visitor-mode .toolbar,.visitor-mode .drag-handle,.visitor-mode .resize-handle,.visitor-mode .framework-drag-handle { display:none!important; }
.visitor-mode .editor-element { outline:0!important; cursor:default; }
.visitor-mode .editor-shell { padding-top:1.5rem; }
.visitor-mode .cover-editor { padding-top:clamp(.5rem,2vw,1.5rem); }
.editor-element { position:absolute; left:calc(var(--x)*1%); top:calc(var(--y)*1%); width:calc(var(--w)*1%); height:calc(var(--h)*1%); z-index:var(--z); min-width:44px; min-height:32px; cursor:move; touch-action:none; }
.editor-element.selected { outline:2px solid #936a35; outline-offset:3px; }
.text-content { width:100%; height:100%; overflow:hidden; outline:0; color:var(--text-color,var(--ink)); font-family:Garamond,"EB Garamond",Georgia,serif; font-size:var(--font-size); font-weight:var(--font-weight); font-style:var(--font-style); text-align:var(--text-align); line-height:1.25; cursor:text; white-space:pre-wrap; }
.library-access-title { text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:.16em; text-decoration-color:currentColor; }
.inline-section-link { display:inline; margin:0; padding:0; border:0; background:none; color:inherit; font:inherit; line-height:inherit; text-align:inherit; cursor:pointer; }
.inline-section-link:hover,.inline-section-link:focus-visible { color:#5b3d21; text-decoration:underline; text-underline-offset:.18em; outline:0; }
.image-content { width:100%; height:100%; object-fit:fill; display:block; pointer-events:none; }
.empty-image { width:100%; height:100%; display:grid; place-items:center; border:1px dashed #7b654b; color:#66523b; background:rgba(255,255,255,.15); text-align:center; padding:.5rem; cursor:pointer; }
.resize-handle { position:absolute; right:-7px; bottom:-7px; width:15px; height:15px; border:2px solid #f0d29d; background:#6e4924; cursor:nwse-resize; }
.drag-handle { position:absolute; left:-7px; top:-22px; width:25px; height:18px; display:grid; place-items:center; border:1px solid #f0d29d; border-radius:2px; color:#fff1d0; background:#6e4924; cursor:move; font:700 13px/1 Georgia,sans-serif; touch-action:none; user-select:none; }
.link-badge { position:absolute; right:-6px; top:-21px; z-index:2; color:#fff1d0; background:#5a3c20; padding:1px 5px; border:0; border-radius:2px; font:12px/1.4 Georgia,serif; text-decoration:none; cursor:pointer; }
.view-link-overlay { position:absolute; z-index:4; inset:0; display:block; width:100%; height:100%; padding:0; border:0; color:transparent; background:transparent; text-decoration:none; cursor:pointer; }
.link-tools label { display:flex; align-items:center; gap:.28rem; white-space:nowrap; }
.inline-link-tools { flex-wrap:wrap; }
.inline-link-title { width:min(12rem,22vw); }
.inline-link-existing { max-width:15rem; }
.inline-link-edit-hint { color:#bea77e; font-size:.72rem; white-space:nowrap; }
.inline-link-warning { max-width:22rem; color:#f1a59b; font-size:.76rem; line-height:1.2; }
.visitor-mode .link-badge,
.visitor-mode [aria-label="Open assigned link"] { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; }
.visitor-mode .editor-element:has(.view-link-overlay:hover) .text-content,
.visitor-mode .editor-element:has(.view-link-overlay:focus-visible) .text-content { color:#5b3d21; text-decoration:underline; text-underline-offset:.18em; }
.visitor-mode .editor-element:has(.view-link-overlay:hover) .image-content,
.visitor-mode .editor-element:has(.view-link-overlay:focus-visible) .image-content { filter:brightness(.92); opacity:.94; }
.view-link-overlay:focus { outline:0; }
.drop-active { outline:3px dashed #9b713d; outline-offset:3px; }
.toolbar { position:fixed; z-index:100; left:0; right:0; top:0; min-height:4.25rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.38rem; padding:.55rem .75rem; background:rgba(18,13,10,.97); border-bottom:1px solid #59432d; box-shadow:0 .35rem 1rem rgba(0,0,0,.45); color:#ead8b7; }
.toolbar-group { display:flex; align-items:center; gap:.3rem; padding-right:.5rem; border-right:1px solid #59432d; }
.toolbar-group:last-child { border:0; padding-right:0; }
.tool-button,.tool-input,.tool-select { min-height:2rem; border:1px solid #70583d; border-radius:2px; color:#ead8b7; background:#241a13; padding:.28rem .55rem; }
.tool-button { cursor:pointer; }
.tool-button:hover,.tool-button:focus-visible { background:#3b291b; outline:1px solid #c39a5f; }
.tool-button[aria-pressed="true"] { background:#61431f; }
.color-palette { display:flex; align-items:center; gap:4px; padding-left:.2rem; }
.color-swatch { width:19px; height:19px; flex:0 0 19px; padding:0; border:1px solid #8b7457; border-radius:2px; background:var(--swatch); cursor:pointer; }
.color-swatch:hover,.color-swatch:focus-visible { outline:2px solid #e7c990; outline-offset:1px; }
.color-swatch[aria-pressed="true"] { outline:2px solid #e7c990; outline-offset:1px; }
.color-swatch:disabled { opacity:.35; cursor:default; outline:0; }
.tool-button:disabled,.tool-input:disabled,.tool-select:disabled { opacity:.38; cursor:default; }
.tool-input { width:4.2rem; }
.section-editor-controls label { display:flex; align-items:center; gap:.28rem; white-space:nowrap; }
.duplicate-page-controls,.duplicate-page-controls label,.duplicate-spread-controls,.duplicate-spread-controls label,.blank-spread-controls,.blank-spread-controls label,.delete-spread-controls,.delete-spread-controls label,.copy-paste-page-controls,.copy-paste-page-controls label { display:flex; align-items:center; gap:.28rem; white-space:nowrap; }
.delete-spread-warning { color:#8c241d; font-weight:700; }
.compact-select { width:3.5rem; }
.section-start-select { width:5.2rem; }
.link-input { width:min(14rem,25vw); }
.spread-label { min-width:4.8rem; text-align:center; }
.save-status { min-width:3.6rem; color:#bea77e; font-size:.86rem; }
.save-status.error { max-width:24rem; color:#f1a59b; }
.bwab-decoder-component { position:absolute; z-index:12; left:calc(var(--decoder-x)*1%); top:calc(var(--decoder-y)*1%); width:79%; height:67.65%; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.decoder-drag-handle { position:sticky; top:0; z-index:5; display:block; width:max-content; margin:0 auto -22px; padding:3px 9px; border:1px solid #6c5132; border-radius:999px; background:#2c2626; color:#fff; cursor:grab; touch-action:none; user-select:none; font:600 11px/1.3 system-ui,sans-serif; box-shadow:0 1px 4px rgba(0,0,0,.25); }
.decoder-drag-handle:active { cursor:grabbing; }
#bwab-decoder-station { width:100%; min-height:100%; padding:clamp(7px,.75vw,12px); border:1px solid rgba(113,83,48,.42); border-radius:10px; background:rgba(255,250,240,.9); color:#151515; font-family:Georgia,"Times New Roman",serif; box-shadow:0 2px 8px rgba(0,0,0,.08); }
#bwab-decoder-station h2 { margin:0 0 3px; text-align:center; font-size:clamp(.9rem,1.35vw,1.18rem); font-weight:600; }
#bwab-decoder-station .bwab-subtitle { margin:0 0 5px; text-align:center; color:#4d4236; font-size:clamp(.62rem,.78vw,.75rem); line-height:1.2; }
#bwab-decoder-station label { display:block; margin:5px 0 2px; font-size:clamp(.64rem,.8vw,.76rem); font-weight:600; }
#bwab-decoder-station select,#bwab-decoder-station textarea { width:100%; box-sizing:border-box; border:1px solid #b7a78f; border-radius:5px; padding:4px 6px; background:#fff; color:#111; font-family:Consolas,"Courier New",monospace; font-size:clamp(.64rem,.78vw,.74rem); }
#bwab-decoder-station textarea { min-height:55px; resize:vertical; line-height:1.25; }
#bwab-decoder-station .bwab-help { margin-top:3px; color:#62584b; font-size:clamp(.56rem,.67vw,.65rem); line-height:1.2; }
#bwab-decoder-station .bwab-buttons { display:flex; gap:5px; flex-wrap:wrap; justify-content:center; margin-top:6px; }
#bwab-decoder-station button { border:1px solid #2c2626; border-radius:999px; padding:4px 9px; background:#2c2626; color:#fff; cursor:pointer; font:600 clamp(.62rem,.75vw,.72rem)/1.2 Georgia,"Times New Roman",serif; }
#bwab-decoder-station button.secondary { background:#f4eadf; color:#2c2626; }
#bwab-decoder-station button:hover,#bwab-decoder-station button:focus-visible { transform:translateY(-1px); outline:1px solid #7b5b38; outline-offset:1px; }
#bwab-decoder-station .bwab-output { min-height:46px; white-space:pre-wrap; font-family:Georgia,"Times New Roman",serif; line-height:1.3; }
#bwab-decoder-station .bwab-status { margin-top:5px; text-align:center; color:#555; font-size:clamp(.58rem,.7vw,.67rem); }
.mobile-reader .bwab-decoder-component { width:78%; height:67.65%; }
.mobile-reader #bwab-decoder-station { padding:10px; }
.mobile-reader #bwab-decoder-station h2 { font-size:1.05rem; }
.mobile-reader #bwab-decoder-station .bwab-subtitle,.mobile-reader #bwab-decoder-station label,.mobile-reader #bwab-decoder-station select,.mobile-reader #bwab-decoder-station textarea { font-size:.78rem; }
.mobile-reader #bwab-decoder-station .bwab-help,.mobile-reader #bwab-decoder-station .bwab-status { font-size:.68rem; }
.mobile-reader #bwab-decoder-station button { min-height:28px; font-size:.72rem; }
.close-editor { color:#dec59a; margin-left:.25rem; text-underline-offset:.25em; }
.fragment-library-shell { min-height:100vh; display:grid; place-items:start center; background:#18110b; }
.fragment-library-page { container-type:inline-size; position:relative; width:min(100vw,calc(100vh * 4950 / 5501)); aspect-ratio:4950/5501; color:#16100b; font-family:Garamond,"EB Garamond",Georgia,serif; }
.fragment-library-skin { display:block; width:100%; height:100%; object-fit:contain; }
.fragment-page-one-bar,.fragment-page-one-box { position:absolute; inset:0; pointer-events:none; }
.fragment-page-one-bar { clip-path:inset(28.1% 4.5% 68.3% 4.5%); }
.fragment-page-one-box { clip-path:inset(33.2% 4.5% 43.2% 4.5%); }
.fragment-page-one-prompt { position:absolute; left:15.5%; top:28.15%; width:69%; height:3.5%; margin:0; display:grid; place-items:center; font-size:2.1cqw; line-height:1; text-align:center; }
.edition-library-footer { position:absolute; left:0; bottom:0; width:100%; height:9%; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:0 21% 1.2%; background:url("/media/10550924f47f737cf03c-721.png") center bottom/100% auto no-repeat;background:image-set(url("/media/10550924f47f737cf03c-721.webp") type("image/webp") 1.0000x) center bottom/100% auto no-repeat; font-size:1.55cqw; }
.edition-library-footer.continuation { grid-template-columns:1fr auto 1fr; }
.edition-library-footer a { color:#291a10; text-decoration:none; }
.edition-library-footer a:hover,.edition-library-footer a:focus-visible { text-decoration:underline; text-underline-offset:.15em; outline:0; }
.library-footer-previous { justify-self:start; }
.library-footer-next,.library-footer-end { justify-self:end; }
.library-page-jump { display:flex; align-items:center; justify-content:center; gap:.18em; color:#59432d; font-weight:600; white-space:nowrap; }
.library-page-choice { position:relative; display:flex; align-items:center; gap:.12em; min-height:1.45em; padding:0 .15em; border-bottom:1px solid rgba(89,67,45,.45); }
.library-page-arrow { font-size:.65em; }
.library-page-choice select { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.library-page-choice:has(select:focus-visible) { outline:1px solid #765837; outline-offset:1px; }
.edition-library-footer.first-page:not(.single-page) { grid-template-columns:1fr; }
.edition-library-footer.first-page:not(.single-page) .library-footer-next { justify-self:center; }
.edition-library-footer.single-page { grid-template-columns:1fr; }
.edition-library-footer.single-page .library-footer-end { justify-self:center; }
.fragment-library-hotspot { position:absolute; left:calc(var(--x)*1%); top:calc(var(--y)*1%); width:calc(var(--w)*1%); height:calc(var(--h)*1%); display:block; border-radius:3px; color:transparent; background:transparent; }
.fragment-library-hotspot span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.fragment-library-hotspot:hover { background:rgba(91,61,33,.08); }
.fragment-library-hotspot:focus-visible { outline:2px solid #5b3d21; outline-offset:2px; background:rgba(255,247,226,.22); }
.fragment-list { position:absolute; left:15.5%; width:69%; font-family:Arial,Helvetica,sans-serif; font-size:1.55cqw; line-height:1.18; }
.fragment-list.page-one { top:34.5%; }
.fragment-list.page-two { top:18.2%; }
.fragment-list-prompt { margin:0 0 4.2%; text-align:center; font-family:Garamond,"EB Garamond",Georgia,serif; font-size:1.35em; }
.fragment-list.page-two .fragment-list-prompt { margin-bottom:8%; }
.fragment-list article { margin:0 0 4%; }
.fragment-list article a { color:#111; font-weight:700; text-decoration:none; }
.fragment-list article a:hover,.fragment-list article a:focus-visible { color:#5b3d21; text-decoration:underline; text-underline-offset:.14em; outline:0; }
.fragment-list article p { margin:.12em 0 0; }
.image-picker { display:none; }
@media(max-width:900px){ .editor-shell{padding-top:7.8rem;} }
@media(max-width:720px){
  .book-view{padding:0;align-items:start}.cover-editor{padding-top:9.5rem}.visitor-mode .cover-editor{padding-top:0}.cover{width:min(92vw,calc(92svh * 3000 / 3720));min-height:0;aspect-ratio:3000/3720;background-size:100% 100%;background-position:center top}
  .editor-shell{padding:9.5rem 0 2rem}.book-jump-nav{width:100%;padding:0 1rem;margin-bottom:.65rem}.book-jump-nav a{font-size:1rem}
  .toolbar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.toolbar-group{flex:0 0 auto}.link-input{width:10rem}
}
@media(prefers-reduced-motion:no-preference){.cover-link span,.tool-button{transition:background .15s ease,opacity .15s ease}}

/* Local manager only; Library artwork and pagination retain their existing styles. */
.library-manager { width:min(960px,92vw); max-height:90vh; overflow:auto; box-sizing:border-box; border:2px solid #6b4929; border-radius:8px; padding:24px; color:#291a10; background:#f4e4bd; font-family:Arial,Helvetica,sans-serif; }
.library-manager::backdrop { background:#180d08bb; }
.library-manager h2 { margin-top:0; font-family:Georgia,serif; }
.library-manager-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.library-records { max-height:430px; overflow:auto; margin-top:12px; }
.library-manager button { padding:9px 12px; cursor:pointer; color:#291a10; background:#fff8e8; border:1px solid #8c6b46; border-radius:4px; }
.library-records button { display:block; width:100%; text-align:left; margin-bottom:6px; }
.library-manager label { display:block; margin-bottom:14px; font-weight:bold; }
.library-manager input,.library-manager textarea { display:block; box-sizing:border-box; width:100%; margin-top:5px; padding:9px; font:inherit; }
.library-status { min-height:1.4em; }
@media(max-width:720px) { .library-manager-grid { grid-template-columns:1fr; } .library-records { max-height:180px; } .library-manager { padding:16px; } }
.library-manager input,.library-manager textarea { color:#291a10; background:#fff8e8; border:1px solid #8c6b46; border-radius:4px; }

/* Preserve existing FE boxes; fit long copy, with bounded scrolling at the reading-size floor. */
.managed-fe-text { overflow-x:hidden!important; overflow-y:auto!important; overflow-wrap:anywhere; overscroll-behavior:contain; scrollbar-width:thin; cursor:default; }
.library-manager { color-scheme:light; }
.featured-settings { margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid #8c6b46; }
.featured-settings select { display:block; width:100%; margin:6px 0 12px; padding:8px; }
.manager-cover-preview { max-width:90px; max-height:120px; object-fit:contain; display:block; margin:8px 0; }
.manager-cover-preview[hidden] { display:none; }
.cover-note { font-size:.9em; }
[data-delete-confirm] { margin-top:12px; border:1px solid #8c6b46; padding:12px; }
.library-manager-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .library-records button,.featured-settings select { overflow-wrap:anywhere; max-width:100%; } @media(max-width:720px) { .library-manager-grid { grid-template-columns:minmax(0,1fr); } }