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