.sample-book-dialog{width:min(1240px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #b8a98d;border-radius:10px;background:#eee6d8;color:#191813;box-shadow:0 24px 100px #0008;overflow:hidden}
.sample-book-dialog::backdrop{background:#11100eda;backdrop-filter:blur(6px)}
.sample-book-shell{padding:22px 28px 18px}
.sample-book-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.sample-book-heading h2{font-family:Georgia,serif;font-size:clamp(24px,3vw,34px);font-weight:400;margin:0;line-height:1.2}
.sample-book-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b7a88c;border-radius:50%;background:transparent;color:inherit;font-size:30px;line-height:1;cursor:pointer;flex-shrink:0}
.sample-book-stage{height:min(68dvh,760px);min-height:200px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:12px 8px 20px;overscroll-behavior:contain;perspective:1800px;touch-action:pan-y}
.sample-book-spread{position:relative;flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;width:min(100%,calc((68dvh - 34px)*1.333333));max-width:1000px;align-items:stretch;filter:drop-shadow(0 12px 14px #33230f40);perspective:1800px}
.sample-book-spread.sample-single{grid-template-columns:1fr;width:min(100%,calc((68dvh - 34px)*.666667))}
.sample-book-spread.sample-cover{width:min(100%,calc((68dvh - 34px)*.632504))}
.sample-paper{position:relative;min-width:0;background:#fff;display:flex;align-items:center;justify-content:center}
.sample-paper img,.sample-turning-page img{display:block;width:100%;height:auto;max-width:none;user-select:none;-webkit-user-drag:none}
.sample-paper-left::after,.sample-paper-right::after{content:"";position:absolute;inset:0;pointer-events:none}
.sample-paper-left::after{background:linear-gradient(to right,transparent 94%,#3c2a1517)}
.sample-paper-right::after{background:linear-gradient(to left,transparent 94%,#3c2a1517)}
.sample-turning-page{position:absolute;top:0;height:100%;background:#fff;z-index:3;pointer-events:none;backface-visibility:hidden;box-shadow:-4px 0 20px #0003}
.sample-book-stage.is-zoomed{display:block;touch-action:auto}
.sample-book-stage.is-zoomed .sample-book-spread{width:2200px;max-width:none;margin:0 auto;filter:none}
.sample-book-stage.is-zoomed .sample-book-spread.sample-single{width:1296px}
.sample-book-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}
.sample-book-step,.sample-book-zoom{min-height:42px;padding:9px 18px;border:1px solid #9c8b6b;border-radius:4px;background:transparent;font:inherit;font-size:15px;color:inherit;cursor:pointer}
.sample-book-step:hover:not(:disabled),.sample-book-zoom:hover{background:#e0d4bd}
.sample-book-step:disabled{opacity:.35;cursor:default}
.sample-book-status{min-width:150px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums}
.sample-book-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-top:12px;font-size:14px}
.sample-book-tools select{border:1px solid #b7a88c;border-radius:4px;padding:9px;background:#f7f2e8;color:inherit;font:inherit}
.sample-book-tools a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.sample-book-dialog button:focus-visible,.sample-book-dialog select:focus-visible,.sample-book-dialog a:focus-visible{outline:3px solid #715b31;outline-offset:3px}
.sample-book-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre-wrap;border:0}
@media(max-width:760px){.sample-book-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.sample-book-shell{padding:16px 12px}.sample-book-heading{margin-bottom:8px}.sample-book-heading h2{font-size:25px}.sample-book-stage{height:calc(100dvh - 225px);padding:8px 4px 16px}.sample-book-spread.sample-single{width:min(100%,calc((100dvh - 249px)*.666667))}.sample-book-spread.sample-cover{width:min(100%,calc((100dvh - 249px)*.632504))}.sample-book-controls{gap:8px}.sample-book-step{padding:8px 13px}.sample-book-status{min-width:125px;font-size:13px}.sample-book-tools{gap:10px;font-size:13px}.sample-book-zoom{font-size:13px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.sample-book-dialog *{animation:none!important;transition:none!important}}