:root{--ink:#47245f;--cream:#fffaf0;--paper:#fff;--gold:#f5c85c;--lav:#f3e8fb;--line:#eadde9}
.preview-main{padding:28px 16px 54px}.preview-shell{max-width:1120px;margin:0 auto}.preview-head{text-align:center;margin:0 auto 22px;max-width:760px}.preview-head .eyebrow{font-weight:800;color:#77508c;margin-bottom:4px}.preview-head h1{color:var(--ink);margin:.15em 0}.preview-head p{margin:.35em 0}.book-stage{background:#efe8df;border:1px solid #e3d8cd;border-radius:24px;padding:18px;box-shadow:0 14px 35px rgba(74,44,57,.12)}.spread{display:grid;grid-template-columns:1fr 1fr;max-width:930px;margin:auto;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px rgba(44,28,40,.18);position:relative}.spread:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(60,40,50,.14);box-shadow:0 0 10px rgba(40,20,30,.12)}.spread img{width:100%;height:auto;display:block}.spread[hidden]{display:none}.preview-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0 4px}.preview-controls button,.preview-controls a{border:0;border-radius:999px;padding:11px 18px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.preview-controls button{background:var(--ink);color:#fff}.preview-controls button:disabled{opacity:.38;cursor:default}.preview-controls a{background:var(--gold);color:#382243}.spread-count{font-weight:800;color:#60476c;min-width:110px;text-align:center}.preview-note{text-align:center;color:#695d68;font-size:.95rem;margin:12px auto 0;max-width:760px}@media(max-width:700px){.book-stage{padding:8px;border-radius:16px}.spread{border-radius:4px}.preview-main{padding-left:8px;padding-right:8px}.preview-controls{gap:8px}.preview-controls button,.preview-controls a{padding:10px 14px}.preview-head h1{font-size:1.65rem}}