/* Shared public studio appearance; artwork and purchase states stay with each page. */
body{isolation:isolate;min-height:100dvh;background:#211a15!important;color:#e7bb98}
body::before{content:"";position:fixed;inset:-12px;z-index:-1;pointer-events:none;background:linear-gradient(#211a1566,#211a1599),url('/studio/references/studio-christmas-author-desktop.webp') center/cover no-repeat;filter:blur(8px)}
.book-page,.author-page{color:#e7bb98!important;background:transparent!important;margin-inline:auto}
.book-page .product-card,.author-page .product-card{padding:24px;background:#211a1599;border:1px solid #bd8055;border-radius:14px}
.book-page :is(h1,h2,h3,p,small,a),.author-page :is(h1,h2,h3,p,small,a){color:#e7bb98!important}
a:focus-visible,button:focus-visible{outline:3px solid #fff0c4;outline-offset:3px}
@media(max-width:800px){body::before{background-image:linear-gradient(#211a1566,#211a1599),url('/studio/references/studio-christmas-author-mobile.webp')}.book-page .product-card,.author-page .product-card{padding:18px}}
.studio-page-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:1050px;margin:0 auto 24px;padding:12px;background:#211a15f2;border:1px solid #bd8055;border-radius:12px}.studio-page-nav a{color:#e7bb98;border:1px solid #bd8055;border-radius:7px;padding:12px;min-height:44px;display:flex;align-items:center;text-decoration:none}
.studio-book-presentation{min-width:0;align-self:center}.studio-book-perspective{perspective:1000px;padding:15px;display:flex;justify-content:center}.studio-book-perspective img{width:100%;height:auto;object-fit:contain;transition:transform .3s;border-radius:6px;box-shadow:10px 16px 25px #0006}.studio-book-perspective.with-depth img{transform:rotateY(-12deg) rotateX(3deg);border-right:6px solid #e5d8ca}.studio-book-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.studio-cover-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 24px));max-height:90dvh;overflow:auto;background:#211a15;color:#e7bb98;border:1px solid #bd8055;border-radius:14px;padding:16px}.studio-cover-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.studio-cover-dialog button{display:block;margin:0 0 12px auto}.studio-cover-dialog img{display:block;margin:auto;max-width:100%;max-height:75dvh;object-fit:contain}
@media(prefers-reduced-motion:reduce){.studio-book-perspective img{transition:none;transform:none!important}}
.book-page .product-card>.studio-book-presentation{align-self:center}.studio-book-perspective{perspective:1200px;padding:20px 28px 28px 16px}.studio-book-plane{width:100%;position:relative;transform-style:preserve-3d;isolation:isolate;border-radius:3px 7px 7px 3px;transition:transform .3s}.studio-book-plane img{position:relative;display:block;backface-visibility:hidden;transform:translateZ(1px)!important;border-radius:3px 7px 7px 3px;border:0!important}.studio-book-perspective.with-depth .studio-book-plane{transform:rotateY(-18deg) rotateX(4deg);box-shadow:12px 22px 24px #0006}.studio-book-perspective.with-depth .studio-book-plane::before{content:"";position:absolute;inset:3px;background:#8b6b50;border-radius:3px 7px 7px 3px;transform:translateZ(-18px);box-shadow:4px 12px 15px #0004}.studio-book-perspective.with-depth .studio-book-plane::after{content:"";position:absolute;left:100%;top:3px;width:18px;height:calc(100% - 6px);transform:rotateY(90deg);transform-origin:left;background:repeating-linear-gradient(90deg,#fff8e9 0 1px,#c6b9a6 1px 2px,#efe5d4 2px 3px);border-block:2px solid #a1886b}
@media(prefers-reduced-motion:reduce){.studio-book-plane{transform:none!important;transition:none}.studio-book-plane::before,.studio-book-plane::after{display:none}}
.studio-book-plane{isolation:auto}
/* The same stationary logo bar used by Bobby Studio. */
.studio-logo-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;background:#17120e;color:#e7bb98;padding:12px 20px;margin:-24px -24px 28px;border-bottom:1px solid #bd805544}.studio-logo-header a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px;border:1px solid #bd8055;border-radius:7px;color:#e7bb98;text-decoration:none;font:14px Arial}.studio-logo-header .studio-logo-brand{padding:0;border:0;background:transparent;flex-shrink:0}.studio-logo-header img{display:block;width:58px;height:58px;object-fit:contain}.studio-logo-edition{font:10px Arial;letter-spacing:2px;margin-right:auto}.studio-logo-header a:focus-visible{outline:3px solid #fff0c4;outline-offset:3px}@media(max-width:600px){.studio-logo-header{padding:10px 14px;gap:8px}.studio-logo-header a{padding:10px;font-size:12px}.studio-logo-edition{font-size:9px;letter-spacing:1px}.studio-logo-header .studio-logo-brand{width:48px}.studio-logo-header img{width:48px;height:48px}}
