#cover-viewer{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:28px;margin:32px 0}
.cover-stage{margin:0;border:1px solid #383047;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 57%,#3b3845,#18151f 75%);text-align:center}
.cover-stage canvas{display:block;width:min(100%,500px);height:auto;margin:auto;cursor:grab;touch-action:pan-y}
.cover-stage canvas:active{cursor:grabbing}
.cover-stage canvas:focus-visible{outline:2px solid #c7a7ff;outline-offset:-4px}
.cover-stage figcaption{padding:0 16px 16px;color:#dfd2ed}
.cover-controls{display:grid;align-content:start;gap:12px}
.cover-controls h2,.cover-controls p{margin:0}
.cover-controls select,.cover-controls button{font:inherit;color:#f4edf9;background:#252030;border:1px solid #62556f;border-radius:8px;padding:10px}
.cover-controls button{cursor:pointer}
.cover-controls [role=status]{min-height:1.5em;color:#cdb9df}
.cover-turn{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:700px){#cover-viewer{grid-template-columns:1fr;gap:18px}}
.cover-page .eyebrow{margin-top:10px}.cover-page h1{font-size:clamp(36px,6vw,63px);max-width:none;margin:12px 0}.cover-page .intro{margin:0}.cover-page #cover-viewer{margin-top:22px}