.AKiSnW_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.AKiSnW_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.AKiSnW_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;overflow:hidden}.AKiSnW_viewerContent{height:100%}.AKiSnW_description{padding:.25rem 0}.AKiSnW_description h2{margin-bottom:.5rem;font-size:1.5rem}.AKiSnW_description p{color:var(--demo-description-foreground);line-height:1.5}.AKiSnW_pagePanel{height:100%}.AKiSnW_pageImage{object-fit:contain;background:var(--demo-viewer-background);width:100%;height:100%;display:block}@media (max-width:768px){.AKiSnW_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}.AKiSnW_description h2{font-size:1.3rem}}
.ZbKREW_panel{border:1px solid var(--demo-border);background:var(--demo-panel-background);border-radius:.75rem;padding:1.25rem;font-size:.875rem}.ZbKREW_title{color:var(--demo-foreground);margin-bottom:.9rem;font-size:1.15rem}.ZbKREW_code{--sh-font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace;border:1px solid var(--demo-border);tab-size:2;border-radius:.5rem;line-height:1.6;overflow:hidden}@media (max-width:768px){.ZbKREW_panel{padding:1rem;font-size:.8rem}}
.zGl6NG_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.zGl6NG_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.zGl6NG_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;overflow:hidden}.zGl6NG_viewerContent{height:100%}.zGl6NG_pageFitModeGroup{flex:none;align-items:center;gap:.25rem;display:flex}.zGl6NG_description{padding:.25rem 0}.zGl6NG_description h2{margin-bottom:.5rem;font-size:1.5rem}.zGl6NG_description p{color:var(--demo-description-foreground);line-height:1.5}.zGl6NG_description p+p{margin-top:.75rem}@media (max-width:768px){.zGl6NG_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}.zGl6NG_description h2{font-size:1.3rem}}
.lbI5Za_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.lbI5Za_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.lbI5Za_description{padding:.25rem 0}.lbI5Za_description h2{margin-bottom:.5rem;font-size:1.5rem}.lbI5Za_description p{color:var(--demo-description-foreground);line-height:1.5}@media (max-width:768px){.lbI5Za_description h2{font-size:1.3rem}}
._3Es-qG_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}._3Es-qG_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}._3Es-qG_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;overflow:hidden}._3Es-qG_viewerContent{height:100%}._3Es-qG_slotSheet{box-sizing:border-box;max-width:100%;height:100%;aspect-ratio:var(--demo-single-page-aspect-ratio,4 / 5);background:radial-gradient(120% 80% at 50% 0,oklab(100% 0 5.96046e-8/.09),#0000 62%),#19191f;justify-content:center;align-items:center;padding:1.5rem;display:flex;box-shadow:inset 0 0 0 1px oklab(100% 0 5.96046e-8/.08)}._3Es-qG_slotCard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklab(17.0821% .00271957 -.00997259/.82);border:1px solid oklab(100% 0 5.96046e-8/.18);border-radius:12px;flex-direction:column;gap:.75rem;width:100%;max-width:22rem;padding:1.5rem;font-size:.9rem;line-height:1.5;display:flex;box-shadow:0 18px 40px #00000073}._3Es-qG_slotCard h3{font-size:1.1rem}._3Es-qG_slotCard a{color:inherit;font-weight:600}._3Es-qG_slotCard summary{cursor:pointer;font-weight:600}._3Es-qG_description{padding:.25rem 0}._3Es-qG_description h2{margin-bottom:.5rem;font-size:1.5rem}._3Es-qG_description p{color:var(--demo-description-foreground);line-height:1.5}@media (max-width:768px){._3Es-qG_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}._3Es-qG_description h2{font-size:1.3rem}}
._4S1YVa_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}._4S1YVa_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}._4S1YVa_description{padding:.25rem 0}._4S1YVa_description h2{margin-bottom:.5rem;font-size:1.5rem}._4S1YVa_description p{color:var(--demo-description-foreground);line-height:1.5}@media (max-width:768px){._4S1YVa_description h2{font-size:1.3rem}}
.mgR6fq_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.mgR6fq_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.mgR6fq_description{padding:.25rem 0}.mgR6fq_description h2{margin-bottom:.5rem;font-size:1.5rem}.mgR6fq_description p{color:var(--demo-description-foreground);line-height:1.5}@media (max-width:768px){.mgR6fq_description h2{font-size:1.3rem}}
.XjdzTW_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.XjdzTW_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.XjdzTW_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;overflow:hidden}.XjdzTW_viewerContent{height:100%}.XjdzTW_zoomStatus{flex:none;align-items:center;gap:.25rem;display:flex}.XjdzTW_zoomScale{color:var(--demo-viewer-foreground);font-variant-numeric:tabular-nums;background:oklab(0% none none/.6);border-radius:999px;padding:.25rem .625rem;font-size:.8125rem}.XjdzTW_resetZoomButton{color:var(--demo-viewer-foreground);font:inherit;cursor:pointer;background:oklab(0% none none/.6);border:0;border-radius:999px;flex:none;padding:.25rem .625rem;font-size:.8125rem}.XjdzTW_resetZoomButton:disabled{cursor:not-allowed;opacity:.5}.XjdzTW_pageFitModeGroup{flex:none;align-items:center;gap:.25rem;display:flex}.XjdzTW_description{padding:.25rem 0}.XjdzTW_description h2{margin-bottom:.5rem;font-size:1.5rem}.XjdzTW_description p{color:var(--demo-description-foreground);line-height:1.5}.XjdzTW_description p+p{margin-top:.75rem}@media (max-width:768px){.XjdzTW_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}.XjdzTW_description h2{font-size:1.3rem}}
.xkFpVG_main{justify-content:center;min-height:100vh;padding:20px;display:flex}.xkFpVG_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.xkFpVG_heading{padding:.25rem 0}.xkFpVG_heading h2{margin-bottom:.5rem;font-size:1.5rem}.xkFpVG_heading p{color:var(--demo-description-foreground);line-height:1.5}.xkFpVG_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;overflow:hidden}.xkFpVG_viewerContent{height:100%}@media (max-width:768px){.xkFpVG_heading h2{font-size:1.3rem}.xkFpVG_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}}
.elrCPW_main{justify-content:center;min-height:100vh;padding:20px;display:flex}.elrCPW_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.elrCPW_heading{padding:.25rem 0}.elrCPW_heading h2{margin-bottom:.5rem;font-size:1.5rem}.elrCPW_heading p{color:var(--demo-description-foreground);line-height:1.5}.elrCPW_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;overflow:hidden}.elrCPW_viewerContent{height:100%}@media (max-width:768px){.elrCPW_heading h2{font-size:1.3rem}.elrCPW_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}}
.Fx2lhq_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.Fx2lhq_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.Fx2lhq_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;position:relative;overflow:hidden}.Fx2lhq_viewer:fullscreen{aspect-ratio:auto;border:0;border-radius:0}.Fx2lhq_viewerContent{height:100%}.Fx2lhq_fullscreenButton{z-index:11;color:var(--demo-viewer-foreground);font:inherit;cursor:pointer;background:oklab(0% none none/.6);border:0;border-radius:999px;padding:.45rem .85rem;font-size:.85rem;font-weight:600;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.Fx2lhq_fullscreenButton:hover:not(:disabled){background:oklab(0% none none/.8)}.Fx2lhq_fullscreenButton:disabled{cursor:not-allowed;opacity:.5}.Fx2lhq_description{padding:.25rem 0}.Fx2lhq_description h2{margin-bottom:.5rem;font-size:1.5rem}.Fx2lhq_description p{color:var(--demo-description-foreground);line-height:1.5}.Fx2lhq_description p+p{margin-top:.75rem}@media (max-width:768px){.Fx2lhq_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}.Fx2lhq_description h2{font-size:1.3rem}}
.idNP9q_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.idNP9q_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.idNP9q_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;position:relative;overflow:hidden}.idNP9q_viewerContent{height:100%}.idNP9q_stats{flex-wrap:wrap;gap:10px;display:flex}.idNP9q_stat{border:1px solid var(--demo-border);background:var(--demo-panel-background);border-radius:8px;flex-direction:column;flex:12rem;gap:.25rem;padding:.6rem .85rem;display:flex}.idNP9q_statLabel{color:var(--demo-description-foreground);font-size:.8rem}.idNP9q_statValue{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.idNP9q_description{padding:.25rem 0}.idNP9q_description h2{margin-bottom:.5rem;font-size:1.5rem}.idNP9q_description p{color:var(--demo-description-foreground);line-height:1.5}.idNP9q_description p+p{margin-top:.75rem}@media (max-width:768px){.idNP9q_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}.idNP9q_description h2{font-size:1.3rem}}
.uMC7sG_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.uMC7sG_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.uMC7sG_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;overflow:hidden}.uMC7sG_viewerContent{height:100%}.uMC7sG_description{padding:.25rem 0}.uMC7sG_description h2{margin-bottom:.5rem;font-size:1.5rem}.uMC7sG_description p{color:var(--demo-description-foreground);line-height:1.5}.uMC7sG_description p+p{margin-top:.75rem}@media (max-width:768px){.uMC7sG_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}.uMC7sG_description h2{font-size:1.3rem}}
.R2W3TW_main{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.R2W3TW_container{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.R2W3TW_viewer{width:100%;aspect-ratio:var(--demo-double-page-aspect-ratio);border:1px solid var(--demo-viewer-border);background-color:var(--demo-viewer-background);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.R2W3TW_viewerContent{height:100%}.R2W3TW_restoring{color:var(--demo-description-foreground);font-size:.95rem}.R2W3TW_progress{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.R2W3TW_stat{border:1px solid var(--demo-border);background:var(--demo-panel-background);border-radius:8px;flex-direction:column;flex:12rem;gap:.25rem;padding:.6rem .85rem;display:flex}.R2W3TW_statLabel{color:var(--demo-description-foreground);font-size:.8rem}.R2W3TW_statValue{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.R2W3TW_resetButton{border:1px solid var(--demo-border);background:var(--demo-panel-background);color:var(--demo-foreground);font:inherit;cursor:pointer;border-radius:8px;padding:.65rem 1.1rem;font-weight:600}.R2W3TW_resetButton:hover:not(:disabled){background:var(--demo-navigation-hover-background)}.R2W3TW_resetButton:disabled{cursor:not-allowed;opacity:.5}.R2W3TW_description{padding:.25rem 0}.R2W3TW_description h2{margin-bottom:.5rem;font-size:1.5rem}.R2W3TW_description p{color:var(--demo-description-foreground);line-height:1.5}.R2W3TW_description p+p{margin-top:.75rem}@media (max-width:768px){.R2W3TW_viewer{aspect-ratio:var(--demo-single-page-aspect-ratio);border-radius:4px}.R2W3TW_description h2{font-size:1.3rem}}