.flipbook-root{width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.flipbook-root.is-compact{width:100%;max-width:100%;margin-inline:0}.flipbook-root.is-compact .flipbook-viewport{aspect-ratio:16/10;height:20rem;min-height:18rem;overflow:hidden}@media (width>=768px){.flipbook-root.is-compact .flipbook-viewport{height:24rem;min-height:22rem}}.flipbook-root.is-compact .flipbook-nav{margin-top:.75rem}.flipbook-root.is-compact .flipbook-nav-btn{width:2.25rem;height:2.25rem}.flipbook-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.flipbook-page-counter{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);font-size:.75rem;font-weight:600}.flipbook-actions{flex-wrap:wrap;gap:.5rem;display:flex}.flipbook-text-btn{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .15s}.flipbook-text-btn:hover{background:var(--accent);color:var(--accent-foreground)}.flipbook-viewport{aspect-ratio:16/10;border:1px solid var(--border);background:color-mix(in oklab, var(--muted) 55%, var(--background));contain:layout paint;overflow-anchor:none;touch-action:pan-y;border-radius:.375rem;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:28rem;display:flex;position:relative;overflow:hidden}@media (width>=768px){.flipbook-viewport{aspect-ratio:16/9;min-height:36rem}}@media (width>=1024px){.flipbook-viewport{min-height:42rem}}.flipbook-root.is-zoomed .flipbook-viewport{aspect-ratio:auto;overscroll-behavior:contain;cursor:grab;touch-action:none;contain:none;height:70vh;min-height:70vh;padding:0;display:block;overflow:auto}.flipbook-root.is-zoomed .flipbook-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.flipbook-stage{contain:layout size;justify-content:flex-start;align-items:center;width:100%;min-width:0;height:100%;display:flex;position:relative}.flipbook-root.is-zoomed .flipbook-stage{contain:none;box-sizing:content-box;width:max-content;min-width:0;height:max-content;min-height:0;padding:50vh 50vw;display:block}.flipbook{will-change:margin-left;flex-shrink:0;transition:margin-left .8s cubic-bezier(.22,1,.36,1);position:relative;background:0 0!important}.flipbook.is-positioning,.flipbook.zoomed{transition:none}.flipbook .hard{color:#333;border:none;font-weight:700;overflow:hidden;box-shadow:0 5px 25px #0000001a;background:#fff!important}.flipbook .hard.cover img,.flipbook .page img,.flipbook>div img{object-fit:fill;pointer-events:none;image-rendering:auto;-ms-interpolation-mode:bicubic;width:100%;height:100%;margin:0;display:block}.flipbook .page{background:#fff;border:1px solid #0000000d;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 5px 25px #0000001a}.flipbook-nav{justify-content:center;align-items:center;gap:1.25rem;margin-top:1rem;display:flex}.flipbook-nav-btn{border:1px solid var(--border);background:var(--card);width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;font-size:1rem;transition:background-color .15s;display:inline-flex}.flipbook-nav-btn:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.flipbook-nav-btn.zoom{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.flipbook-nav-btn.zoom:hover{background:color-mix(in oklab, var(--primary) 90%, black)}.flipbook-root.is-zoomed .flipbook-nav-btn:not(.zoom){visibility:hidden}.flipbook-footer{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.flipbook-download{background:var(--primary);color:var(--primary-foreground);border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.flipbook-download:hover{background:color-mix(in oklab, var(--primary) 90%, black)}.flipbook-hint{color:var(--muted-foreground);font-size:.75rem}.flipbook-loading,.flipbook-error{border:1px solid var(--border);background:var(--card);min-height:22rem;color:var(--muted-foreground);text-align:center;border-radius:.375rem;justify-content:center;align-items:center;padding:1.5rem;font-size:.875rem;display:flex}
