.booklet { margin-top:24px; }
.booklet-stage { background:var(--header-bg); border-radius:var(--radius-sm); overflow:hidden; perspective:1200px; }
.booklet-stage img { display:block; width:100%; height:auto; object-fit:contain; }
.booklet-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; margin:20px 0 12px; }
.booklet-controls[hidden] { display:none; }
.booklet-controls label { display:flex; align-items:center; gap:8px; max-width:100%; }
.booklet-controls select { font:inherit; color:var(--ink); background:var(--white); border:1px solid var(--border); border-radius:var(--radius-sm); padding:10px; max-width:320px; min-width:0; }
.booklet-status,.booklet > p { text-align:center; }
.booklet-stage img.is-turning { animation:booklet-turn .25s ease-out; }
@keyframes booklet-turn { from { opacity:.5; transform:rotateY(-8deg); } to { opacity:1; transform:rotateY(0); } }
@media(max-width:620px) { .booklet-controls label { order:-1; width:100%; justify-content:center; } .booklet-controls select { max-width:calc(100% - 50px); } }
@media(prefers-reduced-motion:reduce) { .booklet-stage img.is-turning { animation:none; } }