:root{color-scheme:dark;font-family:Inter,Microsoft YaHei UI,PingFang SC,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0e1116;--panel: #171c24;--panel-strong: #1d2430;--panel-soft: #222a35;--line: rgba(188, 204, 220, .16);--text: #edf3f7;--muted: #9ba8b6;--soft: #c8d2da;--green: #33d6a6;--cyan: #49c6e5;--amber: #f2b84b;--red: #f06767;--indigo: #7d8cff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(115deg,#0e1116fa,#14181ff5),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.cockpit-shell{min-height:100vh;padding:18px;background:radial-gradient(circle at 18% 0%,rgba(73,198,229,.12),transparent 29%),linear-gradient(180deg,#ffffff05,#fff0)}.topbar,.context-strip,.vision-panel,.telemetry-panel,.compliance-panel,.bottom-ops,.drawer-panel{border:1px solid var(--line);background:#171c24db;box-shadow:0 18px 42px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:14px 16px}.brand-block,.topbar-status,.context-item,.panel-heading,.scan-chip,.model-chip,.sync-chip,.camera-hud,.trend-heading,.automation-panel,.summary-card,.risk-card div,.defect-card div,.suggestion-line{display:flex;align-items:center}.brand-block{gap:12px;min-width:260px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(51,214,166,.4);background:linear-gradient(135deg,#33d6a63d,#49c6e51a)}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(20px,2.3vw,30px);font-weight:780}h2{font-size:18px}.topbar-status{flex-wrap:wrap;justify-content:flex-end;gap:10px;color:var(--soft);font-size:13px}.sample-switcher{display:inline-flex;flex-wrap:wrap;gap:6px}.sample-switcher button{min-height:30px;max-width:112px;padding:0 8px;overflow:hidden;border:1px solid var(--line);color:var(--muted);background:#ffffff0a;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sample-switcher button.active{border-color:#49c6e573;color:var(--cyan);background:#49c6e51f}.live-dot{width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px #33d6a621}.risk-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);color:var(--soft);font-size:12px;font-weight:800}.risk-pill.pass,.risk-pill.low{border-color:#33d6a661;color:var(--green);background:#33d6a61a}.risk-pill.medium{border-color:#f2b84b6b;color:var(--amber);background:#f2b84b1a}.risk-pill.high{border-color:#f067676b;color:var(--red);background:#f067671c}.icon-button,.command-button,.full-command{border:1px solid var(--line);color:var(--text);background:#ffffff0d}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0}.command-button,.full-command{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 12px;font-weight:750}.icon-button:hover,.command-button:hover,.full-command:hover{border-color:#49c6e573;background:#49c6e51a}.context-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:12px;overflow:hidden}.context-item{gap:8px;min-width:0;padding:13px 14px;background:#ffffff06}.context-item span{color:var(--muted);font-size:12px}.context-item strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.cockpit-grid{display:grid;grid-template-columns:minmax(420px,1.26fr) minmax(340px,.88fr) minmax(330px,.86fr);gap:12px;margin-top:12px}.vision-panel,.telemetry-panel,.compliance-panel{min-width:0;padding:14px}.panel-heading{justify-content:space-between;gap:12px;margin-bottom:12px}.scan-chip,.model-chip,.sync-chip{gap:7px;min-height:30px;padding:0 9px;border:1px solid rgba(73,198,229,.26);color:var(--cyan);background:#49c6e514;font-size:12px;font-weight:800}.vision-stage{position:relative;overflow:hidden;aspect-ratio:16 / 10;border:1px solid rgba(188,204,220,.18);background:#0b0d10}.vision-stage img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}.scan-grid,.scan-line{position:absolute;pointer-events:none}.scan-grid{top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(73,198,229,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,198,229,.08) 1px,transparent 1px);background-size:34px 34px;mix-blend-mode:screen}.scan-line{left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(51,214,166,.95),transparent);box-shadow:0 0 20px #33d6a6b8;transition:top .5s ease}.vision-box{position:absolute;min-width:72px;min-height:30px;border:1px solid;transition:left .38s ease,top .38s ease,width .38s ease,height .38s ease}.vision-box span{position:absolute;left:-1px;top:-25px;display:inline-flex;align-items:center;gap:4px;max-width:190px;min-height:24px;padding:0 7px;overflow:hidden;color:#071015;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.vision-box.field.pass,.vision-box.field.low{border-color:#33d6a6e6;box-shadow:inset 0 0 0 1px #33d6a62e}.vision-box.field span{background:var(--green)}.vision-box.risk{border-style:dashed}.vision-box.risk span{background:var(--amber)}.vision-box.risk.high,.vision-box.field.high{border-color:#f06767f2;box-shadow:0 0 20px #f0676738}.vision-box.risk.high span,.vision-box.field.high span{color:#160707;background:var(--red)}.vision-box.risk.medium,.vision-box.field.medium{border-color:#f2b84bf2}.camera-hud{position:absolute;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.13);color:var(--soft);background:#070a0eb3;font-size:12px;font-weight:800}.camera-hud.top-left{top:12px;left:12px}.camera-hud.bottom-right{right:12px;bottom:12px}.ocr-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.ocr-token{min-width:0;padding:9px;border:1px solid var(--line);background:#ffffff09}.ocr-token span,.ocr-token em,.metric-tile span,.metric-tile em,.automation-panel span,.report-line span,.report-line em{color:var(--muted);font-size:11px;font-style:normal}.ocr-token strong{display:block;overflow:hidden;margin:5px 0;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ocr-token.high strong,.ocr-token.medium strong{color:var(--amber)}.telemetry-stack{display:grid;gap:12px}.confidence-dial{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:center}.dial-ring{display:grid;place-items:center;width:128px;aspect-ratio:1;border-radius:999px}.dial-ring>div{display:grid;place-items:center;width:94px;aspect-ratio:1;border-radius:999px;background:var(--panel)}.dial-ring strong{font-size:28px}.dial-ring span{color:var(--muted);font-size:12px}.dial-meta{display:grid;gap:8px}.dial-meta span{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid var(--line);color:var(--soft);background:#ffffff09;font-size:12px;font-weight:760}.field-table{border:1px solid var(--line);overflow:hidden}.table-head,.field-row{display:grid;grid-template-columns:1fr 1.45fr 64px;align-items:center;gap:8px;min-height:34px;padding:0 10px}.table-head{color:var(--muted);background:#ffffff0a;font-size:11px;font-weight:800}.field-row{border-top:1px solid var(--line);color:var(--soft);font-size:12px}.field-row strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.field-row em{color:var(--muted);font-style:normal;text-align:right}.field-row.active{background:#33d6a60f}.field-row.medium strong,.field-row.high strong{color:var(--amber)}.section-title{margin-bottom:8px;color:var(--soft);font-size:12px;font-weight:850}.rule-chain{display:grid;gap:7px}.rule-node{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);background:#ffffff08}.node-index{color:var(--cyan);font-size:12px;font-weight:900}.rule-node strong,.rule-node span{display:block}.rule-node strong{color:var(--text);font-size:12px}.rule-node div span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.rule-node em{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-size:11px;font-style:normal;font-weight:800}.rule-node.medium em{color:var(--amber)}.rule-node.high em{color:var(--red)}.summary-card{gap:12px;min-height:72px;padding:12px;border:1px solid var(--line);background:linear-gradient(135deg,#f067671a,#49c6e50d)}.summary-card div{flex:1}.summary-card span,.summary-card em{color:var(--muted);font-size:12px;font-style:normal}.summary-card strong{display:block;margin-top:3px;font-size:22px}.checklist-block,.defect-block,.risk-block,.review-block{margin-top:12px}.check-row{display:grid;grid-template-columns:20px 88px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;padding:0 9px;border:1px solid var(--line);border-bottom:0;color:var(--soft);font-size:12px}.check-row:last-child{border-bottom:1px solid var(--line)}.check-row strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.check-row.pass svg,.check-row.low svg{color:var(--green)}.check-row.medium svg{color:var(--amber)}.check-row.high svg{color:var(--red)}.defect-block{display:grid;gap:8px}.defect-card{padding:10px;border:1px solid rgba(73,198,229,.28);background:#49c6e511}.defect-card.medium{border-color:#f2b84b5c;background:#f2b84b14}.defect-card.high{border-color:#f0676761;background:#f0676714}.defect-card div{gap:7px}.defect-card strong{flex:1;min-width:0;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.defect-card span,.defect-card em,.defect-card small{color:var(--muted);font-size:11px;font-style:normal}.defect-card em{color:var(--cyan);font-weight:850}.defect-card.medium em{color:var(--amber)}.defect-card.high em{color:var(--red)}.defect-card p,.defect-card small{display:block;margin-top:7px;line-height:1.45}.defect-card p{color:var(--soft);font-size:12px}.defect-empty{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 9px;border:1px solid var(--line);color:var(--muted);background:#ffffff08;font-size:12px}.risk-block{display:grid;gap:8px}.risk-card{padding:10px;border:1px solid rgba(242,184,75,.32);background:#f2b84b13}.risk-card.high{border-color:#f0676757;background:#f0676714}.risk-card div{gap:7px}.risk-card strong{flex:1;min-width:0;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.risk-card span{color:var(--amber);font-size:11px;font-weight:800}.risk-card p,.risk-card em{display:block;margin-top:7px;color:var(--soft);font-size:12px;line-height:1.45}.risk-card em{color:var(--muted);font-style:normal}.review-row{display:grid;grid-template-columns:22px minmax(0,1fr) 56px;align-items:center;gap:8px;width:100%;min-height:44px;margin-bottom:7px;padding:8px;border:1px solid var(--line);color:var(--soft);background:#ffffff08;text-align:left}.review-row:hover{border-color:#49c6e566}.review-row span{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.review-row strong{display:block;color:var(--text);font-size:12px}.review-row em{color:var(--muted);font-size:11px;font-style:normal;text-align:right}.full-command{width:100%;margin-top:12px}.bottom-ops{display:grid;grid-template-columns:1.45fr .75fr .9fr;gap:12px;margin-top:12px;padding:12px}.metric-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.metric-tile{min-width:0;padding:11px;border:1px solid var(--line);background:#ffffff09}.metric-tile strong{display:block;margin:5px 0;font-size:20px}.metric-tile em{color:var(--green)}.trend-panel{min-width:0;padding:11px;border:1px solid var(--line)}.trend-heading{gap:8px;color:var(--soft);font-size:12px;font-weight:800}.spark-bars{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:5px;height:64px;margin-top:8px}.spark-bars i{display:block;min-height:9px;background:linear-gradient(180deg,var(--amber),rgba(73,198,229,.7))}.automation-panel{gap:10px;min-width:0;padding:11px;border:1px solid var(--line)}.automation-panel div{flex:1;min-width:0}.automation-panel strong{display:block;overflow:hidden;margin-top:4px;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:flex-end;background:#04070a9e}.drawer-panel{width:min(520px,100vw);height:100%;padding:18px;overflow:auto}.drawer-panel.compact{width:min(440px,100vw)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.report-preview{display:grid;grid-template-columns:158px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);background:#ffffff09}.report-preview img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.report-summary strong{display:block;margin-top:10px;font-size:18px}.report-summary p{margin-top:8px;color:var(--soft);font-size:12px;line-height:1.55}.report-section{margin-top:14px}.report-section h3{margin-bottom:9px;font-size:14px}.report-line{display:grid;grid-template-columns:86px minmax(0,1fr) 54px;gap:8px;min-height:34px;align-items:center;border-top:1px solid var(--line)}.report-line strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.suggestion-line{gap:8px;align-items:flex-start;margin-bottom:9px;color:var(--soft);font-size:13px;line-height:1.55}.review-field{display:grid;gap:7px;margin-bottom:12px}.review-field span{color:var(--muted);font-size:12px;font-weight:800}.review-field select,.review-field textarea{width:100%;border:1px solid var(--line);color:var(--text);background:#ffffff0d}.review-field select{height:38px;padding:0 10px}.review-field textarea{min-height:126px;padding:10px;line-height:1.5;resize:vertical}@media(max-width:1260px){.cockpit-grid,.bottom-ops{grid-template-columns:1fr}.telemetry-stack{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.confidence-dial{grid-template-columns:1fr}}@media(max-width:820px){.cockpit-shell{padding:10px}.topbar{align-items:flex-start;flex-direction:column}.context-strip,.metric-row,.ocr-ribbon,.telemetry-stack{grid-template-columns:1fr}.cockpit-grid{grid-template-columns:minmax(0,1fr)}.vision-panel,.telemetry-panel,.compliance-panel{padding:12px}.vision-stage{aspect-ratio:4 / 3}.check-row,.table-head,.field-row,.report-line{grid-template-columns:1fr;gap:4px;padding:9px}.confidence-dial{justify-items:center}.report-preview{grid-template-columns:1fr}}