@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #525659;--fg: #ffffff;--toolbar-bg: #323639;--number-box-bg: #191b1c;--sidebar-bg: #1a1c1e;--divider: rgba(255, 255, 255, .2);--primary-red: #fd2b39;--thumb-active: #006dfe}html,body{margin:0;padding:0;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:12px;line-height:18px}#app{display:flex;flex-direction:column;height:100vh;width:100vw}[hidden]{display:none!important}#toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:16px;background:var(--toolbar-bg);filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));position:relative;z-index:10}#toolbar .toolbar-zone{display:flex;align-items:center;min-width:0}#toolbar[data-state=loading] .toolbar-zone{opacity:.45;pointer-events:none}#toolbar .toolbar-left{gap:6px;max-width:248px}#toolbar .toolbar-right{gap:4px;justify-self:end}#toolbar .toolbar-center{gap:4px;justify-self:center}#toolbar .filename-group{display:flex;align-items:center;gap:4px;min-width:0;flex:1}#toolbar .file-icon{flex-shrink:0}#toolbar .filename{font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}#toolbar .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;background:transparent;border:none;color:var(--fg);cursor:pointer;border-radius:4px}#toolbar .icon-btn:hover{opacity:.7}#toolbar .icon-btn:focus-visible{outline:2px solid var(--primary-red);outline-offset:2px}#toolbar .text-btn{display:inline-flex;align-items:center;gap:4px;height:30px;padding:6px 8px;background:#fff;color:#1f1f23;border:1px solid rgba(120,120,120,1);border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}#toolbar .text-btn:hover{opacity:.85}#toolbar .text-btn:focus-visible{outline:2px solid var(--primary-red);outline-offset:2px}#toolbar .page-control,#toolbar .zoom-control{display:flex;align-items:center;gap:4px}#toolbar .page-control{gap:8px}#toolbar .control-label{font-weight:600;color:var(--fg)}#toolbar .number-box{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:24px;padding:0 7px;background:var(--number-box-bg);border-radius:2px;font-weight:600;color:var(--fg);text-align:center}#toolbar .number-box.zoom-box{min-width:51px}#toolbar .page-sep{font-weight:500;font-size:14px;line-height:20px;color:var(--fg)}#toolbar .page-total{font-weight:700;color:var(--fg);min-width:20px;text-align:center}#toolbar .vdivider{width:1px;height:24px;background:var(--divider);margin:0 8px 0 0}#layout{display:flex;flex:1;min-height:0;overflow:hidden}#sidebar{flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;overflow-x:hidden;transition:width .2s ease;width:0}#sidebar[data-state=open]{width:200px}#thumbnails{display:flex;flex-direction:column;gap:12px;padding:12px;min-width:176px}.thumb-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:transparent;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.thumb-item:hover{background:#ffffff0a}.thumb-item[data-active=true]{border-color:var(--thumb-active);background:#ffffff0a}.thumb-item canvas{display:block;background:#fff;box-shadow:0 1px 4px #0006;max-width:100%;height:auto}.thumb-item .thumb-label{font-weight:500;font-size:11px;line-height:16px;color:#ffffffb3}#viewer{flex:1;overflow:auto;overscroll-behavior:contain;padding:16px;min-width:0}#status{box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center;opacity:.85}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--fg);border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}#pages{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:max-content}.page-wrapper{position:relative;background:#fff;box-shadow:0 2px 8px #0006;flex-shrink:0}.page-wrapper .page-canvas{display:block}.page-wrapper.is-loading{background-image:linear-gradient(100deg,#0000 30%,#0000000d,#0000 70%);background-repeat:no-repeat;background-size:200% 100%;animation:page-shimmer-sweep 1.2s ease-in-out infinite}@keyframes page-shimmer-sweep{0%{background-position:180% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion: reduce){.page-wrapper.is-loading,.spinner{animation:none}}.textLayer{position:absolute;text-align:initial;inset:0;overflow:clip;opacity:1;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:1;--min-font-size: 1;--text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv: calc(1 / var(--min-font-size))}.textLayer.highlighting{touch-action:none}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height: 0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x: 1;--rotate: 0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer span[role=img]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.textLayer ::selection{background:#0064ff4d}.textLayer ::-moz-selection{background:#0064ff4d}.textLayer br::selection{background:transparent}.textLayer br::-moz-selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}