: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,.top-nav 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}.top-nav{align-items:center;display:flex;gap:8px}.top-nav button{min-height:34px}.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(4,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}.status-pill.discarded{background:#eef2f7;color:#475467}.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,.library-filters label,.box-inputs label,.text-editor-label,.knowledge-editor label,.visual-editor label{color:#5e6d82;display:grid;gap:6px;font-size:13px;font-weight:700}.meta-grid select,.library-filters input,.library-filters select,.box-inputs input,.knowledge-editor input,.visual-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,.library-filters input:focus,.library-filters select:focus,.box-inputs input:focus,.knowledge-editor input:focus,.visual-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;flex-wrap:wrap;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}.image-prompt{color:#5e6d82;display:grid;flex-basis:100%;gap:6px;font-size:13px;font-weight:700}.image-prompt textarea{background:#fff;border:1px solid #cfd8e3;border-radius:7px;color:#172033;line-height:1.5;min-height:72px;padding:9px 10px;resize:vertical;width:100%}.image-prompt textarea:focus{border-color:#1f5eff;box-shadow:0 0 0 3px #1f5eff1f;outline:none}.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}.visual-region{border:2px dashed #059669;box-shadow:0 0 0 1px #fffffff2,0 10px 24px #0596692e;color:#047857;position:absolute}.visual-region.active{border-color:#10b981;border-style:solid;box-shadow:0 0 0 1px #fffffff2,0 10px 24px #10b9813d}.visual-region span{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;color:#047857;font-size:12px;font-weight:760;left:6px;padding:3px 6px;position:absolute;top:6px}.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%}.region-form textarea.prompt-editor{min-height:84px}.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}.visual-editor{border:1px solid #d8e0ea;border-radius:8px;display:grid;gap:8px;padding:10px}.structured-panel{border:1px solid #d8e0ea;border-radius:8px;display:grid;gap:10px;padding:10px}.structured-details{display:grid;gap:10px}.structured-details.compact{gap:8px;max-height:360px;overflow:auto;padding-right:2px}.structured-field{display:grid;gap:4px}.structured-field>span,.detail-meta-grid>span{color:#66758a;font-size:12px;font-weight:760}.structured-field p,.structured-field ul,.structured-field ol,.detail-meta-grid p{color:#172033;font-size:13px;line-height:1.55;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.structured-field ul,.structured-field ol{padding-left:20px}.structured-field li em{color:#66758a;display:block;font-style:normal;margin-top:2px}.structured-json summary{color:#44546a;cursor:pointer;font-size:13px;font-weight:760}.structured-json pre{font-size:12px;margin-top:8px;max-height:260px}.visual-editor-head,.visual-card-head{align-items:center;display:flex;justify-content:space-between}.visual-card{border:1px solid #d8e0ea;border-radius:8px;display:grid;gap:8px;padding:10px}.visual-card.selected{border-color:#10b981;box-shadow:inset 3px 0 #10b981}.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}.tag.readonly{cursor:default}.reidentify-panel{display:grid;gap:8px}.reidentify-panel textarea{min-height:86px;resize:vertical}.library-page{display:grid;gap:16px;padding:18px}.library-filters{align-items:end;background:#fff;border:1px solid #d8e0ea;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(130px,1fr)) minmax(180px,1.4fr) auto;padding:14px}.library-summary{align-items:baseline;background:#fff;border:1px solid #d8e0ea;border-radius:8px;display:flex;gap:8px;padding:12px 14px}.library-summary strong{font-size:24px}.library-summary span,.mistake-meta,.mistake-footer{color:#66758a}.library-summary .summary-note{background:#f1f5f9;border:1px solid #d8e0ea;border-radius:999px;color:#44546a;font-size:12px;padding:4px 8px}.mastered-badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#047857;font-weight:760;padding:3px 7px}.mistake-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.mistake-card{background:#fff;border:1px solid #d8e0ea;border-radius:8px;display:grid;grid-template-columns:132px minmax(0,1fr);min-height:184px;overflow:hidden}.mistake-card.clickable{cursor:pointer}.mistake-card.clickable:focus,.mistake-card.clickable:hover{border-color:#8aa7ff;box-shadow:0 8px 18px #1f5eff1f;outline:none}.mistake-media{background:#e7edf4;border-right:1px solid #d8e0ea;min-height:184px}.mistake-media img{height:100%;object-fit:cover;width:100%}.mistake-placeholder{align-items:center;color:#66758a;display:flex;height:100%;justify-content:center}.mistake-body{display:grid;gap:10px;padding:12px}.mistake-meta,.mistake-footer{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.mistake-body p{color:#172033;display:-webkit-box;line-height:1.55;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.mistake-footer{justify-content:space-between}.modal-backdrop{align-items:center;background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:28px;position:fixed;z-index:50}.mistake-detail-modal{background:#fff;border-radius:8px;box-shadow:0 24px 60px #0f172a42;display:grid;gap:16px;max-height:min(900px,calc(100vh - 56px));max-width:1180px;overflow:auto;padding:18px;width:min(1180px,calc(100vw - 56px))}.modal-head{align-items:start;border-bottom:1px solid #d8e0ea;display:flex;justify-content:space-between;padding-bottom:12px}.modal-head h2{font-size:20px}.modal-head p{color:#66758a;margin-top:4px}.mistake-detail-content{display:grid;gap:16px;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr)}.mistake-detail-image{background:#e7edf4;border:1px solid #d8e0ea;border-radius:8px;min-height:360px;overflow:hidden}.mistake-detail-image img{display:block;max-height:680px;object-fit:contain;width:100%}.mistake-detail-info{align-content:start;display:grid;gap:14px}.detail-meta-grid{border-top:1px solid #d8e0ea;display:grid;gap:6px 10px;grid-template-columns:80px minmax(0,1fr);padding-top:12px}.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:420px;overflow:auto;padding-right:2px}.region-row{align-items:start;display:grid;gap:4px;justify-content:stretch;min-height:70px;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:18px;max-height:36px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.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}.practice-page{display:grid;gap:18px;padding:18px}.practice-builder,.practice-empty{background:#fff;border:1px solid #d8e0ea;border-radius:8px;display:grid;gap:14px;padding:16px}.practice-controls{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.practice-controls label{color:#44546a;display:grid;font-size:13px;font-weight:700;gap:6px}.practice-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.answer-toggle{align-items:center;color:#44546a;display:inline-flex;font-size:13px;font-weight:700;gap:6px;min-height:36px}.answer-toggle input{margin:0}.practice-preview{display:flex;justify-content:center}.a4-sheet{background:#fff;box-shadow:0 10px 30px #1720331f;min-height:1122px;padding:48px;width:794px}.practice-title{border-bottom:2px solid #172033;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.practice-title h2{font-size:24px}.practice-title p{color:#66758a}.practice-items{display:grid;gap:20px;list-style:none;margin:0;padding:0}.practice-item{align-items:start;column-gap:8px;display:grid;grid-template-columns:auto minmax(0,1fr)}.practice-item-number{font-size:15px;line-height:1.62}.practice-item-body{display:grid;gap:6px;min-width:0}.practice-item pre{background:transparent;border:0;color:#172033;font-family:inherit;font-size:15px;line-height:1.62;margin:0;overflow:visible;padding:0;white-space:pre-wrap}.practice-text{display:grid;gap:6px}.practice-options{display:grid;font-size:15px;gap:4px 22px;line-height:1.55}.practice-option-group{display:grid;gap:2px}.practice-option-group.labeled{align-items:start;column-gap:10px;grid-template-columns:auto minmax(0,1fr)}.practice-option-label{font-size:15px;font-weight:700;line-height:1.3;padding-top:1px}.practice-option-group.labeled .practice-options{min-width:0}.practice-options.inline{grid-template-columns:repeat(4,minmax(0,1fr))}.practice-options.two_columns{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-options.one_per_line{grid-template-columns:1fr}.practice-item img{border:1px solid #d8e0ea;border-radius:4px;max-height:320px;max-width:100%;object-fit:contain}.practice-visuals{display:flex;flex-wrap:wrap;gap:10px}.practice-visuals img{max-height:160px;max-width:260px}.answer-sheet{break-before:page;margin-top:36px;page-break-before:always}.answer-items{display:grid;gap:10px;list-style:none;margin:0;padding:0}.answer-items li{display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr);line-height:1.55}.answer-items span{white-space:pre-wrap}.answer-content{display:grid;gap:5px}.answer-subitems{display:grid;gap:6px;list-style:none;margin:0;padding:0}.answer-subitems li{display:grid;gap:2px;grid-template-columns:1fr}.answer-line{color:#172033}.answer-line b{display:inline-block;margin-right:6px}.answer-explanation,.answer-knowledge,.answer-fallback{color:#66758a}.answer-explanation{font-size:13px}.answer-knowledge{border-left:2px solid #d8e0ea;font-size:13px;line-height:1.55;padding-left:8px}@media print{@page{margin:12mm;size:A4 portrait}body{background:#fff}header,.practice-builder,.practice-empty{display:none!important}.practice-page,.practice-preview{background:#fff;display:block!important;margin:0!important;padding:0!important}.a4-sheet{box-shadow:none;min-height:auto;padding:0!important;width:100%!important}.answer-sheet{margin-top:0}}@media(max-width:1100px){.workspace{grid-template-columns:280px minmax(0,1fr)}.library-filters,.practice-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}}@media(max-width:820px){header{align-items:flex-start;display:grid;gap:12px}.library-filters,.practice-controls,.mistake-detail-content,.mistake-card{grid-template-columns:1fr}.modal-backdrop{padding:12px}.mistake-detail-modal{max-height:calc(100vh - 24px);padding:14px;width:calc(100vw - 24px)}.a4-sheet{min-height:auto;padding:24px;width:100%}.mistake-media{border-right:0;border-bottom:1px solid #d8e0ea;max-height:180px}.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}}