:root{background:#f4f2ee;color:#141414;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app{background:#f4f2ee;color:#141414;display:flex;flex-direction:column;font-family:Space Grotesk,system-ui,sans-serif;gap:1rem;min-height:100vh;padding:1.25rem 1.25rem 2rem}.hero h1,.hero p{margin:0}.hero{display:flex;flex-direction:column;gap:.4rem}.hero h1{font-size:clamp(1.4rem,1.3vw + 1rem,2.1rem)}.hero p{color:#4a4a4a;font-size:.92rem}.state-lab{background:#f8f4ee;border:1px solid #ddd6cf;border-radius:.8rem;display:flex;flex-wrap:wrap;gap:.6rem 1rem;padding:.6rem .75rem}.lab-group{align-items:center;display:flex;gap:.5rem}.lab-label{color:#57534e;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.chip-row{background:#f1ece6;border:1px solid #ddd6cf;border-radius:999rem;display:inline-flex;gap:.2rem;padding:.14rem}.chip{background:transparent;border:0;border-radius:999rem;color:#2f2f2f;cursor:pointer;font-size:.8rem;line-height:1.2;padding:.3rem .65rem}.chip.active{background:#1f1f1f;color:#fff}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.input{border:1px solid #d9d4cf;border-radius:.5rem;flex:1 1 18rem;padding:.55rem .7rem}.button,.input{font-size:.9rem}.button{background:#1f1f1f;border:0;border-radius:.5rem;color:#fff;cursor:pointer;padding:.55rem .9rem}.viewer-card{background:#fffaf3;border-radius:.9rem;box-shadow:0 12px 32px #00000014;padding:1rem}.viewer-card.dark{background:#1b1e25;box-shadow:0 20px 45px #00000047}.viewer-card .lpv{font-size:16px}:root{--lpv-bg:#f6f6f6;--lpv-panel:#e9e9e9;--lpv-border:#d1d1d1;--lpv-text:#1f1f1f;--lpv-toolbar-text:#1f1f1f;--lpv-icon-color:#1f1f1f;--lpv-error:#b42318}.lpv-root{width:100%}.lpv{background:transparent;color:var(--lpv-text);overflow:visible;position:relative;--lpv-surface-radius:.45rem;--lpv-control-radius:.4rem;--lpv-overlay-radius:.35rem;--lpv-border-width:.0625rem;--lpv-control-size:1.75rem;--lpv-toolbar-min-height:2.35rem;--lpv-toolbar-sticky-top:.5rem;--lpv-inline-gutter:.45rem;--lpv-toolbar-top-gap:.25rem;--lpv-content-bottom-gap:.75rem;--lpv-surface-shadow:0 .05rem .2rem rgb(0 0 0/4%),0 .28rem .72rem rgb(0 0 0/6%);--lpv-tooltip-bg:#fff;--lpv-tooltip-text:#1f1f1f;--lpv-surface-bg:color-mix(in oklab,var(--lpv-panel) 92%,#fff 8%);--lpv-surface-border:color-mix(in oklab,var(--lpv-border) 52%,transparent 48%);--lpv-tooltip-border:color-mix(in oklab,var(--lpv-border) 42%,transparent 58%);--lpv-tooltip-shadow:0 .28rem .72rem rgba(0,0,0,.1);border-radius:var(--lpv-surface-radius)}.lpv-message{font-size:1.02rem;margin:0;padding:.5rem .75rem}.lpv-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}.lpv-scroll{background:transparent;height:auto;overflow-x:auto;overflow-y:visible;padding:0 var(--lpv-inline-gutter) var(--lpv-content-bottom-gap);position:relative}.lpv-scroll-loading{align-items:start;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}.lpv-scroll-loading .lpv-pages,.lpv-scroll-loading .lpv-scroll-loader{grid-area:1/1}.lpv-scroll-loader{align-items:center;background:color-mix(in oklab,var(--lpv-panel) 88%,transparent 12%);border:var(--lpv-border-width) solid color-mix(in oklab,var(--lpv-border) 62%,transparent 38%);border-radius:999rem;display:inline-flex;font-size:.9rem;gap:.5rem;justify-content:center;line-height:1;margin:2.5rem;padding:.28rem .56rem;pointer-events:none;z-index:5}.lpv-scroll-loader-error{background:color-mix(in oklab,var(--lpv-error) 14%,var(--lpv-panel) 86%);border-color:color-mix(in oklab,var(--lpv-error) 32%,transparent 68%);color:var(--lpv-error)}.lpv-pages{display:flex;flex-direction:column;gap:1rem}.lpv-spacer{pointer-events:none;width:100%}.lpv-page{background:transparent;border-radius:var(--lpv-surface-radius);box-shadow:var(--lpv-surface-shadow);display:flex;justify-content:center;margin-inline:auto;max-width:100%;overflow:hidden;padding:0;position:relative;width:-moz-fit-content;width:fit-content}.lpv-fit .lpv-scroll{overflow-x:hidden}.lpv-spinner{animation:lpv-spin .9s linear infinite;border:.125rem solid rgba(0,0,0,.2);border-radius:999rem;border-top-color:#0009;height:1rem;width:1rem}.lpv-canvas{display:block;height:auto;max-width:none}.lpv-toolbar{-webkit-backdrop-filter:saturate(1.05) blur(.35rem);backdrop-filter:saturate(1.05) blur(.35rem);background:var(--lpv-surface-bg);border:var(--lpv-border-width) solid var(--lpv-surface-border);border-radius:var(--lpv-surface-radius);box-shadow:var(--lpv-surface-shadow);color:var(--lpv-toolbar-text);justify-content:center;margin:var(--lpv-toolbar-top-gap) auto 0;max-width:calc(100% - var(--lpv-inline-gutter)*2);min-height:var(--lpv-toolbar-min-height);padding:.12rem;position:sticky;top:var(--lpv-toolbar-sticky-top);width:-moz-fit-content;width:fit-content;z-index:60}.lpv-toolbar,.lpv-toolbar-row{align-items:center;display:flex;overflow:visible}.lpv-toolbar-row{gap:.12rem;max-width:100%;scrollbar-width:none}.lpv-toolbar-row::-webkit-scrollbar{display:none}.lpv-group{align-items:center;display:flex;flex-wrap:nowrap;gap:.2rem;min-height:1.95rem}.lpv-group-zoom{border-left:var(--lpv-border-width) solid color-mix(in oklab,var(--lpv-border) 65%,transparent 35%);border-right:var(--lpv-border-width) solid color-mix(in oklab,var(--lpv-border) 65%,transparent 35%);padding:0 .2rem}.lpv-group-actions{padding-right:.1rem}.lpv-icon-btn{align-items:center;background:transparent;border:var(--lpv-border-width) solid transparent;border-radius:var(--lpv-control-radius);color:var(--lpv-icon-color);cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;line-height:1;min-height:var(--lpv-control-size);min-width:var(--lpv-control-size);padding:.22rem;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.lpv-icon-btn:hover:not(:disabled){background:color-mix(in oklab,var(--lpv-panel) 84%,#000 16%);border-color:color-mix(in oklab,var(--lpv-border) 80%,transparent 20%);transform:translateY(-.02rem)}.lpv-icon-btn:focus-visible{background:color-mix(in oklab,var(--lpv-panel) 84%,#000 16%);box-shadow:0 0 0 .125rem color-mix(in oklab,var(--lpv-bg) 35%,var(--lpv-text) 65%);outline:none}.lpv-icon-btn:disabled{cursor:not-allowed;opacity:.6}.lpv-icon-btn svg{display:block;height:1rem;width:1rem}.lpv-scale-btn{background:color-mix(in oklab,var(--lpv-panel) 88%,#fff 12%);border:var(--lpv-border-width) solid var(--lpv-border);border-radius:var(--lpv-control-radius);color:inherit;cursor:pointer;font-size:.78rem;line-height:1;min-width:3.4rem;padding:.24rem .45rem;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.lpv-scale-btn:focus-visible,.lpv-scale-btn:hover{background:color-mix(in oklab,var(--lpv-panel) 84%,#000 16%);border-color:color-mix(in oklab,var(--lpv-border) 72%,transparent 28%);box-shadow:0 0 0 .125rem color-mix(in oklab,var(--lpv-bg) 30%,var(--lpv-text) 70%);outline:none}.lpv-page-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:transparent;border:var(--lpv-border-width) solid var(--lpv-border);border-radius:var(--lpv-control-radius);color:inherit;font-size:.82rem;min-width:3ch;padding:.1rem;text-align:center;width:3ch}.lpv-page-input:focus-visible{border-color:color-mix(in oklab,var(--lpv-border) 48%,var(--lpv-text) 52%);box-shadow:0 0 0 .125rem color-mix(in oklab,var(--lpv-bg) 30%,var(--lpv-text) 70%);outline:none}.lpv-page-input::-webkit-inner-spin-button,.lpv-page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lpv-page-total{font-size:.82rem;min-width:2.5rem}.lpv-menu{align-items:center;display:flex;position:relative;z-index:70}.lpv-menu>summary{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;justify-content:center;line-height:1;list-style:none;margin:0;text-indent:0}.lpv-menu>summary::marker{content:""}.lpv-menu>summary::-webkit-details-marker{display:none}.lpv-menu-trigger{height:var(--lpv-control-size);min-height:var(--lpv-control-size);min-width:var(--lpv-control-size);width:var(--lpv-control-size)}.lpv-menu-panel{background:var(--lpv-surface-bg);border:var(--lpv-border-width) solid var(--lpv-surface-border);border-radius:var(--lpv-surface-radius);box-shadow:0 .5rem 1.875rem #00000024;color:var(--lpv-icon-color);display:flex;flex-direction:column;gap:.2rem;min-width:11rem;padding:.4rem;position:absolute;right:0;top:120%;z-index:80}.lpv-menu-item{background:transparent;border:0;border-radius:var(--lpv-overlay-radius);color:inherit;cursor:pointer;font-size:.85rem;padding:.4rem .5rem;text-align:left}.lpv-menu-item:focus-visible,.lpv-menu-item:hover{background:#0000000f;outline:none}.lpv-menu-item:focus-visible{box-shadow:0 0 0 .125rem color-mix(in oklab,var(--lpv-bg) 28%,var(--lpv-text) 72%)}.lpv-tooltip-panel{background:var(--lpv-tooltip-bg);border:var(--lpv-border-width) solid var(--lpv-tooltip-border);border-radius:var(--lpv-overlay-radius);box-shadow:var(--lpv-tooltip-shadow);color:var(--lpv-tooltip-text);font-size:.8rem;padding:.4rem .6rem;pointer-events:none;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:200}@keyframes lpv-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media(max-width:48rem){.lpv{--lpv-inline-gutter:.35rem;--lpv-toolbar-top-gap:.3rem;--lpv-toolbar-sticky-top:.35rem}.lpv-toolbar{padding:.14rem}.lpv-toolbar-row{overflow-x:auto;overflow-y:visible}.lpv-first-last,.lpv-page-total{display:none}.lpv-page-input{font-size:.82rem;min-width:3ch;padding:.12rem;width:3ch}.lpv-group-actions,.lpv-group-nav{min-width:0}.lpv-group{gap:.2rem}.lpv-group-zoom{border-left:0;border-right:0;padding:0}.lpv-desktop-action,.lpv-scale-btn{display:none}}:where(.lpv-root.lpv-theme-light) .lpv{--lpv-bg:#f6f6f6;--lpv-panel:#e9e9e9;--lpv-border:#d1d1d1;--lpv-text:#1f1f1f;--lpv-toolbar-text:#1f1f1f;--lpv-icon-color:#1f1f1f}.dark :where(.lpv-root.lpv-theme-auto) .lpv,:where(.lpv-root.lpv-theme-dark) .lpv{--lpv-bg:#2b2b2b;--lpv-panel:#3a3a3a;--lpv-border:#525252;--lpv-text:#f5f5f5;--lpv-toolbar-text:#f5f5f5;--lpv-icon-color:#f5f5f5;--lpv-error:#fda29b;--lpv-tooltip-bg:#161616;--lpv-tooltip-text:#fff;--lpv-tooltip-border:color-mix(in oklab,var(--lpv-border) 48%,transparent 52%);--lpv-tooltip-shadow:0 .28rem .72rem rgba(0,0,0,.22)}.dark :where(.lpv-root.lpv-theme-auto) .lpv-tooltip-panel,:where(.lpv-root.lpv-theme-dark) .lpv-tooltip-panel{background:var(--lpv-tooltip-bg);border-color:var(--lpv-tooltip-border);box-shadow:var(--lpv-tooltip-shadow);color:var(--lpv-tooltip-text)}.dark :where(.lpv-root.lpv-theme-auto) .lpv-scroll-loader,:where(.lpv-root.lpv-theme-dark) .lpv-scroll-loader{background:color-mix(in oklab,var(--lpv-panel) 70%,#000 30%);border-color:color-mix(in oklab,var(--lpv-border) 72%,transparent 28%);color:#fff}.dark :where(.lpv-root.lpv-theme-auto) .lpv-scroll-loader .lpv-spinner,:where(.lpv-root.lpv-theme-dark) .lpv-scroll-loader .lpv-spinner{border-color:#ffffffd9 #ffffff52 #ffffff52}.dark :where(.lpv-root.lpv-theme-auto) .lpv-scroll-loader-error,:where(.lpv-root.lpv-theme-dark) .lpv-scroll-loader-error{background:color-mix(in oklab,var(--lpv-error) 18%,#2b2b2b 82%);border-color:color-mix(in oklab,var(--lpv-error) 45%,transparent 55%);color:var(--lpv-error)}.dark :where(.lpv-root.lpv-theme-auto) .lpv-menu-panel,:where(.lpv-root.lpv-theme-dark) .lpv-menu-panel{box-shadow:0 .5rem 1.875rem #00000047}