.book-reader{--book-wine: #811536;background:#e8e5e4;color:#272126;direction:rtl;min-height:85vh;font-family:Arial,sans-serif;display:flex;flex-direction:column}.book-reader:fullscreen{overflow:auto}.book-toolbar{background:#fff;border-bottom:1px solid #d9d2d5;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.book-brand{display:flex;align-items:center;gap:20px;font-weight:700}.book-brand img{width:126px;height:36px;object-fit:contain}.book-brand span{border-right:1px solid #ddd;padding-right:20px}.book-tools{display:flex;gap:6px;flex-wrap:wrap}.book-reader button,.book-reader a{font:inherit;cursor:pointer;color:inherit}.book-tools button,.book-tools a,.book-footer button{border:1px solid #d6cdd1;background:#fff;padding:9px 12px;border-radius:4px;text-decoration:none;font-size:14px;min-height:42px}.book-reader button:disabled{opacity:.35;cursor:default}.book-reader button:focus-visible,.book-reader a:focus-visible,.book-stage:focus-visible{outline:3px solid #ba9443;outline-offset:3px}.book-tools button[aria-pressed=true],.book-tools a[download]{background:var(--book-wine);color:#fff;border-color:var(--book-wine)}.book-workspace{display:flex;flex:1;position:relative;min-height:0}.book-stage{padding:32px 50px;overflow:auto;flex:1;min-width:0;min-height:500px;display:grid;place-items:center;touch-action:pan-y}.book-spread{display:flex;direction:rtl;justify-content:center;width:fit-content;max-width:100%;filter:drop-shadow(0 12px 18px #2b18232b);animation:book-open .28s ease-out;transform-origin:right center}.book-page{margin:0;position:relative;width:min(39vw,calc((100dvh - 280px)*.7067));min-width:240px;max-width:560px;background:#fff;aspect-ratio:800/1132}.book-page+.book-page{border-right:1px solid #c5babc}.book-page img{display:block;width:100%;height:100%;object-fit:contain}.book-page-loading{padding:40px;text-align:center;color:#7d7378}.book-stage.is-zoomed{display:block}.book-stage.is-zoomed .book-spread{max-width:none;margin:auto}.book-stage.is-zoomed .book-page{width:800px;max-width:none;flex-shrink:0}.book-panel{width:290px;max-width:88vw;background:#fff;border-left:1px solid #d8d0d3;padding:20px;max-height:78vh;overflow:auto;flex-shrink:0}.book-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.book-panel button{background:transparent;border:0;padding:12px 0;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:right;border-bottom:1px solid #eee;gap:12px;line-height:1.5}.book-panel-heading button{width:36px;font-size:25px;border:0;padding:0}.book-panel button:hover{color:var(--book-wine)}.book-panel label{font-size:14px}.book-panel input{display:block;width:100%;margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:4px}.book-panel p{font-size:14px;color:#75676e}.book-panel small{display:block;font-size:12px;color:#75676e}.book-thumbnails{display:grid;grid-template-columns:1fr 1fr;gap:14px}.book-thumbnails button{display:block;text-align:center}.book-thumbnails img{width:100%;height:auto;box-shadow:0 2px 6px #0002}.book-footer{display:flex;justify-content:center;align-items:center;gap:14px;background:#fff;padding:12px 20px;border-top:1px solid #d9d2d5;flex-wrap:wrap}.book-footer form{display:flex;align-items:center;gap:8px;font-size:14px}.book-footer input{width:60px;padding:8px;border:1px solid #d6cdd1;border-radius:3px;text-align:center}.book-edition{font-size:13px;color:#786d72;margin-right:15px}.book-error,.book-notice{padding:14px 24px;background:#fff3df;color:#6b3b00}.book-transcript{background:#fff;padding:12px 24px;font-size:14px}.book-transcript article{margin-block:20px}.book-transcript table{border-collapse:collapse}.book-transcript td,.book-transcript th{padding:7px 16px;border:1px solid #ddd;text-align:right}.book-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.book-preview{min-height:600px}.book-preview .book-page{width:min(30vw,380px)}.catalog-studio{display:grid;gap:24px}.catalog-studio-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.catalog-studio-status{background:#fff;border:1px solid #e5dfec;border-radius:12px;padding:24px}.catalog-studio-status h2{margin:0 0 8px}.catalog-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.catalog-settings label{display:grid;gap:8px}.catalog-settings textarea,.catalog-settings input{width:100%;padding:12px;border:1px solid #d5cde0;border-radius:7px;background:#fff;color:#282032;font:inherit}.catalog-settings .wide{grid-column:1/-1}.catalog-setting-image img{width:160px;height:90px;object-fit:cover}.catalog-warning-list{max-height:250px;overflow:auto;padding:16px 30px;line-height:1.8}.catalog-progress{padding:20px;background:#f5f1fc;border:1px solid #d9cbed;border-radius:10px}.catalog-progress progress{width:100%;accent-color:#7855ac}.digital-catalog-empty{padding:12vh 24px;text-align:center;min-height:60vh}.digital-catalog-home{display:block;padding:14px 24px;color:#811536;background:#fff;text-decoration:none;font:15px Arial,sans-serif}@keyframes book-open{0%{opacity:.65;transform:perspective(1500px) rotateY(-6deg)}to{opacity:1;transform:perspective(1500px) rotateY(0)}}@media(prefers-reduced-motion:reduce){.book-spread{animation:none}}@media(max-width:1100px){.book-toolbar{padding:14px}.book-stage{padding:25px}.book-panel{position:absolute;right:0;top:0;bottom:0;z-index:3;box-shadow:-10px 0 25px #0002}}@media(max-width:760px){.book-toolbar{gap:12px}.book-brand img{width:96px}.book-brand{font-size:14px;gap:12px}.book-brand span{padding-right:12px}.book-tools{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}.book-tools button,.book-tools a{white-space:nowrap;font-size:13px}.book-stage{padding:18px 12px;min-height:380px}.book-page,.book-preview .book-page{width:min(90vw,480px);min-width:0;max-width:none}.book-footer{padding:10px;gap:7px}.book-edition{width:100%;text-align:center;margin:0}.catalog-settings{grid-template-columns:1fr}.book-preview{min-height:400px}}@media(max-width:760px){.book-stage:not(.is-zoomed) .book-spread{width:100%;max-width:480px}.book-stage:not(.is-zoomed) .book-page{width:100%;flex:1}.book-stage{touch-action:pan-y pinch-zoom}}
