.pfb{width:100%;max-width:100%;margin:1rem auto;font-family:system-ui,-apple-system,sans-serif}.pfb *,.pfb-dialog *{box-sizing:border-box}.pfb-preview{display:block!important;position:relative;width:100%;padding:24px 24px 48px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#242824!important;cursor:pointer;box-shadow:none!important;text-align:center!important;line-height:1.4!important}.pfb-preview:focus-visible{outline:3px solid #1f6d59;outline-offset:4px}.pfb-spread{position:relative;display:flex;width:100%;aspect-ratio:var(--pfb-ratio,1.414);background:#fff;box-shadow:0 15px 30px #182b382b,0 3px 7px #182b3812;transition:transform .2s ease}.pfb-spread>img{display:block;width:50%!important;height:100%!important;object-fit:contain;background:white;margin:0!important;border:0!important;border-radius:0!important}.pfb-spine{position:absolute;inset:0 auto 0 46%;width:8%;background:linear-gradient(90deg,transparent,#0000000a 35%,#00000030 50%,#fff6 52%,transparent);pointer-events:none}.pfb-corner{position:absolute;right:0;bottom:0;width:21%;height:31%;background:linear-gradient(137deg,transparent 48%,#f6f5f1 49%,#dddcd7 73%,#fefefe 98%);clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(-5px -4px 4px #0003);pointer-events:none}.pfb-open-label{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.02em;padding:7px 15px;background:#fff;border:1px solid #deded8;border-radius:24px;box-shadow:0 2px 6px #00000008}.pfb-open-label span{margin-left:8px}.pfb-preview:hover .pfb-spread{transform:translateY(-3px)}.pfb-custom-preview{display:block;max-width:100%;max-height:600px;width:auto;height:auto;margin:auto}.pfb-preview[aria-busy=true]{cursor:progress;opacity:.7}.pfb-error{font-size:14px;color:#a32121}.pfb-dialog{position:fixed;inset:0;width:96vw;max-width:1800px;height:94vh;height:94dvh;max-height:100dvh;margin:auto;padding:0;border:1px solid #fff4;border-radius:16px;background:var(--pfb-background,#e9e8e4);color:#243128;font:14px/1.5 system-ui,-apple-system,sans-serif;box-shadow:0 25px 100px #0008;overflow:hidden}.pfb-dialog::backdrop{background:#17211ee6;backdrop-filter:blur(5px)}.pfb-dialog[open]{display:block}.pfb-dialog:fullscreen{width:100%;height:100%;max-width:none;border-radius:0}.pfb-shell{display:flex;flex-direction:column;height:100%;min-height:0}.pfb-toolbar{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#fffefb;border-bottom:1px solid #0000000b;flex-shrink:0}.pfb-title{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.pfb-dialog .pfb-tool{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #d9ded9;border-radius:9px;padding:5px 12px;background:#fff;color:#273b31;cursor:pointer;font:inherit;line-height:1.2;box-shadow:none;text-decoration:none}.pfb-dialog .pfb-tool:hover{background:#edf3ef}.pfb-dialog .pfb-tool:focus-visible,.pfb-dialog input:focus-visible{outline:3px solid #347860;outline-offset:2px}.pfb-dialog .pfb-tool:disabled{opacity:.35;cursor:default}.pfb-toolbar .pfb-tool{font-size:24px}.pfb-area{position:relative;flex:1;min-height:0;overflow:hidden}.pfb-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;overflow:hidden;touch-action:none}.pfb-book{position:relative;flex:none;filter:drop-shadow(0 12px 16px #26342633)}.pfb-page{background:#fff;overflow:hidden}.pfb-page img{display:block;width:100%!important;height:100%!important;object-fit:contain;margin:0!important;max-width:none!important;border:0!important;border-radius:0!important;user-select:none;-webkit-user-drag:none}.pfb-page:not(.pfb-loaded)::after{content:attr(data-error);position:absolute;inset:40% 10%;text-align:center;font-size:12px;background:linear-gradient(90deg,#fff,#f5f5f0,#fff)}.pfb-page img:not([src]){visibility:hidden}.pfb-footer{display:flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;padding:10px 18px;background:#fffefb;border-top:1px solid #0000000b}.pfb-page-form{display:flex;align-items:center;gap:8px;margin:0!important}.pfb-dialog input{width:64px;min-height:42px;margin:0;border:1px solid #d9ded9;border-radius:8px;background:#fff;color:#243128;text-align:center;font:inherit;padding:5px}.pfb-hint{position:absolute;right:24px;font-size:12px;color:#727b74}.pfb-thumbnails{position:absolute;inset:0 auto 0 0;width:240px;z-index:20;background:#fffffff5;overflow:auto;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;box-shadow:8px 0 20px #0001}.pfb-thumbnails .pfb-tool{display:flex;flex-direction:column;padding:6px;gap:5px;font-size:12px}.pfb-thumbnails img{display:block;width:100%;height:120px;object-fit:contain}.pfb-thumbnails [aria-current=true]{outline:2px solid #347860}.pfb-zoom{position:absolute;inset:0;overflow:auto;z-index:30;background:var(--pfb-background);touch-action:pan-x pan-y pinch-zoom}.pfb-zoom-controls{position:sticky;top:0;left:0;display:flex;justify-content:center;gap:8px;padding:10px;z-index:1;background:#f7f8f2ed;width:100%}.pfb-zoom-pages{display:flex;flex-direction:column;gap:20px;align-items:center;min-width:max-content;padding:20px}.pfb-zoom-pages img{display:block;width:var(--pfb-zoom-width,800px);height:auto;max-width:none;box-shadow:0 8px 25px #0002}.pfb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pfb-dialog [hidden]{display:none!important}@media(max-width:1000px){.pfb-hint{display:none}}@media(max-width:600px){.pfb-dialog{width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0}.pfb-toolbar{padding:8px;gap:5px}.pfb-title{font-size:13px}.pfb-toolbar .pfb-tool{min-width:40px;padding:5px 8px}.pfb-footer{padding:8px;gap:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.pfb-preview{padding:12px 8px 44px!important}.pfb-open-label{font-size:12px}.pfb-thumbnails{width:210px}.pfb-dialog input{width:52px}.pfb-page-form{gap:5px}}@media(prefers-reduced-motion:reduce){.pfb-spread{transition:none}}
.pfb .pfb-preview{padding:22px!important;border-radius:0!important}
.pfb-paper-preview{position:relative;display:block;width:100%;background:#fff;box-shadow:0 13px 28px #17293624,0 2px 7px #1729360c;transition:transform .2s ease}
.pfb-paper-art{display:block;width:100%;height:100%;overflow:visible}
.pfb .pfb-open-label{bottom:32px;opacity:0;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none;background:#fffffff0}
.pfb .pfb-preview:hover .pfb-open-label,.pfb .pfb-preview:focus-visible .pfb-open-label{opacity:1;transform:translate(-50%,0)}
.pfb .pfb-preview:hover .pfb-paper-preview{transform:translateY(-2px)}
@media(max-width:600px){.pfb .pfb-preview{padding:12px!important}.pfb .pfb-open-label{bottom:20px}}
@media(prefers-reduced-motion:reduce){.pfb-paper-preview,.pfb .pfb-open-label{transition:none}.pfb .pfb-preview:hover .pfb-paper-preview{transform:none}}