.dvl-pfb{--dvl-pfb-height:720px;--dvl-pfb-bg:#20242b;position:relative;display:flex;flex-direction:column;width:100%;height:var(--dvl-pfb-height);min-height:360px;overflow:hidden;background:var(--dvl-pfb-bg);border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.22);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dvl-pfb *{box-sizing:border-box}.dvl-pfb-toolbar{display:flex;flex-direction:column;gap:0;background:rgba(10,12,16,.9);border-bottom:1px solid rgba(255,255,255,.12);z-index:10}.dvl-pfb-toolbar-main{display:flex;align-items:center;gap:6px;min-height:48px;padding:7px 10px}.dvl-pfb button,.dvl-pfb-button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font:inherit;line-height:1;cursor:pointer}.dvl-pfb button:hover,.dvl-pfb-button:hover{background:rgba(255,255,255,.16);color:#fff}.dvl-pfb button:disabled{opacity:.35;cursor:not-allowed}.dvl-pfb-spacer{flex:1}.dvl-pfb-page-control{display:flex;align-items:center;gap:5px;font-size:14px}.dvl-pfb-page-control input{width:62px;height:34px;padding:4px 6px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#fff;color:#111;text-align:center}.dvl-pfb-stage{position:relative;flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:22px;outline:none;perspective:1800px}.dvl-pfb-book{display:flex;align-items:center;justify-content:center;gap:3px;max-width:100%;transform-origin:center center;transition:transform .2s ease}.dvl-pfb-page{position:relative;flex:none;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.36);overflow:hidden;transform-origin:left center}.dvl-pfb-page.is-turning-next{animation:dvl-pfb-turn-next .34s ease}.dvl-pfb-page.is-turning-prev{animation:dvl-pfb-turn-prev .34s ease}.dvl-pfb-page canvas{display:block;width:100%;height:100%}.dvl-pfb-annotations{position:absolute;inset:0;pointer-events:none}.dvl-pfb-annotations a{position:absolute;display:block;pointer-events:auto;background:transparent;border:0}.dvl-pfb-annotations a:hover{outline:2px solid rgba(40,125,255,.7);background:rgba(40,125,255,.08)}.dvl-pfb-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:999px;background:rgba(0,0,0,.68);font-size:14px}.dvl-pfb-status{min-height:24px;padding:3px 10px 5px;background:rgba(10,12,16,.9);color:rgba(255,255,255,.72);font-size:12px;text-align:center}.dvl-pfb.is-ready .dvl-pfb-loader{display:none}.dvl-pfb.is-fullscreen{height:100vh!important;border:0;border-radius:0}.dvl-pfb:fullscreen{width:100vw;height:100vh!important;border:0;border-radius:0}.dvl-pfb-error{padding:12px;border-left:4px solid #c00;background:#fff0f0}.dvl-pfb-empty{display:flex;align-items:center;justify-content:center;width:260px;min-height:340px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.55)}@keyframes dvl-pfb-turn-next{0%{transform:rotateY(0deg)}45%{transform:rotateY(-10deg) translateX(-8px)}100%{transform:rotateY(0deg)}}@keyframes dvl-pfb-turn-prev{0%{transform:rotateY(0deg)}45%{transform:rotateY(10deg) translateX(8px)}100%{transform:rotateY(0deg)}}@media(max-width:700px){.dvl-pfb{min-height:430px}.dvl-pfb-toolbar-main{gap:4px;padding:6px}.dvl-pfb button,.dvl-pfb-button{min-width:31px;padding:0 7px}.dvl-pfb-stage{padding:10px}.dvl-pfb-page-control input{width:50px}.dvl-pfb [data-action="first"],.dvl-pfb [data-action="last"]{display:none}}

/* Live single-page / spread view toggle */
.dvl-pfb-mode-toggle{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:7px;overflow:hidden;background:rgba(0,0,0,.18)}
.dvl-pfb-mode-toggle button{border:0!important;border-radius:0!important;min-width:auto!important;gap:5px;padding-inline:9px!important;background:transparent!important}
.dvl-pfb-mode-toggle button+button{border-left:1px solid rgba(255,255,255,.18)!important}
.dvl-pfb-mode-toggle button.is-active{background:rgba(255,255,255,.2)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.dvl-pfb-mode-toggle button[aria-pressed="true"]{font-weight:700}
@media(max-width:700px){.dvl-pfb-mode-text{display:none}.dvl-pfb-mode-toggle button{padding-inline:8px!important}}

/* PDF text search */
.dvl-pfb-search{display:flex;align-items:center;gap:4px;width:100%;min-width:0;padding:7px 10px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.14)}
.dvl-pfb-search label{display:flex;flex:1;min-width:100px}
.dvl-pfb-search input{width:100%;height:34px;padding:5px 9px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#fff;color:#111;font:inherit}
.dvl-pfb-search-count{flex:0 1 190px;color:rgba(255,255,255,.72);font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dvl-pfb.is-searching [data-action="search"]{animation:dvl-pfb-search-pulse .8s ease-in-out infinite alternate}
.dvl-pfb-highlights{position:absolute;inset:0;z-index:2;pointer-events:none}
.dvl-pfb-highlights span{position:absolute;display:block;background:rgba(255,225,55,.46);outline:1px solid rgba(205,150,0,.72);border-radius:2px;mix-blend-mode:multiply}
.dvl-pfb-annotations{z-index:3}
@keyframes dvl-pfb-search-pulse{to{opacity:.45}}
@media(max-width:700px){.dvl-pfb-search{padding:6px}.dvl-pfb-search-count{display:none}}