:root{--text:#3f3d45;--text-h:#1a1a1a;--bg:#f7f7f5;--panel-bg:#fff;--border:#e8e8e4;--border-strong:#d8d8d2;--accent:#3b6fe0;--accent-ink:#2a57bd;--accent-wash:#edf2fe;--mark:#e5484d;--mark-wash:#e5484d1f;--mark-strong:#e5484d38;--suggestion:#e5a83b;--suggestion-wash:#e5a83b24;--search-hit:#f3d94b;--search-hit-wash:#f3d94b66;--danger-bg:#fdecea;--danger-text:#7a1f1f;--radius:20px;--radius-lg:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d6d4db;--text-h:#f3f4f6;--bg:#16171d;--panel-bg:#1f2028;--border:#2e303a;--border-strong:#3d3f4a;--accent:#6d93f0;--accent-ink:#8fabf5;--accent-wash:#3b6fe029;--mark:#ff6b6f;--mark-wash:#ff6b6f24;--mark-strong:#ff6b6f42;--suggestion:#f0b94d;--suggestion-wash:#f0b94d29;--search-hit:#e0cb3f;--search-hit-wash:#e0cb3f52;--danger-bg:#3a1c1c;--danger-text:#f3b4b4}}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#root{height:100svh}h1,h2{color:var(--text-h);margin:0;font-weight:600}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app{flex-direction:column;height:100%;display:flex}.app--empty{justify-content:center;align-items:center;gap:24px;padding:24px}.app__logo{font-size:32px}.app__error{color:var(--danger-text)}.app__body{flex:1;min-height:0;display:flex}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--panel-bg);width:480px;max-width:90vw;padding:48px 24px}.upload-zone--drag-over{border-color:var(--accent)}.upload-zone__title{color:var(--text-h);margin-bottom:8px;font-size:18px}.upload-zone__subtitle{opacity:.75;font-size:14px}.toolbar{border-bottom:1px solid var(--border);background:var(--panel-bg);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}.toolbar__file-chip{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:14px;font-weight:600;overflow:hidden}.toolbar__page-indicator{color:var(--text);opacity:.7;min-width:90px;font-size:13px}.toolbar__spacer{flex:1}.toolbar__group{align-items:center;gap:8px;display:flex}.toolbar__mark-count{opacity:.7;font-size:13px}.toolbar__apply-button{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:8px 16px;font-weight:600}.toolbar button{border:1px solid var(--border);background:var(--panel-bg);color:var(--text-h);border-radius:999px;padding:7px 14px;font-size:13.5px}.toolbar button:hover:not(:disabled){border-color:var(--border-strong)}.mode-toggle{background:var(--bg);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.mode-btn{color:var(--text);border-radius:999px;height:34px;font-weight:600;background:0 0!important;border:none!important;padding:0 13px!important}.mode-btn--active{color:var(--text-h);box-shadow:0 1px 3px #14141414;background:var(--panel-bg)!important}.banner{padding:12px 16px}.banner--error{background:var(--danger-bg);color:var(--danger-text)}.banner ul{margin:8px 0 0;padding-left:20px}.thumbnail-sidebar{border-right:1px solid var(--border);background:var(--panel-bg);flex-direction:column;flex-shrink:0;gap:12px;width:152px;padding:16px 8px;display:flex;overflow-y:auto}.thumbnail{background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex;position:relative}.thumbnail canvas{border:1px solid var(--border);max-width:100%;display:block}.thumbnail--active{border-color:var(--accent)}.thumbnail__label{opacity:.75;font-size:12px}.thumbnail__badge{background:var(--mark);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.canvas-area{background:var(--bg);flex:1;padding:28px 28px 60px;overflow:hidden auto}.canvas-area.mode-pan{cursor:grab}.pages-column{flex-direction:column;align-items:center;gap:24px;display:flex}.page-wrap{flex-direction:column;align-items:center;display:flex}.page-holder{background:#fff;line-height:0;position:relative;box-shadow:0 1px 4px #1414141f}.page-holder.pending{background:#fff}.page-holder__loading{width:100%;height:100%;min-height:200px;color:var(--text);opacity:.5;justify-content:center;align-items:center;font-size:13px;display:flex}.page-canvas-base{display:block}.page-label{color:var(--text);opacity:.6;margin-top:8px;font-size:12px}.ilayer{z-index:2;position:absolute;inset:0}.page-holder.mode-box .ilayer{cursor:crosshair}.page-holder.mode-eraser .ilayer{cursor:cell}.page-holder.mode-pan .ilayer{pointer-events:none}.mark{background:var(--mark-wash);border:1.5px solid var(--mark);cursor:pointer;border-radius:2px;position:absolute}.mark:hover{background:var(--mark-strong)}.mark.selected{background:var(--mark-strong);box-shadow:0 0 0 2px var(--panel-bg), 0 0 0 4px var(--mark)}.mark .x{background:var(--mark);color:#fff;cursor:pointer;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:none;position:absolute;top:-9px;right:-9px}.mark:hover .x,.mark.selected .x{display:flex}.drag-preview{background:var(--mark-wash);border:1.5px dashed var(--mark);pointer-events:none;z-index:4;border-radius:2px;position:absolute}.text-layer{z-index:1;position:absolute;inset:0}.word-box{cursor:text;border-radius:2px;position:absolute}.word-box:hover{background:var(--mark-wash)}.word-box.selecting{background:var(--mark-strong)}.no-text-flag{z-index:5;color:#8a6d1a;white-space:nowrap;background:#fff7e6;border:1px solid #f2d98a;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:600;position:absolute;top:8px;left:50%;transform:translate(-50%)}.modal-back{z-index:60;background:#14141459;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel-bg);border-radius:var(--radius);width:100%;max-width:420px;padding:24px;line-height:1.4;box-shadow:0 24px 60px #14141433}.modal h3{margin-bottom:4px;font-size:18px}.modal__desc{color:var(--text);opacity:.75;margin-bottom:18px;font-size:13.5px}.opt{border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:11px;margin-bottom:9px;padding:11px 13px;display:flex}.opt:hover{border-color:var(--border-strong)}.opt--selected{border-color:var(--accent);background:var(--accent-wash)}.opt input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.opt__spec-input{border:1px solid var(--border);width:110px;font:inherit;border-radius:8px;margin-left:auto;padding:6px 9px;font-size:13px}.modal__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal__actions button{border:1px solid var(--border);background:var(--panel-bg);border-radius:999px;padding:8px 16px;font-size:13.5px}.search-match-layer,.suggestion-layer{z-index:3;position:absolute;inset:0}.search-match{background:var(--search-hit-wash);border:1.5px solid var(--search-hit);pointer-events:none;border-radius:2px;position:absolute}.suggestion-box{background:var(--suggestion-wash);border:1.5px dashed var(--suggestion);cursor:pointer;border-radius:2px;position:absolute}.suggestion-box:hover{background:#e5a83b47}.search-panel{border-left:1px solid var(--border);background:var(--panel-bg);flex-shrink:0;width:300px;padding:16px;overflow-y:auto}.search-panel__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.search-panel__header button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.search-panel__section{margin-bottom:24px}.search-panel__section h3{margin-bottom:8px;font-size:13px;font-weight:600}.search-panel__form input,.search-panel__section>button{border:1px solid var(--border);width:100%;font:inherit;background:var(--bg);color:var(--text-h);border-radius:10px;padding:8px 12px;font-size:13.5px}.search-panel__section>button{cursor:pointer;text-align:center}.search-panel__section>button:hover{border-color:var(--border-strong)}.search-panel__hint{opacity:.7;margin:6px 0 10px;font-size:12.5px}.search-panel__result-row{justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;display:flex}.search-panel__result-row button{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12.5px}.search-panel__bulk-actions{gap:6px;display:flex}.search-panel__suggestions{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.suggestion-item{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.suggestion-item__label{color:var(--suggestion);margin-right:6px;font-weight:600;display:inline-block}.suggestion-item__text{word-break:break-all;font-family:ui-monospace,monospace}.suggestion-item__page{opacity:.6;margin-left:6px}.suggestion-item__actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.suggestion-item__actions button{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:11.5px}