.ttk-pdf-book{--ttk-book-height:760px;position:relative;width:100%;max-width:1180px;margin:24px auto;background:transparent;border:0;overflow:visible;font-family:Arial,sans-serif;outline:none}
.ttk-pdf-toolbar{width:max-content;max-width:calc(100% - 20px);height:46px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 12px;padding:0 10px;background:#171717;color:#fff;border-radius:8px;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.ttk-pdf-toolbar button{min-width:38px;height:34px;border:1px solid #555;border-radius:5px;background:#2e2e2e;color:#fff;cursor:pointer;font-size:16px;line-height:1}.ttk-pdf-toolbar button:hover{background:#3b3b3b}.ttk-pdf-toolbar button:disabled{opacity:.35;cursor:not-allowed}.ttk-page-label{min-width:100px;text-align:center;font-size:13px;font-weight:600}
.ttk-pdf-stage{position:relative;width:100%;min-height:360px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;justify-content:center;gap:0;padding:0;background:transparent;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;perspective:2200px;transform-style:preserve-3d;contain:layout paint}
.ttk-page{position:relative;display:flex;align-items:center;height:100%;min-width:0;z-index:2;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ttk-left-page{justify-content:flex-end}.ttk-right-page{justify-content:flex-start}
.ttk-page canvas,.ttk-turn-face canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.22)}
.ttk-left-page canvas{transform-origin:right center}.ttk-right-page canvas{transform-origin:left center}
.ttk-left-page:after,.ttk-right-page:after,.ttk-turn-face:after{content:"";position:absolute;top:0;bottom:0;width:22px;pointer-events:none;z-index:3}.ttk-left-page:after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.13))}.ttk-right-page:after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.13),transparent)}
.ttk-book-shadow{position:absolute;left:50%;top:0;bottom:0;width:16px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.2),rgba(0,0,0,.2));filter:blur(2px);z-index:12;pointer-events:none}
.ttk-flip-page{display:none!important}
.ttk-under-page{z-index:1}
.ttk-turn-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:18;visibility:hidden;transform-style:preserve-3d;will-change:transform;pointer-events:none;backface-visibility:visible;-webkit-backface-visibility:visible}
.ttk-turn-sheet.is-active{visibility:visible}
.ttk-turn-sheet.is-forward{left:50%;transform-origin:left center}
.ttk-turn-sheet.is-backward{left:0;transform-origin:right center}
.ttk-turn-face{position:absolute;inset:0;display:flex;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.2px);background:transparent}
.ttk-turn-face canvas{max-width:100%;max-height:100%}
.ttk-turn-sheet.is-forward .ttk-turn-front{justify-content:flex-start}.ttk-turn-sheet.is-forward .ttk-turn-back{justify-content:flex-end;transform:rotateY(180deg) translateZ(.2px)}
.ttk-turn-sheet.is-backward .ttk-turn-front{justify-content:flex-end}.ttk-turn-sheet.is-backward .ttk-turn-back{justify-content:flex-start;transform:rotateY(180deg) translateZ(.2px)}
.ttk-turn-sheet.is-forward .ttk-turn-front:after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent)}
.ttk-turn-sheet.is-forward .ttk-turn-back:after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.16))}
.ttk-turn-sheet.is-backward .ttk-turn-front:after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.16))}
.ttk-turn-sheet.is-backward .ttk-turn-back:after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent)}
.ttk-page-corner{position:absolute;width:104px;height:104px;padding:0;border:0;background:transparent;z-index:30;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.ttk-page-corner:before{content:"";position:absolute;width:28px;height:28px;opacity:0;transition:opacity .16s,transform .16s;border-color:rgba(40,40,40,.42)}.ttk-page-corner:hover:before,.ttk-page-corner.is-active:before{opacity:1;transform:scale(1.08)}.ttk-page-corner.is-active{cursor:grabbing}.ttk-corner-lt{left:0;top:0}.ttk-corner-lb{left:0;bottom:0}.ttk-corner-rt{right:0;top:0}.ttk-corner-rb{right:0;bottom:0}.ttk-corner-lt:before{left:8px;top:8px;border-left:2px solid;border-top:2px solid}.ttk-corner-lb:before{left:8px;bottom:8px;border-left:2px solid;border-bottom:2px solid}.ttk-corner-rt:before{right:8px;top:8px;border-right:2px solid;border-top:2px solid}.ttk-corner-rb:before{right:8px;bottom:8px;border-right:2px solid;border-bottom:2px solid}
.ttk-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#333;font-size:18px;background:rgba(255,255,255,.82);z-index:40}.ttk-loading.is-error{color:#a22}.ttk-pdf-error{padding:12px;border:1px solid #b32d2e;background:#fff0f0;color:#7a1717}
.ttk-pdf-book:fullscreen{max-width:none;width:100%;height:100%;padding:14px 16px;background:#202020;box-sizing:border-box}.ttk-pdf-book:fullscreen .ttk-pdf-stage{height:calc(100vh - 78px)!important;max-width:min(1600px,calc((100vh - 78px) * 1.55));margin:0 auto;overflow:hidden;perspective:2600px}.ttk-pdf-book:fullscreen .ttk-pdf-toolbar{margin-bottom:8px}.ttk-pdf-book:fullscreen .ttk-page-corner{width:150px;height:150px;z-index:50}.ttk-pdf-book:fullscreen .ttk-page-corner:before{opacity:.38;width:34px;height:34px;border-color:rgba(255,255,255,.58)}.ttk-pdf-book:fullscreen .ttk-page-corner:hover:before,.ttk-pdf-book:fullscreen .ttk-page-corner.is-active:before{opacity:1}
@media(max-width:760px){.ttk-pdf-book{margin:16px auto}.ttk-pdf-stage{grid-template-columns:1fr;min-height:420px;perspective:1600px}.ttk-left-page{display:none}.ttk-right-page{justify-content:center}.ttk-book-shadow{display:none}.ttk-page-label{min-width:78px}.ttk-pdf-toolbar{gap:5px}.ttk-pdf-toolbar button{min-width:34px}.ttk-corner-lt,.ttk-corner-lb{display:none}.ttk-page-corner{width:90px;height:90px}.ttk-turn-sheet{width:100%;left:0!important;transform-origin:left center!important}.ttk-turn-sheet.is-backward{transform-origin:right center!important}.ttk-turn-face{justify-content:center!important}}