.book-card{text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:0}.book-card>img{width:100%;height:220px;object-fit:cover}.book-card-label{padding:18px}.book-card-label h3{margin:0 0 8px;font-family:Georgia,serif;font-size:23px}.book-card-label p{margin:0 0 12px;color:var(--muted)}.book-card-label small{color:var(--muted)}.book-empty-cover{display:grid;place-items:center;height:220px;background:#e7e3d7;font:32px Georgia,serif}.book-settings{display:grid;grid-template-columns:2fr 2fr 1fr;gap:18px}.book-editor-pages{display:flex;flex-direction:column;gap:24px}.book-editor-page{display:grid;grid-template-columns:minmax(200px,1fr) minmax(250px,1fr);gap:28px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.book-mini{padding:16px;background:#dcded7;align-self:start;position:sticky;top:20px}.book-mini .book-page{aspect-ratio:4/5;min-height:330px;max-height:650px;font-size:12px}.book-page-controls .field{margin:15px 0}.book-page-controls textarea{font:inherit;width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;color:var(--ink);background:var(--paper);resize:vertical}.book-move{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.book-crop{padding:12px;margin-top:12px;background:var(--soft);display:flex;flex-wrap:wrap;gap:9px;align-items:center;border-radius:8px;font-size:12px}.book-crop>span{width:100%;overflow-wrap:anywhere}.book-crop label{display:flex;align-items:center;gap:6px}.book-crop select{padding:7px;max-width:100%}.theme-light{--book-paper:#fffefb;--book-ink:#263a32;--book-muted:#69766b;--book-stage:#dde0d7}.theme-dark{--book-paper:#19231f;--book-ink:#f4f1e7;--book-muted:#b4c0b7;--book-stage:#0d1410}.theme-story{--book-paper:#f8eedc;--book-ink:#593f2d;--book-muted:#82664b;--book-stage:#d9c9ad}.book-page{position:relative;background:var(--book-paper);color:var(--book-ink);padding:5%;display:flex;flex-direction:column;gap:4%;min-height:0;overflow:auto;box-shadow:0 4px 20px #00000012}.book-images{flex:1;min-height:80px;display:grid;grid-template-columns:1fr;gap:3%}.book-images.count-2{grid-template-columns:1fr 1fr}.book-images.count-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.book-images.count-3 figure:first-child{grid-column:1/-1}.book-images.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-grid .book-images{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.layout-cover .book-images{flex:3}.book-images figure{margin:0;position:relative;min-width:0;min-height:0;overflow:hidden;background:#8080800a}.book-media{width:100%;height:100%;position:absolute;inset:0;object-position:var(--focus-x,50%) var(--focus-y,50%)}.fit-contain{object-fit:contain}.fit-cover{object-fit:cover}.focus-x0{--focus-x:0%}.focus-x25{--focus-x:25%}.focus-x50{--focus-x:50%}.focus-x75{--focus-x:75%}.focus-x100{--focus-x:100%}.focus-y0{--focus-y:0%}.focus-y25{--focus-y:25%}.focus-y50{--focus-y:50%}.focus-y75{--focus-y:75%}.focus-y100{--focus-y:100%}.book-page-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:40%;overflow:auto;flex-shrink:0}.book-page-text:empty{display:none}.book-page-text h2{font:clamp(20px,2.5vw,38px)/1.15 Georgia,serif;margin:0 0 12px}.book-page-text p{line-height:1.65;margin:0 0 8px}.layout-cover .book-page-text{text-align:center}.layout-text .book-images{display:none}.layout-text .book-page-text{max-height:none;margin:auto 0;padding:8%}.book-mini .book-page-text h2{font-size:23px}.book-page-number{font-size:10px;color:var(--book-muted);text-align:center;flex-shrink:0;margin-top:auto}.book-missing{display:grid;place-items:center;text-align:center;color:var(--book-muted);padding:12px;font-size:12px}.book-image-download,.book-video-mark{position:absolute;right:8px;top:8px;background:#15251ecc;color:white;border-radius:6px;padding:8px 12px;text-decoration:none;font-size:13px;z-index:1}.book-reader{position:fixed;inset:0;z-index:60;background:var(--book-stage);display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--book-ink)}.book-reader-header,.book-reader-footer{display:flex;align-items:center;gap:15px;padding:12px 22px;background:var(--book-paper)}.book-reader-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:20px Georgia,serif}.book-reader-header .spacer{flex:1}.book-reader-header .iconbtn{font-size:25px}.book-reader-footer{justify-content:center;font-size:12px}.book-reader-footer select{padding:8px}.book-spread{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:20px auto;width:min(1100px,94vw);min-height:0;overflow:hidden}.book-spread.one-page{grid-template-columns:1fr;width:min(550px,70vw)}.book-spread .book-page{height:100%;font-size:14px}.book-reader .btn.secondary{background:var(--book-paper);color:var(--book-ink);border-color:var(--book-muted)}.book-landing{max-width:720px;margin:8vh auto;padding:30px;text-align:center}.book-landing h1{font-family:Georgia,serif}.book-landing .album-actions{justify-content:center}
@media(max-width:900px){.book-settings{grid-template-columns:1fr}.book-editor-page{gap:15px;padding:16px}.book-reader-header{gap:7px;padding:10px}.book-reader-header strong{font-size:16px}}
@media(max-width:700px){.book-editor-page{grid-template-columns:1fr}.book-mini{position:static}.book-mini .book-page{aspect-ratio:4/5;min-height:280px}.book-spread,.book-spread.one-page{width:100%;margin:0;grid-template-columns:1fr}.book-spread .book-page{padding:6%;box-shadow:none}.book-reader-header{flex-wrap:wrap}.book-reader-header strong{flex:1;max-width:200px}.book-reader-header .spacer{display:none}.book-reader-footer{gap:8px;padding:9px 4px}.book-reader-footer .btn{padding:10px}.book-page-text h2{font-size:26px}.book-card>img{height:190px}}

.book-editor-pager{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 0;font-size:12px}.book-spread{animation:book-appear .2s ease-out}@keyframes book-appear{from{opacity:.6}to{opacity:1}}@media(prefers-reduced-motion:reduce){.book-spread{animation:none}}@media(max-width:700px){.nav{overflow-x:auto;justify-content:flex-start;overscroll-behavior-x:contain}.nav button{flex:0 0 68px;max-width:68px;padding:7px 4px}}

.book-reader-option{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.book-spread{position:relative;perspective:1400px}.book-turn{position:absolute;inset:0 0 0 50%;transform-origin:left center;z-index:4;pointer-events:none;backface-visibility:hidden;box-shadow:-8px 0 20px #0003}.book-turn.backward{inset:0 50% 0 0;transform-origin:right center}.book-turn>.book-page{height:100%}.book-spread.one-page .book-turn{inset:0}.book-spread:not(.one-page)>.book-page:first-child{box-shadow:inset -9px 0 14px -12px #0008}.management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.management-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.management-card small{display:block;color:var(--muted)}.management-card strong{display:block;font-size:28px;margin:12px 0}.management-card p{font-size:12px;color:var(--muted)}.management-meter{width:100%;height:24px}@media(max-width:1000px){.management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.book-turn,.book-turn.backward{inset:0}.management-grid{grid-template-columns:1fr}.book-reader-option{font-size:11px}}