:root{--bg-stage: #E7E9EC;--surface: #FFFFFF;--border: #E2E8F0;--border-strong: #CBD5E1;--text: #0F172A;--text-2: #64748B;--text-3: #94A3B8;--accent: #1E293B;--emerald: #059669;--blue: #3B82F6;--amber: #F59E0B;--indigo: #6366F1;--slate-50: #F8FAFC;--slate-100: #F1F5F9;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--pad-side: 16px;--gap-section: 18px;--pad-row: 7px 9px}[data-density=compact]{--pad-side: 12px;--gap-section: 12px;--pad-row: 5px 9px}[data-density=comfy]{--pad-side: 22px;--gap-section: 26px;--pad-row: 10px 11px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--slate-50)}.app-header{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:26px;height:26px;background:var(--text);color:#fff;border-radius:7px}.brand-name{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.brand-sub{font-size:12px;color:var(--text-3);padding-left:10px;border-left:1px solid var(--border)}.ghost-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:6px 11px;transition:all .12s}.ghost-btn:hover{background:var(--slate-50);border-color:var(--border-strong);color:var(--text)}.app-main{flex:1;min-height:0;overflow:hidden}.idle-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px}.idle{display:flex;flex-direction:column;align-items:center;gap:18px}.dropzone{width:480px;max-width:90vw;display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 40px;border:1.5px dashed var(--border-strong);border-radius:14px;background:var(--surface);transition:all .15s;text-align:center;cursor:pointer}.dropzone:hover{border-color:#94a3b8;background:#fcfcfd}.dropzone-active{border-color:#475569!important;background:var(--slate-100)!important}.dz-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:12px;background:var(--slate-100);color:var(--text-3)}.dz-text{font-size:15px;font-weight:600;color:var(--text)}.dz-sub{font-size:13px;color:var(--text-3);margin-top:-8px}.dz-error{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#dc2626;background:#fef2f2;border:1px solid #FECACA;padding:6px 10px;border-radius:8px}.idle-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.idle-notes li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.idle-notes li svg{color:var(--text-3)}.processing{height:100%;display:grid;place-items:center;padding:32px}.proc-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 56px;background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:320px;text-align:center}.proc-spinner{color:var(--text-3);animation:spin .9s linear infinite;display:grid;place-items:center;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.proc-name{font-size:14px;font-weight:600;color:var(--text)}.proc-status{font-size:13px;color:var(--text-2);margin-bottom:16px}.proc-bar{width:260px;height:4px;background:var(--slate-100);border-radius:99px;overflow:hidden}.proc-bar-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.proc-phase{font-size:11px;color:var(--text-3);margin-top:10px}.error-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 56px;background:#fef2f2;border:1px solid #FECACA;border-radius:14px;text-align:center}.error-card p{font-size:13px;color:#dc2626;margin:0}.error-retry{margin-top:8px;padding:8px 20px;border-radius:8px;background:#dc2626;color:#fff;border:none;font-size:13px;font-weight:500}.error-retry:hover{background:#b91c1c}.workspace{display:flex;height:100%}.workspace-viewer{flex:3;min-width:0;overflow:hidden}.workspace-side{flex:2;min-width:360px;max-width:460px;overflow:hidden}.viewer{display:flex;flex-direction:column;height:100%}.viewer-bar{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border)}.vb-group{display:flex;align-items:center;gap:2px}.vb-btn{display:grid;place-items:center;width:28px;height:28px;border:none;background:none;color:var(--text-2);border-radius:6px;transition:all .12s}.vb-btn:hover:not(:disabled){background:var(--slate-100);color:var(--text)}.vb-btn:disabled{opacity:.3;cursor:default}.vb-page{font-size:12.5px;color:var(--text-2);padding:0 8px;font-variant-numeric:tabular-nums}.vb-page-sep{color:var(--text-3)}.vb-doc-name{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);font-family:var(--mono);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vb-zoom{font-size:12px;color:var(--text-2);width:40px;text-align:center;font-variant-numeric:tabular-nums}.viewer-stage{flex:1;min-height:0;overflow:auto;background:var(--bg-stage);display:flex;align-items:flex-start;justify-content:center;padding:28px}.viewer-stage::-webkit-scrollbar{width:10px;height:10px}.viewer-stage::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px;border:3px solid transparent;background-clip:content-box}.viewer-stage::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}.page-paper{position:relative;flex-shrink:0;background:#fff;box-shadow:0 1px 2px #0f172a1a,0 12px 32px -8px #0f172a2e;border:1px solid rgba(15,23,42,.05)}.page-img{display:block;width:100%;height:100%}.page-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffff8c;color:var(--text-3);pointer-events:none;z-index:5}.page-loading svg{animation:spin .9s linear infinite}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay-box{position:absolute;border-radius:2px;pointer-events:auto;transform-origin:center;transition:box-shadow .13s ease,background .15s ease,transform .13s ease}.overlay-box.is-auto{background:#0f172a;border:0;cursor:default}.overlay-box.is-accept{background:#0f172a;border:0;cursor:pointer}.overlay-box.is-confirm-pending{background:#3b82f647;border:2px dashed #3B82F6;cursor:pointer}.overlay-box.is-suspect-pending{background:#f59e0b47;border:2px dashed #F59E0B;cursor:pointer}.overlay-box.is-hovered{z-index:20;transform:scale(1.05);box-shadow:0 0 0 2px #fff,0 0 0 4px #6366f1,0 10px 24px -4px #6366f1a6}.vb-tool{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:7px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-2);transition:all .12s}.vb-tool:hover{background:var(--slate-50);border-color:var(--border-strong);color:var(--text)}.vb-tool.active{background:var(--text);border-color:var(--text);color:#fff}.manual-hint{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fffbeb;border-bottom:1px solid #FDE68A;font-size:11.5px;color:#92400e;flex-shrink:0}.draw-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;cursor:crosshair}.draw-preview{position:absolute;background:#0f172a8c;border:1.5px solid #0F172A;pointer-events:none}.manual-box{position:absolute;background:#0f172a;border-radius:1px;pointer-events:none}.manual-badges{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.manual-del{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:20px;height:20px;border:2px solid #fff;border-radius:999px;background:#dc2626;color:#fff;padding:0;cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px #00000073;transition:transform .1s,background .12s}.manual-del:hover{background:#b91c1c;transform:translate(-50%,-50%) scale(1.15)}.sidebar{display:flex;flex-direction:column;height:100%;background:var(--surface);border-left:1px solid var(--border)}.mode-select{display:flex;gap:2px;padding:10px var(--pad-side) 0}.mode-opt{flex:1;padding:6px 4px;font-size:11.5px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:7px;transition:all .12s}.mode-opt:hover{background:var(--slate-50);color:var(--text)}.mode-opt.active{background:var(--text);border-color:var(--text);color:#fff}.sidebar-stats{flex-shrink:0;padding:14px var(--pad-side) 12px;border-bottom:1px solid var(--border)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid var(--border);border-radius:9px;background:var(--slate-50)}.stat-top{display:flex;align-items:center;gap:5px}.stat-label{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}.stat-value{font-size:22px;font-weight:700;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.timing{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:11px}.timing-total{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-2)}.timing-chip{font-size:10px;color:var(--text-2);background:var(--slate-100);border-radius:5px;padding:2px 6px;font-variant-numeric:tabular-nums}.pending-note{margin:10px 0 0;font-size:11px;color:#b45309}.sidebar-list{flex:1;min-height:0;overflow-y:auto;padding:14px var(--pad-side);display:flex;flex-direction:column;gap:var(--gap-section)}.sidebar-list::-webkit-scrollbar{width:10px}.sidebar-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px;border:3px solid transparent;background-clip:content-box}.sidebar-list::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}.section-head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:2px 0}.section-head-l{display:flex;align-items:center;gap:7px}.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.section-count{font-size:10px;font-weight:600;color:var(--text-2);background:var(--slate-100);border-radius:99px;padding:1px 7px}.section-pending{font-size:10px;color:#b45309;background:#fffbeb;border:1px solid #FDE68A;border-radius:99px;padding:1px 7px}.section-hint{margin:6px 0 2px;font-size:11px;color:var(--text-3);line-height:1.4}.section-rows{display:flex;flex-direction:column;gap:4px;margin-top:8px}.drow{display:flex;align-items:center;gap:9px;padding:var(--pad-row);border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:all .12s}.drow:hover{border-color:var(--border-strong)}.drow-hover{border-color:var(--indigo)!important;background:#eef2ff!important;box-shadow:0 0 0 1px var(--indigo)}.drow-reject{opacity:.5;background:var(--slate-50)}.drow-accept{background:#f0fdf4;border-color:#bbf7d0}.drow-bucket{flex-shrink:0;display:grid;place-items:center}.drow-body{min-width:0;flex:1}.drow-meta{display:flex;align-items:center;gap:6px}.chip{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);background:var(--slate-100);border-radius:4px;padding:1.5px 5px;white-space:nowrap}.drow-conf{font-size:9.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.drow-text{font-family:var(--mono);font-size:11.5px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.drow-reject .drow-text{text-decoration:line-through;color:var(--text-3)}.drow-page{flex-shrink:0;font-size:9.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.drow-actions{display:flex;gap:3px;flex-shrink:0}.act{display:grid;place-items:center;width:24px;height:24px;border:none;background:none;border-radius:6px;color:var(--text-3);transition:all .12s}.act-yes:hover,.act-yes.on{background:#dcfce7;color:#047857}.act-no:hover,.act-no.on{background:#fee2e2;color:#dc2626}.drow-locked{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;color:var(--text-3)}.sidebar-foot{flex-shrink:0;padding:12px var(--pad-side);border-top:1px solid var(--border)}.foot-note{margin:0 0 9px;font-size:11px;color:var(--text-2)}.dl-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--accent);color:#fff;border:none;border-radius:9px;padding:12px;font-size:13.5px;font-weight:600;transition:all .12s}.dl-btn:hover:not(:disabled){filter:brightness(1.15)}.dl-btn:active:not(:disabled){transform:scale(.985)}.dl-btn:disabled{opacity:.55;cursor:default}.dl-count{font-size:11px;font-weight:600;background:#fff3;border-radius:99px;padding:1px 8px;font-variant-numeric:tabular-nums}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:24px}.login-card{display:flex;flex-direction:column;align-items:center;gap:18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px 36px;width:100%;max-width:360px;text-align:center;box-shadow:0 1px 3px #0000000a}.login-title{font-size:20px;font-weight:700;color:#0f172a;margin:0}.login-sub{font-size:13px;color:#64748b;margin:2px 0 0}.login-error{display:flex;align-items:center;gap:6px;font-size:13px;color:#b91c1c;background:#fef2f2;border-radius:8px;padding:8px 12px;margin:0}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:12px;font-weight:600;color:#fff;background:#0078d4;text-decoration:none;transition:background .15s}.login-btn:hover{background:#106ebe}.login-btn-disabled{background:#cbd5e1;pointer-events:none}.login-foot{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;margin:0}.header-right{display:flex;align-items:center;gap:10px}.user-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#475569;background:#f1f5f9;border-radius:999px;padding:4px 10px}