/* Responsive leaf, with uniformly fitted Blender-baked artwork. Never changes
   workspace dimensions or scales the printed mark independently on two axes. */
#vpCover { background:transparent; pointer-events:none; }
.vp-cover-visible #vpCover { background:var(--paper); }
#vpCoverBook { position:fixed; padding:0; border:0; background:transparent; pointer-events:auto; z-index:52; border-radius:7px 24px 24px 7px; }
#vpCoverBook:focus-visible { outline:3px solid #8d4148; outline-offset:3px; }
#vpCover>.vp-button { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); z-index:53; pointer-events:auto; white-space:nowrap; background:var(--paper); color:var(--ink); box-shadow:0 2px 12px #0002; }
.vp-cover-stage { position:fixed; z-index:51; pointer-events:none; isolation:isolate; }
.vp-cover-sheet { width:100%; height:100%; transform-origin:left center; transform-style:preserve-3d; pointer-events:none; }
.vp-cover-face { position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; border-radius:7px 24px 24px 7px; overflow:hidden; box-shadow:3px 2px 0 #d6d1be,6px 4px 0 #8d987e,10px 8px 20px #162c2920; }
.vp-cover-front { background:#193e2f; border-left:8px solid #264836; }
.vp-cover-back { transform:rotateY(180deg); background:#d4d8c2; border:6px solid #264836; }
.vp-cover-face canvas { width:100%; height:100%; object-fit:contain; display:block; }
.vp-cover-back canvas { opacity:.8; }
/* Keep a usable labeled control on short screens too. */
@media (max-height:600px) { #vpCover>.vp-button { bottom:5px; min-height:44px; font-size:13px; } }