:root{color:#172033;background:#eef2f6;font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{align-items:center;background:#fff;border:1px solid #cfd8e3;border-radius:7px;color:#172033;cursor:pointer;display:inline-flex;justify-content:center;min-height:36px;padding:8px 12px;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}button:hover:not(:disabled){border-color:#93a4ba;box-shadow:0 1px 2px #17203314}button:disabled{cursor:default;opacity:.5}button.primary,.filters button.active{background:#1f5eff;border-color:#1f5eff;color:#fff}button.danger{border-color:#fecdd3;color:#be123c}button.danger:hover:not(:disabled){background:#fff1f2;border-color:#fb7185}button.ghost{background:#f7f9fc}.app{min-height:100vh}header{align-items:center;background:#fff;border-bottom:1px solid #d8e0ea;display:flex;justify-content:space-between;padding:14px 24px}h1,h2,p{margin:0}header h1{font-size:20px;font-weight:760;letter-spacing:0}header p,.detail-header p,.image-meta span,.region-list,.muted{color:#66758a}.brand{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:#172033;border-radius:8px;color:#fff;display:flex;font-weight:760;height:38px;justify-content:center;width:38px}.header-actions{display:flex;gap:8px}.workspace{display:grid;gap:0;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 67px)}.sidebar{background:#fbfcfe;border-right:1px solid #d8e0ea;padding:18px 16px}.sidebar-head,.section-title,.detail-header,.image-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.eyebrow,.rail-title{color:#6d7e94;font-size:12px;font-weight:760;letter-spacing:0;text-transform:uppercase}.sidebar h2{font-size:22px;margin-top:4px}.queue-stats{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:18px 0 14px}.queue-stats div{background:#fff;border:1px solid #dce4ee;border-radius:8px;display:grid;gap:2px;padding:10px}.queue-stats strong{font-size:20px}.queue-stats span{color:#6d7e94;font-size:12px}.filters{display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.filters button{min-height:32px;padding:6px 8px}.batch-list{display:grid;gap:8px;margin-top:14px}.batch{align-items:flex-start;background:#fff;display:grid;gap:7px;justify-content:stretch;min-height:88px;padding:12px;text-align:left}.batch strong{font-size:15px}.batch span:last-child{color:#6d7e94;font-size:13px}.batch.selected{border-color:#1f5eff;box-shadow:inset 3px 0 #1f5eff,0 8px 18px #1f5eff14}.status-pill,.status-dot{border-radius:6px;display:inline-flex;font-size:12px;font-weight:760;justify-content:center;line-height:1;padding:6px 8px;width:fit-content}.status-pill.pending,.status-pill.processing,.status-dot.uploaded,.status-dot.detecting{background:#fff5d7;color:#8a5a00}.status-pill.reviewing,.status-dot.detected{background:#e7efff;color:#1747bf}.status-pill.completed,.status-dot.completed{background:#e6f6ed;color:#166534}.status-pill.failed,.status-dot.failed{background:#ffe8e8;color:#b42318}.detail{min-width:0;padding:18px}.review-workspace,.region-form{display:grid;gap:16px}.detail-header{background:#fff;border:1px solid #d8e0ea;border-radius:8px;padding:16px}.detail-header h2{font-size:24px;margin:8px 0 4px}.meta-grid{background:#fff;border:1px solid #d8e0ea;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px}.meta-grid label,.box-inputs label,.text-editor-label,.knowledge-editor label{color:#5e6d82;display:grid;gap:6px;font-size:13px;font-weight:700}.meta-grid select,.box-inputs input,.knowledge-editor input,.region-form textarea,.login input{background:#fff;border:1px solid #cfd8e3;border-radius:7px;color:#172033;min-height:38px;padding:9px 10px}.meta-grid select:focus,.box-inputs input:focus,.knowledge-editor input:focus,.region-form textarea:focus,.login input:focus{border-color:#1f5eff;box-shadow:0 0 0 3px #1f5eff1f;outline:none}.organizer{display:grid;gap:16px;grid-template-columns:168px minmax(0,1fr)}.thumbs{align-content:start;display:grid;gap:8px}.rail-title{padding:2px 2px 4px}.thumb{align-items:start;background:#fff;display:grid;gap:6px;justify-content:stretch;min-height:78px;overflow-wrap:anywhere;padding:10px;text-align:left}.thumb strong{font-size:15px}.thumb span:not(.status-dot){color:#66758a;font-size:12px}.thumb.selected,.region-row.selected{border-color:#1f5eff;box-shadow:inset 3px 0 #1f5eff}.editor-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 360px}.image-toolbar{align-items:center;background:#fff;border:1px solid #d8e0ea;border-radius:8px 8px 0 0;border-bottom:0;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.image-toolbar div{display:grid;gap:3px}.image-toolbar span{color:#66758a;font-size:13px}.image-canvas{background:#e7edf4;border:1px solid #d8e0ea;border-radius:0 0 8px 8px;max-height:calc(100vh - 305px);min-height:420px;overflow:hidden;overflow-y:auto}.image-stage{background:#e7edf4;border:0;border-radius:0;min-height:420px;overflow:visible;position:relative;width:100%}.image-stage.editable{touch-action:none}.image-stage img{display:block;height:100%;left:50%;object-fit:fill;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:100%}.image-tools{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.region{border:2px solid #e11d48;box-shadow:0 0 0 1px #fffffff2,0 10px 24px #e11d482e;position:absolute}.region.active{border-color:#1f5eff;box-shadow:0 0 0 1px #fffffff2,0 10px 24px #1f5eff38}.resize-handle{background:#fff;border:2px solid currentColor;bottom:-7px;height:14px;position:absolute;right:-7px;width:14px}.region-panel{align-content:start;background:#fff;border:1px solid #d8e0ea;border-radius:8px;display:grid;gap:14px;padding:14px}.section-title strong{display:block;font-size:16px}.section-title span{color:#66758a;display:block;font-size:12px;margin-top:3px}.region-form textarea{line-height:1.55;min-height:168px;resize:vertical;width:100%}.recognition-progress{background:#eef4ff;border:1px solid #b9ccff;border-radius:8px;color:#1f4fbf;font-size:13px;line-height:1.5;padding:10px 12px}.delete-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:13px;line-height:1.5;padding:10px 12px}.knowledge-editor{display:grid;gap:8px}.knowledge-input-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.knowledge-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tag{background:#eef4ff;border-color:#b9ccff;color:#1f4fbf;min-height:30px;padding:5px 8px}.tag span{color:#5b77c8;margin-left:6px}.loading-action{color:#1f5eff;cursor:progress}.box-inputs{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.region-list{display:grid;gap:7px;margin-top:2px}.region-list.compact{max-height:320px;overflow:auto;padding-right:2px}.region-row{align-items:start;display:grid;gap:4px;justify-content:stretch;overflow-wrap:anywhere;padding:10px;text-align:left;width:100%}.region-row strong{color:#172033;font-size:13px}.region-row span{color:#66758a;display:-webkit-box;font-size:13px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.setup,.login{background:#fff;border:1px solid #d8e0ea;border-radius:8px;display:grid;gap:12px;margin:48px auto;max-width:520px;padding:20px}pre{background:#101828;border-radius:7px;color:#e5e7eb;overflow:auto;padding:14px}.loading,.empty{color:#66758a;padding:36px;text-align:center}.empty.inline{background:#fff;border:1px dashed #cfd8e3;border-radius:8px;padding:22px 12px}.image-stage .loading{align-items:center;display:flex;height:420px;justify-content:center;padding:0}@media(max-width:1100px){.workspace{grid-template-columns:280px minmax(0,1fr)}.editor-layout{grid-template-columns:1fr}}@media(max-width:820px){header{align-items:flex-start;display:grid;gap:12px}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d8e0ea}.detail{padding:12px}.detail-header,.image-toolbar{align-items:flex-start;display:grid}.meta-grid,.organizer{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.image-canvas{max-height:none}}