:root{font-family:Inter,Segoe UI,Yu Gothic UI,sans-serif;color:#172033;background:#d9dee7;font-synthesis:none}[hidden]{display:none!important}*{box-sizing:border-box}html,body,#previewer{height:100%;margin:0}button,input,select{font:inherit}.app{height:100%;display:grid;grid-template-rows:auto 1fr auto;min-width:300px}.toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:7px 10px;background:#172033;color:#fff;box-shadow:0 2px 10px #11182755;z-index:3}.tool{min-width:54px;height:48px;padding:4px 7px;border:0;border-radius:7px;background:transparent;color:#eaf0fa;display:grid;place-items:center;grid-template-rows:24px auto;gap:1px;cursor:pointer}.tool svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool:hover,.tool:focus-visible{background:#ffffff18;outline:2px solid #5bb8ff;outline-offset:-2px}.tool.active{background:#1976d2;color:#fff}.tool:disabled{opacity:.34;cursor:default}.tool-label{font-size:11px;line-height:1;white-space:nowrap}.divider{width:1px;height:34px;background:#ffffff2c;margin:0 4px}.spacer{flex:1}.nav,.zoom,.search{display:flex;align-items:center;gap:4px}.page-input{width:62px;text-align:right}.zoom select{min-width:84px}.toolbar input,.toolbar select{height:32px;border:1px solid #8390a8;border-radius:5px;background:#fff;color:#172033;padding:0 7px}.search input{width:170px}.surface{position:relative;overflow:auto;min-height:0;overscroll-behavior:contain;background:#cbd2dc;scrollbar-gutter:stable}.pages{width:max-content;min-width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px}.pages.spread{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;align-content:start}.pages.pdf-mode{display:block;padding:0;width:100%;height:100%}.pdf-view{display:block;width:100%;height:100%;min-height:100%;border:0;background:#fff}.page-wrap{position:relative;background:#fff;box-shadow:0 4px 20px #1d293c3d;transform-origin:top center;flex:none}.page-wrap svg{display:block;width:100%;height:100%}.page-number{position:absolute;left:50%;bottom:-20px;transform:translate(-50%);font-size:11px;color:#344054}.search-hit{position:absolute;pointer-events:none;border:2px solid #e67e00;background:#ffd54f88;border-radius:2px;box-shadow:0 0 0 1px #fff7;z-index:2}.empty{margin:auto;padding:32px;text-align:center;color:#4b5565}.status{min-height:27px;background:#f7f9fc;border-top:1px solid #c3cbd8;display:flex;gap:18px;align-items:center;padding:4px 10px;font-size:12px;color:#3e4b60}.status .right{margin-left:auto}.busy{position:absolute;inset:0;background:#17203377;z-index:5;display:grid;place-items:center}.busy[hidden]{display:none}.busy-card{background:#fff;border-radius:12px;padding:22px 28px;box-shadow:0 12px 40px #1118;display:grid;gap:14px;justify-items:center}.spinner{width:30px;height:30px;border:3px solid #d7dfeb;border-top-color:#1976d2;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cancel{border:0;border-radius:6px;background:#c62828;color:#fff;padding:7px 18px;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:1000px){.tool{min-width:42px}.tool-label,.divider{display:none}.toolbar{gap:2px}.search{order:3;width:100%}.search input{flex:1}.spacer{display:none}.pages.spread{display:flex}}@media(max-width:700px){.toolbar{padding:5px;max-height:32vh;overflow:auto}.tool{height:38px;grid-template-rows:1fr}.nav{order:4;width:100%;justify-content:center}.zoom{margin-left:auto}.status span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.5s}}@media print{.toolbar,.status,.busy{display:none!important}.app{display:block}.surface{overflow:visible;background:#fff}.pages{padding:0;gap:0}.page-wrap{box-shadow:none;break-after:page;transform:none!important;width:auto!important;height:auto!important}.page-number{display:none}}.surface.drop-target{outline:4px solid #1976d2;outline-offset:-4px;background:#b8cce6}.print-frame{position:fixed;width:1px;height:1px;left:-10000px;border:0}.settings-dialog{border:0;border-radius:12px;padding:0;box-shadow:0 18px 60px #11182766;color:#172033}.settings-dialog::backdrop{background:#17203380}.settings-dialog form,.settings-dialog:not(:has(form)){padding:22px;min-width:280px}.settings-dialog h2{font-size:18px;margin:0 0 16px}.settings-dialog label{display:flex;gap:10px;align-items:center;padding:7px 0}.settings-actions{display:flex;gap:8px;margin:0 0 12px}.settings-actions button{min-height:34px;padding:6px 12px;border:1px solid #b8c2cf;border-radius:6px;background:#f7f9fc;color:#243247;font-weight:700;cursor:pointer}.settings-dialog details{margin:10px 0}.settings-dialog summary{cursor:pointer;font-weight:700}.settings-dialog .individual-commands{max-height:220px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}.settings-dialog fieldset{display:grid;gap:.45rem;margin:0;padding:.65rem .8rem;border:1px solid var(--border);border-radius:.5rem}.settings-dialog legend{padding:0 .3rem}.settings-dialog button{margin-top:15px;border:0;border-radius:6px;background:#1976d2;color:#fff;padding:8px 18px;cursor:pointer}.hide-tool-text .tool-label{display:none}.large-tool-icons .tool{height:58px;min-width:64px}.large-tool-icons .tool svg{width:30px;height:30px}@media(max-width:1500px){#settings,#about{min-width:38px}#settings .tool-label,#about .tool-label{display:none}.search input{width:135px}.tool{min-width:48px;padding-inline:4px}}@media(forced-colors:active){.tool.active,.search-hit{forced-color-adjust:none;border:2px solid Highlight;background:Highlight;color:HighlightText}.page-wrap{outline:1px solid CanvasText}.toolbar{border-bottom:1px solid CanvasText}}