: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__error{color:var(--danger-text)}.app__body{flex:1;min-height:0;display:flex}.top-bar{flex:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.top-bar__brand{letter-spacing:-.01em;color:var(--text-h);align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.top-bar__mark{width:22px;height:22px}@media (prefers-color-scheme:dark){.top-bar__mark{filter:invert()}}.top-bar__status{color:var(--text);opacity:.75;align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.top-bar__status-dot{background:#57b877;border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (width<=560px){.top-bar__status{display:none}}.landing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:24px;display:flex}.landing__intro{max-width:480px}.landing__headline{letter-spacing:-.02em;color:var(--text-h);margin-bottom:10px;font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1.15}.landing__accent{color:var(--accent)}.landing__subhead{color:var(--text);opacity:.75;max-width:420px;margin:0 auto;font-size:15.5px}.landing__reassurance{color:var(--text);opacity:.7;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.landing__reassurance-check{color:#57b877;font-weight:700}.landing__reassurance-sep{opacity:.5}.landing__footer{color:var(--text);opacity:.6;font-size:13px}.landing__footer-link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:2px;cursor:default;font-weight:500}.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:40px 24px;transition:border-color .15s,background .15s}.upload-zone:hover,.upload-zone--drag-over{border-color:var(--accent);background:var(--accent-wash)}.upload-zone__icon{background:var(--accent);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.upload-zone__icon svg{width:24px;height:24px}.upload-zone__title{color:var(--text-h);margin-bottom:6px;font-size:18px;font-weight:600}.upload-zone__subtitle{color:var(--text);opacity:.75;font-size:14px}.upload-zone__browse{color:var(--accent);font-weight:600}.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{align-items:center;gap:8px;min-width:0;max-width:200px;font-size:14px;font-weight:600;display:inline-flex}.toolbar__file-icon{width:16px;height:16px;color:var(--accent);flex-shrink:0}.toolbar__file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;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 14px;display:flex;overflow-y:auto}.thumbnail-sidebar__label{color:var(--text);opacity:.55;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:12px;font-weight:600}.thumbnail{background:var(--bg);border:2px solid #0000;border-radius:10px;padding:0;position:relative;overflow:hidden}.thumbnail canvas{width:100%;height:auto;display:block}.thumbnail--active{border-color:var(--accent)}.thumbnail__number{color:#fff;z-index:1;background:#1a1a1ab8;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;top:6px;left:6px}.thumbnail__badge{background:var(--mark);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.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);color:var(--text-h);border-radius:999px;padding:8px 16px;font-size:13.5px}.modal__actions .modal__confirm-button{background:var(--accent);color:#fff;border:none;font-weight:600}.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}.guide-panel{border-left:1px solid var(--border);background:var(--panel-bg);flex-shrink:0;width:300px;padding:20px 18px;overflow-y:auto}.guide-panel__title{margin-bottom:12px;font-size:13px;font-weight:600}.guide-panel__steps{counter-reset:guide-step;margin:0;padding:0;list-style:none}.guide-panel__steps li{counter-increment:guide-step;color:var(--text);opacity:.85;margin-bottom:12px;padding-left:28px;font-size:13.5px;line-height:1.4;position:relative}.guide-panel__steps li:before{content:counter(guide-step);background:var(--accent-wash);width:19px;height:19px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0}.guide-panel__legend{color:var(--text);opacity:.85;align-items:center;gap:9px;margin-top:16px;font-size:12.5px;display:flex}.guide-panel__legend-swatch{border:1.5px solid var(--mark);background:var(--mark-wash);border-radius:3px;flex-shrink:0;width:26px;height:16px}.guide-panel__trust{background:var(--accent-wash);color:var(--accent-ink);border-radius:12px;margin-top:16px;padding:13px 14px;font-size:12.5px;line-height:1.45}@media (width<=900px){.guide-panel{display:none}}