:root{--bg: #f4f1ea;--panel: #ffffff;--ink: #2b2b2b;--muted: #8a8175;--line: #e3ddd0;--accent: #5A92E5;--accent-soft: #e8f0fc;--shadow: 0 6px 24px rgba(60, 50, 35, .12);--han-font: "Source Han Sans SC", "Source Han Sans CN", "Noto Sans CJK SC", "Noto Sans SC", "思源黑体", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:var(--bg)}body{display:grid;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow);z-index:50;position:sticky;top:0}.brand{font-weight:700;color:var(--accent);font-size:14px;padding-right:4px;white-space:nowrap}.app-ver{font-size:11px;font-weight:400;color:var(--muted);padding-left:5px;white-space:nowrap;user-select:none}.group{display:flex;align-items:center;gap:6px}.group+.group{border-left:1px solid var(--line);padding-left:10px}.label{font-size:12px;color:var(--muted)}.chk{font-size:12px;color:var(--ink);display:flex;align-items:center;gap:3px;cursor:pointer}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover:not(:disabled){filter:brightness(1.05);color:#fff}.btn.icon{width:30px;padding:6px 0;text-align:center;font-size:16px;font-weight:700}.btn.tiny{padding:2px 8px;font-size:14px}.btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.active:hover:not(:disabled),.btn.active:focus:not(:disabled){color:#fff;border-color:var(--accent)}.btn.needs-attention{border-color:#c98a2b;color:#9a6a1c;background:#fdf6e8}.btn.needs-attention:hover{border-color:#b0761f;color:#7d5514}#pageJump{width:56px;padding:5px 6px;border:1px solid var(--line);border-radius:8px;font-size:13px}.proj-menu{position:fixed;z-index:1200;width:220px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.proj-menu-label{font-size:11px;color:var(--muted)}.proj-menu-dir{font-size:13px;color:var(--ink);padding:6px 8px;background:var(--accent-soft);border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-menu-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease}.proj-menu-btn:hover{border-color:var(--accent);color:var(--accent)}.proj-menu-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.proj-menu-btn.primary:hover{filter:brightness(1.05);color:#fff}.page-info,.scale-info{font-size:13px;min-width:52px;text-align:center;color:var(--muted)}select{padding:5px 6px;border:1px solid var(--line);border-radius:8px;font-size:13px}.key-group{margin-left:auto}.key-group .model-group{border-left:1px solid var(--line);padding-left:10px}.key-link{font-size:12px;color:var(--accent);text-decoration:none;white-space:nowrap}.key-link:hover{text-decoration:underline}#apiKey{width:132px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-family:ui-monospace,SF Mono,Consolas,monospace}#apiKey:focus{outline:none;border-color:var(--accent)}.layout{display:grid;grid-template-columns:240px 1fr 340px;min-height:0;position:relative}.layout-mid{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;overflow:auto}.layout-mid>.viewer{flex:1 1 auto;min-width:0}.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;border:none;background:none;padding:10px;cursor:pointer;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.panel{display:none;overflow:auto;padding:8px;flex:1;min-height:0;background:var(--panel)}.panel.active{display:block}.panel:not(.active){display:none!important}.toc,.toc ul{list-style:none;margin:0;padding-left:14px}.toc{padding-left:4px}.toc a{color:var(--ink);text-decoration:none;font-size:13px;display:block;padding:4px 6px;border-radius:6px}.toc a:hover{background:var(--accent-soft);color:var(--accent)}.muted{color:var(--muted);font-size:13px;padding:10px}.thumbs{display:flex;flex-direction:column;gap:10px;align-items:center}.thumb{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;cursor:pointer;width:132px;display:flex;flex-direction:column;align-items:center;gap:4px}.thumb:hover{border-color:var(--accent)}.thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.thumb span{font-size:12px;color:var(--muted)}.thumb canvas{max-width:118px;height:auto;border-radius:4px;background:#fff}.viewer{overflow:auto;padding:24px;display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;align-content:flex-start;justify-content:center;background:#e8e8e8}.viewer.dual{gap:0;flex-wrap:nowrap;justify-content:center}.viewer.dual .page{border-radius:0;box-shadow:none}.viewer.dual .page+.page{margin-left:-3px}.viewer.dual .page canvas{border-radius:0}.viewer.dual.cover-alone:not(.dir-rtl){justify-content:flex-start}.viewer.dual.cover-alone.dir-rtl{justify-content:flex-end}.viewer .page{position:relative;background:#fff;box-shadow:none;border-radius:4px;overflow:visible;line-height:0}.viewer .page canvas{display:block;border-radius:4px}.viewer.selecting .page{cursor:crosshair;user-select:none;-webkit-user-select:none}.sel-rect{position:absolute;pointer-events:none;z-index:4;border:2px dashed var(--accent);background:#5a92e51a;border-radius:2px;transition:background-color .12s ease,border-style .12s ease}.sel-rect-active{border-style:solid;background:#5a92e533}.sel-loading{position:absolute;z-index:5;background:#fffffff7;border:1px solid var(--accent);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--muted);pointer-events:none;box-shadow:0 4px 12px #3c322329;white-space:nowrap}.sel-result{position:absolute;z-index:6;display:flex;flex-direction:column;background:#fffffffa;border:1px solid var(--accent);border-radius:8px;font-family:var(--han-font);font-size:13px;line-height:1.55;color:var(--ink);box-shadow:0 6px 18px #3c322338;min-width:120px;max-width:420px;overflow:hidden}.sel-bar{flex:0 0 22px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 9px;cursor:move;user-select:none;-webkit-user-select:none;touch-action:none;background:var(--accent-soft, rgba(90, 146, 229, .1));border-bottom:1px solid rgba(90,146,229,.18);border-radius:7px 7px 0 0}.sel-grip{font-size:12px;line-height:1;letter-spacing:2px;color:var(--muted, #9a8f82)}.sel-close{border:none;background:none;font-size:16px;line-height:1;color:var(--muted, #9a8f82);cursor:pointer;padding:2px 6px;border-radius:4px}.sel-close:hover{color:var(--accent);background:#5a92e529}.sel-trans{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word;font-size:14px;color:var(--ink);font-weight:500;font-family:var(--han-font)}.sel-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;touch-action:none;z-index:2}.sel-resize:after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:2px solid var(--muted, #b3a99c);border-bottom:2px solid var(--muted, #b3a99c)}.sel-result.dragging,.sel-result.resizing{user-select:none;-webkit-user-select:none}.sel-result.dragging{box-shadow:0 10px 28px #3c32234d}.saved-box{position:absolute;cursor:pointer;box-sizing:border-box;border:1px solid rgba(90,146,229,.3);border-radius:3px;background:#5a92e508;transition:background-color .12s ease,border-color .12s ease;z-index:2;user-select:none;-webkit-user-select:none}.saved-box:hover{background:#5a92e51f;border-color:#5a92e58c}#pages.hide-saved-boxes .saved-box{display:none}.saved-box.has-text{border-style:solid;border-width:1px;background:#5a92e50f}.saved-box.has-text:hover{background:#5a92e529;border-color:#5a92e599}.saved-box:not(.has-text){border-style:dashed;border-width:1px;border-color:#5a92e547}.saved-box.stale{border-color:#c98a2b;background:#c98a2b29}.saved-box.stale:after{content:"stale";position:absolute;top:-10px;left:-1px;font-size:10px;color:#fff;background:#c98a2b;padding:1px 4px;border-radius:3px;line-height:1;pointer-events:none}.viewer.editing .page{cursor:default}.viewer.editing .saved-box{cursor:move}.saved-box.dragging{opacity:.85;box-shadow:0 4px 12px #3c322340}.resize-handle{position:absolute;width:12px;height:12px;background:#fff;border:1.5px solid var(--accent);border-radius:2px;display:none;z-index:3}.viewer.editing .saved-box .resize-handle{display:block}.resize-handle.nw{top:-6px;left:-6px;cursor:nw-resize}.resize-handle.ne{top:-6px;right:-6px;cursor:ne-resize}.resize-handle.sw{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle.se{bottom:-6px;right:-6px;cursor:se-resize}.box-action{position:absolute;top:-14px;width:20px;height:20px;border-radius:50%;border:1px solid var(--accent);background:#fff;color:var(--accent);font-size:14px;line-height:16px;text-align:center;cursor:pointer;padding:0;z-index:4;display:none;font-family:-apple-system,Segoe UI,system-ui,sans-serif}.viewer.editing .saved-box .box-action{display:block}.box-action:hover{background:var(--accent);color:#fff}.box-action.box-delete{right:-10px}.box-action.box-reocr{right:14px;font-size:13px}.hiddenCanvasElement{display:none!important;position:absolute!important;width:0!important;height:0!important;visibility:hidden!important;pointer-events:none!important}.result{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.result-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:600;font-size:14px}.result-status{padding:10px 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);white-space:pre-wrap;word-break:break-word;max-height:30vh;overflow:auto}.result-body{overflow:auto;padding:10px 12px;flex:1;min-height:0}.result-body h4{margin:10px 0 6px;font-size:13px;color:var(--accent)}.result-text{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6;margin:0;padding:10px;border-radius:8px;background:#faf8f3;max-height:40vh;overflow:auto;font-family:var(--han-font)}.result-text.trans{background:var(--accent-soft)}.ocr-progress{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:13px}.ocr-progress[hidden]{display:none}.ocr-progress .bar{width:160px;height:6px;background:var(--line);border-radius:4px;overflow:hidden}.ocr-progress .bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}@media (max-width: 1100px){.layout{grid-template-columns:200px 1fr 280px}}.scan-trans{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none}.scan-orig .scan-trans{display:none!important}.st-block{position:absolute;box-sizing:border-box;background:#fff;overflow:hidden;padding:0 1px;font-family:var(--han-font);color:var(--ink);line-height:1.22;white-space:pre-wrap;word-break:break-word;font-weight:500}.st-block.on-image{background:#fffffff2;border-radius:2px}.st-block.vertical{writing-mode:vertical-rl;text-orientation:upright;line-height:1.05}.scan-edit{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;cursor:crosshair;user-select:none;-webkit-user-select:none}.se-box{position:absolute;box-sizing:border-box;border-radius:2px;cursor:move;transition:background-color .1s ease,border-color .1s ease}.se-box.se-text{border:1.5px solid rgba(52,148,101,.85);background:#34946521}.se-box.se-text:hover{background:#34946533}.se-box.se-image{border:1.5px dashed rgba(108,122,160,.8);background:#6c7aa01c}.se-box.se-image:hover{background:#6c7aa02e}.se-box.se-done{box-shadow:inset 0 0 0 1px #34946573}.se-box.se-selected{border-width:2px;border-style:solid;border-color:#2f7de0;background:#2f7de029;box-shadow:0 0 0 1px #ffffffe6,0 3px 10px #1e3c6e40;z-index:2}.se-box.se-dragging{opacity:.85}.se-box.se-creating{border:1.5px dashed #2f7de0;background:#2f7de01f}.se-badge{position:absolute;top:-1px;left:-1px;padding:0 3px;font-size:9px;line-height:13px;font-family:-apple-system,Segoe UI,system-ui,sans-serif;color:#fff;border-radius:0 0 2px;pointer-events:none;white-space:nowrap}.se-text>.se-badge{background:#349465f2}.se-image>.se-badge{background:#6c7aa0f2}.se-selected>.se-badge{background:#2f7de0}.se-handle{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid #2f7de0;border-radius:2px;z-index:3}.se-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.se-handle.n{top:-5px;left:50%;margin-left:-4.5px;cursor:n-resize}.se-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.se-handle.w{top:50%;margin-top:-4.5px;left:-5px;cursor:w-resize}.se-handle.e{top:50%;margin-top:-4.5px;right:-5px;cursor:e-resize}.se-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.se-handle.s{bottom:-5px;left:50%;margin-left:-4.5px;cursor:s-resize}.se-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.se-toolbar{position:absolute;display:flex;gap:3px;padding:2px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 3px 10px #3c32232e;z-index:6;cursor:default}.se-tbtn{padding:2px 7px;font-size:11px;font-family:inherit;line-height:16px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap}.se-tbtn:hover{border-color:var(--accent);color:var(--accent)}.se-tbtn.active{background:#2f7de0;border-color:#2f7de0;color:#fff}.se-tbtn.se-tdel:hover{border-color:#c0392b;color:#c0392b}.key-modal{position:fixed;inset:0;z-index:3000;background:#28201473;display:flex;align-items:center;justify-content:center;font-family:var(--han-font)}.key-modal[hidden]{display:none}.key-modal-box{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);width:min(420px,calc(100vw - 48px));padding:18px 22px 20px}.key-modal-box h3{margin:0 0 10px;font-size:16px;color:var(--accent)}.key-modal-msg{margin:0 0 16px;font-size:13.5px;line-height:1.7;color:var(--ink)}.key-modal-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.key-modal-actions .btn{margin:0;text-decoration:none;font-family:inherit}.qr-modal{position:fixed;inset:0;z-index:3100;background:#2820148c;display:flex;align-items:center;justify-content:center;padding:20px}.qr-modal[hidden]{display:none}.qr-modal-box{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-width:min(900px,calc(100vw - 40px));max-height:calc(100vh - 40px);padding:12px;overflow:hidden}.qr-modal-img{display:block;max-width:100%;max-height:calc(100vh - 90px);height:auto;border-radius:8px}.qr-modal-close{position:absolute;top:18px;right:18px;width:32px;height:32px;border:none;border-radius:50%;background:#00000073;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.qr-modal-close:hover{background:#000000b3}