.book-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bt-bg-override,#f4f4f5)}.book-page__header{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--bt-bg-override,#ffffff);border-bottom:1px solid color-mix(in srgb,var(--bt-text-override,#1a1a1a) 12%,transparent)}.book-page__logo{height:38px;width:auto;max-width:160px;border-radius:8px;object-fit:contain}.book-page__pro-name{font-size:17px;font-weight:600;color:var(--bt-text-override,#1a1a1a)}.book-page__main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:24px 16px 56px}.book-page__footer{padding:20px 24px 28px;text-align:center;font-size:13px;color:color-mix(in srgb,var(--bt-text-override,#1a1a1a) 55%,transparent)}.book-page__footer-brand{font-weight:600;color:color-mix(in srgb,var(--bt-text-override,#1a1a1a) 75%,transparent)}.book-page__modes{display:inline-flex;gap:4px;padding:4px;background:color-mix(in srgb,var(--bt-text) 5%,transparent);border-radius:calc(var(--bt-radius) + 4px)}.book-page__mode{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:0;border-radius:var(--bt-radius);background:transparent;color:var(--bt-muted);font-size:13.5px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--bt-transition),color var(--bt-transition),box-shadow var(--bt-transition)}.book-page__mode:hover{color:var(--bt-text)}.book-page__mode--active{background:var(--bt-bg);color:var(--bt-text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}