.studio-flipbook{width:min(100%,940px);margin:auto;color:var(--ink);--page:#fffdf5}.flipbook-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;perspective:1800px;aspect-ratio:1.4;background:var(--page);box-shadow:0 8px 26px #30271822;touch-action:pan-y}.album-page{min-width:0;display:flex;align-items:center;justify-content:center;background:var(--page);overflow:hidden}.album-page img{width:100%;height:100%;object-fit:contain;display:block}.album-page p{padding:2rem;text-align:center;font-family:var(--serif);color:var(--muted)}.album-page.left{box-shadow:inset -8px 0 12px -12px #0008}.album-page.right{box-shadow:inset 8px 0 12px -12px #0008}.turning{position:absolute;z-index:2;top:0;bottom:0;transform-origin:left center;transform-style:preserve-3d}.leaf{left:50%;width:50%}.leaf>.album-page{position:absolute;inset:0;backface-visibility:hidden;box-shadow:0 0 8px #0002}.leaf-back{transform:rotateY(180deg)}.flipbook-controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:18px}.flipbook-controls button{border:1px solid var(--line);background:var(--white);color:var(--ink);padding:10px 15px;border-radius:3px;cursor:pointer;min-height:44px}.flipbook-controls button:disabled{opacity:.4;cursor:default}.flipbook-controls button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.flipbook-status{text-align:center;font-size:.85rem;margin:14px 0 0}.flipbook-detail{max-width:min(96vw,1100px);max-height:94vh;border:0;background:var(--paper);padding:24px}.flipbook-detail::backdrop{background:#0009}.flipbook-detail-pages{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flipbook-detail-pages .album-page img{height:auto}.flipbook-detail-close{display:block;margin-left:auto;margin-bottom:15px;padding:8px 18px;cursor:pointer}
@media(max-width:600px){.flipbook-stage{grid-template-columns:1fr;aspect-ratio:.7}.turning.single{left:0;width:100%}.flipbook-controls{gap:8px}.flipbook-controls button{padding:9px 12px}.flipbook-detail-pages{grid-template-columns:1fr}.flipbook-detail{padding:12px}}
@media(prefers-reduced-motion:reduce){.turning{animation:none!important;transition:none!important}}
.flipbook-controls[hidden]{display:none}
.flipbook-stage:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.album-exhibition-title{text-align:center;font-size:clamp(1.6rem,3vw,2.3rem);margin:0 auto 12px;max-width:800px}.album-exhibition-intro{text-align:center;max-width:650px;margin:0 auto 24px;color:var(--muted)}
.flipbook-mobile-hint,.flipbook-mobile-nav{display:none}
@media(max-width:600px){
.flipbook-mobile-hint{display:block;font-size:.9rem;font-weight:600;text-align:center;color:#704331;margin:0 0 10px}
.flipbook-mobile-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:12px}.flipbook-mobile-nav[hidden]{display:none}.flipbook-mobile-nav button{min-height:44px;border:1px solid #9c492c;border-radius:3px;background:var(--white);color:#803d26;padding:8px 10px;font-size:.82rem;font-weight:600;cursor:pointer}.flipbook-mobile-nav button:disabled{opacity:.35;cursor:default}.flipbook-mobile-nav button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.flipbook-mobile-count{text-align:center;font-size:.78rem;white-space:nowrap}
.flipbook-controls [data-turn]{display:none}.flipbook-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}