:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#0b1f42;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #0b1f42;--blue: #176ee8;--blue-soft: #eaf3ff;--green: #12a681;--green-soft: #e8f8f3;--orange: #f07828;--orange-soft: #fff2e8;--line: #dce4ef;--muted: #61708a;--panel: #ffffff}*{box-sizing:border-box}html,body,#root{width:100%;min-width:1180px;min-height:100%;margin:0}body{min-height:100vh;background:#f5f8fc;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:3px solid rgba(23,110,232,.3);outline-offset:2px}.app-shell{width:100%;height:100vh;min-height:720px;display:grid;grid-template-rows:68px minmax(650px,1fr) 94px;background:#f6f8fb;overflow:hidden}.topbar{display:grid;grid-template-columns:minmax(310px,1fr) auto minmax(420px,1fr);align-items:center;gap:24px;padding:0 26px;background:#fffffff7;border-bottom:1px solid var(--line);box-shadow:0 4px 20px #0f254609;position:relative;z-index:30}.brand-lockup{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:760;letter-spacing:-.5px}.brand-lockup img{width:37px;height:37px;object-fit:cover;border-radius:50%}.work-order-title{display:flex;align-items:baseline;gap:14px;white-space:nowrap}.work-order-title strong{font-size:25px;letter-spacing:.5px}.work-order-title span{font-size:13px;color:#728099;border-left:1px solid #ccd6e3;padding-left:14px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px}.demo-badge{padding:8px 12px;color:#53627b;font-size:13px;background:#f8fafc;border:1px solid #e0e7f1;border-radius:8px}.icon-text-button{display:inline-flex;gap:6px;align-items:center;border:0;background:transparent;padding:8px 5px;cursor:pointer;color:#31415d;font-size:13px}.icon-text-button svg{width:18px;height:18px}.icon-text-button:hover{color:var(--blue)}.workspace{display:grid;grid-template-columns:minmax(310px,29fr) minmax(600px,61fr) minmax(150px,10fr);gap:14px;padding:14px 20px 12px;min-height:0}.level-panel,.event-panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;min-width:0;min-height:0}.level-heading{min-height:58px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.level-heading>div:first-child{display:flex;align-items:center;gap:9px;white-space:nowrap}.level-kicker{font-size:19px;font-weight:760;padding-right:9px;border-right:1px solid #cdd7e4}.level-heading h1{margin:0;font-size:19px;letter-spacing:-.3px}.online-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#41516a;white-space:nowrap}.online-status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #12a6811a}.simulation-panel{position:relative;display:grid;grid-template-rows:58px minmax(0,1fr) 54px}.simulation-scroll{overflow:hidden;padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px}.section-label{font-size:14px;font-weight:680;margin-bottom:5px}.car-asset{display:block;width:100%;height:132px;object-fit:contain;mix-blend-mode:multiply}.scenario-block{flex:0 0 auto}.circuit-block{position:relative;background:#fff;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:7px 0 25px;transition:.18s ease}.circuit-block.is-active{background:#f1f7ff;box-shadow:inset 0 0 0 1px #9bc4fa}.circuit-block img{display:block;width:100%;height:103px;object-fit:fill}.circuit-point{position:absolute;width:26px;height:26px;border-radius:50%;border:2px solid transparent;background:transparent;cursor:pointer;transform:translate(-50%,-50%);transition:.16s ease}.circuit-point:hover,.circuit-point.selected{border-color:#176ee8a6;background:#176ee81f;box-shadow:0 0 0 5px #176ee814}.point-one{left:43.4%;top:18.5%}.point-two{left:77.5%;top:18.5%}.circuit-caption{position:absolute;left:8px;right:8px;bottom:5px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#65738a;font-size:9px}.circuit-caption strong{color:#2f5f9b;font-size:9px;letter-spacing:.3px;white-space:nowrap}.meter-card{border:1px solid #e0e7f0;border-radius:8px;padding:11px 12px;background:#f9fbfd}.meter-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.meter-title-row>span:first-child{display:inline-flex;align-items:center;gap:6px;font-weight:690;font-size:13px}.meter-title-row svg{width:17px;height:17px;color:var(--blue)}.reading-state{font-size:11px;padding:4px 7px;color:var(--orange);background:var(--orange-soft);border-radius:5px}.reading-state.good{color:#087c61;background:var(--green-soft)}.meter-main{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:11px;margin-top:9px}.meter-display{min-height:77px;display:grid;grid-template-columns:auto 1fr;align-items:end;align-content:center;padding:8px 12px;background:#eef2f7;border:1px solid #d8e0e9;border-radius:7px;font-variant-numeric:tabular-nums}.meter-display strong{color:#102b58;font-family:SF Mono,ui-monospace,monospace;font-size:30px;font-weight:650;line-height:1}.meter-display>span{margin-left:6px;font-size:15px;font-weight:700}.meter-display small{grid-column:1 / -1;color:#65758e;margin-top:6px;font-size:10px}.range-picker{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-content:center}.range-picker>span{grid-column:1 / -1;font-size:10px;color:var(--muted)}.range-picker button{padding:7px 4px;border-radius:6px;border:1px solid #d6dfea;background:#fff;cursor:pointer;font-size:10px;font-weight:700}.range-picker button:hover{border-color:#88b7f2}.range-picker button.active{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 4px 10px #176ee833}.range-picker button.active.wrong{background:var(--orange);border-color:var(--orange)}.probe-row{display:flex;gap:18px;margin-top:8px;color:#56657d;font-size:11px}.probe-row>div{display:flex;align-items:center;gap:5px}.probe{width:7px;height:7px;border-radius:50%}.probe.red{background:#e84032}.probe.black{background:#222b38}.probe-row strong{color:var(--navy)}.task-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e5eaf2;background:#fbfcfe;border-radius:8px}.task-number{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:#fff;background:var(--blue);border-radius:50%;font-size:12px;font-weight:750}.task-card strong{font-size:13px}.task-card p{margin:4px 0 0;color:#66748a;font-size:10.5px;line-height:1.55}.simulation-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid #e5eaf2;font-size:11px;color:#5c6b83}.primary{border:0;border-radius:7px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:#176ee8;box-shadow:0 7px 16px #176ee83d;font-weight:720;cursor:pointer}.primary:hover{background:#0f62d2}.primary:disabled{cursor:wait;opacity:.65}.primary.compact{padding:9px 12px;font-size:11px}.bench-panel{display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden}.bench-heading{padding-right:10px}.bench-tools{display:flex;gap:7px;margin-left:10px}.bench-tools button{min-height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #d8e1ec;border-radius:6px;background:#fff;color:#33445f;font-size:11px;cursor:pointer}.bench-tools button:hover,.bench-tools button.active{border-color:#8db9ee;color:#1765ca;background:#f0f6ff}.bench-tools .device-entry-button{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 5px 12px #176ee82e}.bench-tools .device-entry-button:hover{color:#fff;background:#0f62d2;border-color:#0f62d2}.bench-tools svg{width:16px;height:16px}.bench-stage{min-height:0;position:relative;padding:10px 10px 12px;background:#fafbfd;overflow:hidden}.bench-image-wrap{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:7px}.bench-image-wrap>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;filter:saturate(.98) contrast(1.01);transition:opacity .26s ease,filter .18s ease}.bench-image-wrap.circuit-on>img{filter:saturate(.84) contrast(1.04) brightness(.96)}.bench-hotspot{position:absolute;z-index:4;width:36px;height:36px;padding:0;border-radius:50%;border:2px solid transparent;background:transparent;cursor:pointer;transform:translate(-50%,-50%);transition:.16s ease}.bench-hotspot:hover{border-color:#176ee899;background:#176ee81a}.bench-hotspot.active{box-shadow:0 0 0 7px #176ee814}.bench-hotspot.active.danger{border-color:var(--orange);background:#f078281f}.bench-hotspot.active.success{border-color:var(--green);background:#12a6811f}.bench-hotspot.tp1{left:54.1%;top:55.7%}.bench-hotspot.tp2{left:54.1%;top:68.9%}.bench-hotspot.dial{left:76.1%;top:55.7%;width:80px;height:80px}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-content:center;gap:12px;text-align:center;color:#145ebf;background:#f5faffc2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scan-overlay span{width:46px;height:46px;margin:auto;border:4px solid #d6e9ff;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.scan-overlay strong{font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.circuit-overlay{position:absolute;z-index:5;left:14px;top:14px;display:flex;align-items:center;gap:6px;padding:7px 10px;color:#1765ca;background:#ffffffeb;border:1px solid #a7c9ef;border-radius:6px;box-shadow:0 5px 14px #134d971f;font-size:11px;font-weight:700}.circuit-overlay svg{color:#f0a12e}.ai-popover{position:absolute;z-index:14;top:31%;left:35%;width:min(300px,38%);padding:15px;background:#fffffffa;border:1px solid #d9e1eb;border-radius:9px;box-shadow:0 18px 44px #1124412e}.ai-popover:after{content:"";position:absolute;right:-86px;bottom:26px;width:84px;border-top:2px dashed var(--orange);transform:rotate(5deg);transform-origin:left}.ai-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:720;color:#35445b}.ai-title svg{color:var(--orange);width:18px;height:18px}.ai-popover h2{margin:11px 0 8px;color:var(--orange);font-size:16px}.ai-popover p{margin:5px 0;color:#46556b;font-size:11px;line-height:1.55}.expected{display:flex;align-items:center;gap:5px;margin:9px 0 11px;color:#098167;font-size:11px;font-weight:690}.ai-popover .primary{width:100%;padding:10px;font-size:11px}.success-popover{position:absolute;z-index:14;left:28%;bottom:34px;width:50%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #9edbca;background:#f4fffbf7;border-radius:8px;box-shadow:0 12px 28px #0b604c21}.success-popover>svg{flex:0 0 auto;width:24px;height:24px;color:var(--green)}.success-popover>div{display:flex;flex-direction:column;min-width:0}.success-popover strong{font-size:12px}.success-popover span{margin-top:2px;color:#557169;font-size:9.5px}.success-popover button{margin-left:auto;border:0;color:#fff;background:var(--green);border-radius:6px;padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.planned-verification{position:absolute;z-index:6;right:18px;bottom:18px;display:flex;align-items:center;gap:5px;padding:7px 10px;color:#1765ca;background:#fffffff5;border:1px solid #a8c9ef;border-radius:6px;box-shadow:0 5px 15px #14498e1a;font-size:9px;font-weight:700;cursor:pointer}.planned-verification:hover{background:#f0f6ff;border-color:#6ba1e3}.planned-verification svg{width:14px;height:14px}.component-sheet{position:absolute;z-index:20;top:10px;right:10px;width:260px;background:#fffffffa;border:1px solid #d9e2ec;border-radius:8px;box-shadow:0 14px 32px #12254029;padding:13px}.sheet-title{display:flex;align-items:center;justify-content:space-between;font-size:13px}.sheet-title button,.modal-close{display:grid;place-items:center;border:0;background:transparent;color:#66758a;cursor:pointer}.sheet-title svg{width:18px;height:18px}.component-sheet dl{max-height:370px;margin:10px 0 0;overflow:auto;scrollbar-width:thin}.component-sheet dl>div{display:grid;grid-template-columns:46px 1fr;gap:7px;padding:7px 0;border-top:1px solid #edf1f5}.component-sheet dt{color:var(--blue);font-size:11px;font-weight:760}.component-sheet dd{margin:0;color:#526077;font-size:10px;line-height:1.45}.event-panel{display:grid;grid-template-rows:58px minmax(0,1fr) auto;overflow:hidden}.event-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;border-bottom:1px solid var(--line)}.event-heading>div{display:flex;align-items:center;gap:6px;font-size:12px}.event-heading svg{width:17px;height:17px;color:var(--blue)}.event-heading>span{color:#6b778b;background:#eef3f8;border-radius:4px;padding:3px 5px;font-size:9px}.event-list{padding:10px 11px;overflow:auto;scrollbar-width:thin}.event-item{position:relative;display:grid;grid-template-columns:15px 1fr;gap:7px;padding:8px 0 11px}.event-item:not(:last-child):after{content:"";position:absolute;left:6px;top:28px;bottom:-2px;width:1px;background:#dfe6ef}.event-item>svg{position:relative;z-index:2;width:14px;height:14px;color:var(--green);background:#fff}.event-item.warn>svg{color:var(--orange)}.event-dot{position:relative;z-index:2;width:9px;height:9px;margin:3px 0 0 2px;border:2px solid white;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.event-item>div{min-width:0;display:flex;flex-direction:column;gap:2px}.event-item time{color:#75839a;font-size:9px;font-variant-numeric:tabular-nums}.event-item strong{font-size:10px;line-height:1.35}.event-item span{color:#65738a;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.sensor-stack{margin:0 10px 10px;padding-top:8px;border-top:1px solid #e8edf3}.sensor-stack>div{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:6px 0;font-size:9px}.sensor-stack svg{width:14px;height:14px;color:#60718b}.sensor-stack span{color:#68768b}.sensor-stack strong{color:#098167;font-size:8.5px}.ability-rail{display:grid;grid-template-columns:145px minmax(0,1fr) 190px;align-items:center;gap:16px;padding:10px 20px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 22px #1229490a}.ability-title{display:flex;align-items:center;gap:8px}.ability-title>svg{width:30px;height:30px;color:var(--navy)}.ability-title span{display:flex;flex-direction:column}.ability-title strong{font-size:14px}.ability-title small{margin-top:3px;color:#7a879a;font-size:9px}.skill-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:18px;min-width:0}.skill-item{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.skill-item:not(:last-child):after{content:"";position:absolute;right:-14px;top:13px;width:10px;height:1px;background:#cad4e1}.skill-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:#aab6c6;font-size:10px;font-weight:750}.skill-item.done .skill-icon{background:var(--green)}.skill-item.progress .skill-icon{background:var(--blue)}.skill-icon svg{width:14px;height:14px}.skill-copy{display:flex;flex-direction:column;min-width:0}.skill-copy strong{font-size:11px;white-space:nowrap}.skill-copy span{display:block;margin-top:2px;color:#748096;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-copy i{display:block;width:100%;height:4px;margin-top:6px;overflow:hidden;border-radius:99px;background:#e3e8ef}.skill-copy i b{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .3s ease}.skill-item.done .skill-copy i b{background:var(--green)}.report-button{height:50px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:#176ee8;box-shadow:0 8px 18px #1769d836;font-size:13px;font-weight:720;cursor:pointer}.report-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1769d845;background:#0f62d2}.report-button svg{width:20px;height:20px}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#08172e5c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .16s ease-out}.diagnosis-modal,.report-modal{position:relative;width:min(560px,90vw);padding:26px;background:#fff;border:1px solid #dce4ee;border-radius:14px;box-shadow:0 28px 80px #0c1f3e3d;animation:rise-in .18s ease-out}.modal-close{position:absolute;right:18px;top:18px;width:30px;height:30px;border-radius:6px}.modal-close:hover{background:#eef2f7;color:var(--navy)}.modal-close svg{width:19px;height:19px}.modal-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:11px;font-weight:760;letter-spacing:.3px}.diagnosis-modal h2,.report-modal h2{margin:12px 42px 8px 0;font-size:22px;line-height:1.35}.modal-evidence{margin:0;padding:11px 12px;color:#53627a;background:#f5f8fc;border-left:3px solid var(--blue);font-size:11px;line-height:1.6}.cause-options{display:grid;gap:9px;margin:18px 0 13px}.cause-options button{display:grid;grid-template-columns:24px 1fr;align-items:center;text-align:left;min-height:49px;padding:0 14px;border:1px solid #dce4ed;border-radius:8px;background:#fff;cursor:pointer;font-size:13px}.cause-options button:hover,.cause-options button.selected{border-color:#73aaf0;background:#f1f7ff}.cause-options button>span{display:grid;place-items:center}.cause-options svg{color:var(--blue);width:18px;height:18px}.diagnosis-feedback{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:#b6531b;font-size:11px}.diagnosis-feedback svg{flex:0 0 auto;width:17px;height:17px}.diagnosis-submit{width:100%;margin-top:4px}.report-modal{width:min(840px,94vw);padding:28px}.report-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.report-header h2{margin-top:9px}.report-header p{margin:0;color:#6d7a90;font-size:11px}.score-ring{flex:0 0 90px;width:90px;height:90px;display:grid;place-items:center;border-radius:50%;background:#fff;border:9px solid var(--green);box-shadow:inset 0 0 0 1px #dce5ed}.score-ring span{display:flex;align-items:baseline}.score-ring strong{font-size:27px}.score-ring small{color:#708097;font-size:10px}.report-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;padding:20px 0}.report-summary h3{margin:0 0 9px;font-size:14px}.report-summary p{margin:0;color:#526079;font-size:11px;line-height:1.7}.report-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.report-tags span{padding:5px 8px;color:#087e62;background:#e9f8f3;border-radius:5px;font-size:9px;font-weight:680}.report-skills{display:grid;gap:9px}.report-skills>div{display:grid;grid-template-columns:70px 1fr 28px;align-items:center;gap:8px;font-size:10px}.report-skills i{height:6px;overflow:hidden;border-radius:99px;background:#e5eaf0}.report-skills b{display:block;height:100%;background:var(--blue);border-radius:inherit}.report-skills strong{text-align:right;font-size:10px}.report-next{display:flex;align-items:center;gap:11px;padding:13px;color:#1859aa;background:#f0f6ff;border:1px solid #cfe1f7;border-radius:8px}.report-next>svg{flex:0 0 auto;width:24px;height:24px}.report-next div{display:flex;flex-direction:column}.report-next strong{font-size:11px}.report-next span{margin-top:3px;color:#526d8d;font-size:10px}.report-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.report-footer>span{display:inline-flex;align-items:center;gap:5px;color:#788599;font-size:9px}.report-footer svg{width:14px;height:14px}.report-footer .primary{padding:10px 14px;font-size:11px}.device-workspace{display:grid;grid-template-columns:252px minmax(570px,1fr) 292px;gap:14px;padding:14px 20px 12px;min-height:0}.device-context-panel,.device-mirror-panel,.device-intelligence-panel{min-width:0;min-height:0;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.device-context-panel{padding:16px;overflow:auto;scrollbar-width:thin}.back-online-button{display:inline-flex;align-items:center;gap:5px;padding:0;color:#52617a;background:transparent;border:0;font-size:10px;font-weight:650;cursor:pointer}.back-online-button:hover{color:var(--blue)}.back-online-button svg{width:15px;height:15px}.device-stage-label{margin-top:17px;color:var(--blue);font-size:10px;font-weight:780;letter-spacing:1.1px}.device-context-panel h1{margin:5px 0 7px;color:var(--navy);font-size:25px;letter-spacing:-.5px}.device-context-lead{margin:0;color:#64728a;font-size:10.5px;line-height:1.65}.continuity-list{position:relative;display:grid;gap:13px;margin:18px 0}.continuity-list:before{content:"";position:absolute;left:13px;top:22px;bottom:22px;width:1px;background:#dce4ee}.continuity-list>div{position:relative;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px}.continuity-list>div>span{z-index:1;display:grid;place-items:center;width:27px;height:27px;color:#fff;background:#9ba9bb;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d7e0ea;font-size:10px;font-weight:760}.continuity-list>div.done>span{background:var(--green)}.continuity-list>div.current>span{background:var(--blue);box-shadow:0 0 0 4px #176ee81a}.continuity-list svg{width:13px;height:13px}.continuity-list div>div{display:flex;flex-direction:column;gap:2px}.continuity-list strong{font-size:11px}.continuity-list small{color:#718097;font-size:9px}.connected-device-card{padding:11px;border:1px solid #dce5ef;border-radius:8px;background:#f8fafc}.device-card-heading{display:flex;align-items:center;gap:8px}.device-card-heading>span{display:grid;place-items:center;width:30px;height:30px;color:#07876a;background:#e8f8f3;border-radius:7px}.device-card-heading svg{width:17px;height:17px}.device-card-heading>div{display:flex;flex-direction:column;gap:2px;min-width:0}.device-card-heading strong{font-size:11px}.device-card-heading small{color:#66758c;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connected-device-card dl{display:grid;gap:6px;margin:11px 0 0;padding-top:9px;border-top:1px solid #e2e8f0}.connected-device-card dl>div{display:grid;grid-template-columns:36px 1fr;gap:5px;font-size:8.5px;line-height:1.35}.connected-device-card dt{color:#7b8798}.connected-device-card dd{margin:0;color:#34445d;font-weight:650;overflow-wrap:anywhere}.device-play-button{width:100%;margin-top:12px;padding:10px 9px;font-size:10px}.manual-sequence{margin-top:12px;padding-top:10px;border-top:1px solid #e8edf3}.manual-sequence>span{color:#7a879a;font-size:8.5px}.manual-sequence>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.manual-sequence button{display:flex;align-items:center;gap:5px;min-height:30px;padding:5px 6px;border:1px solid #dbe4ee;border-radius:6px;background:#fff;color:#40516a;font-size:8.5px;text-align:left;cursor:pointer}.manual-sequence button:not(:disabled):hover{color:var(--blue);border-color:#89b6ed;background:#f2f7ff}.manual-sequence button:disabled{opacity:.42;cursor:default}.manual-sequence b{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;color:#fff;background:var(--blue);border-radius:50%;font-size:8px}.device-mirror-panel{display:grid;grid-template-rows:58px minmax(0,1fr)}.device-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:0 14px;border-bottom:1px solid var(--line)}.device-panel-heading>div{display:flex;align-items:center;gap:8px;min-width:0}.device-panel-heading>div>svg{flex:0 0 auto;width:19px;height:19px;color:var(--blue)}.device-panel-heading>div>span{display:flex;flex-direction:column;gap:2px;min-width:0}.device-panel-heading strong{font-size:12px}.device-panel-heading small{color:#758198;font-size:8.5px}.live-device-status{display:inline-flex;align-items:center;gap:6px;color:#758198;font-size:9px;white-space:nowrap}.live-device-status i{width:8px;height:8px;border-radius:50%;background:#aab5c2}.live-device-status.online{color:#087c61}.live-device-status.online i{background:var(--green);box-shadow:0 0 0 4px #12a6811c}.device-bench-stage{display:grid;grid-template-rows:minmax(0,1fr) 72px;min-height:0;padding:10px;background:#fafbfd}.device-bench-image{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid #e3e8ef;border-radius:8px 8px 0 0;background:#f3f5f7}.device-bench-image>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .22s ease,filter .22s ease}.device-bench-image.waiting>img{opacity:.48;filter:grayscale(.25)}.device-waiting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:6px;color:#35516f;background:#f8fbfe8a;text-align:center}.device-waiting-overlay>svg{width:29px;height:29px;color:var(--blue)}.device-waiting-overlay strong{font-size:12px}.device-waiting-overlay span{color:#758198;font-size:9px}.sensor-ring{position:absolute;z-index:3;width:58px;height:58px;border:3px solid var(--orange);border-radius:50%;box-shadow:0 0 0 7px #f078281f;opacity:0;transform:scale(.82);transition:.18s ease;pointer-events:none}.sensor-ring.visible{opacity:1;transform:scale(1)}.sensor-ring.success{border-color:var(--green);box-shadow:0 0 0 7px #12a6811f}.sensor-ring i{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);padding:3px 6px;color:#fff;background:#34445c;border-radius:4px;font-size:8px;font-style:normal;font-weight:720;white-space:nowrap}.sensor-ring-dial{left:76.1%;top:56%;width:92px;height:92px;transform-origin:center}.sensor-ring-tp1{left:54.1%;top:55.7%}.sensor-ring-tp2{left:54.1%;top:68.8%}.detected-action-strip{display:grid;grid-template-columns:34px minmax(0,1fr) 72px 60px 70px;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dce4ed;border-top:0;border-radius:0 0 8px 8px;background:#fff}.detected-action-strip.danger{background:#fff8f3;border-color:#f2c4a9}.detected-action-strip.success,.detected-action-strip.complete{background:#f4fbf8;border-color:#a8dece}.detected-action-icon{display:grid;place-items:center;width:31px;height:31px;color:var(--blue);background:#eaf3ff;border-radius:7px}.detected-action-strip.danger .detected-action-icon{color:var(--orange);background:var(--orange-soft)}.detected-action-strip.success .detected-action-icon,.detected-action-strip.complete .detected-action-icon{color:var(--green);background:var(--green-soft)}.detected-action-icon svg{width:20px;height:20px}.detected-action-strip>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.detected-action-strip>div:nth-child(2) span{color:#748196;font-size:8px;font-weight:700;letter-spacing:.4px}.detected-action-strip>div:nth-child(2) strong{font-size:10px;line-height:1.35;overflow-wrap:anywhere}.live-reading{display:flex;flex-direction:column;gap:3px;padding-left:8px;border-left:1px solid #e2e8f0}.live-reading span{color:#788599;font-size:8px}.live-reading strong{color:#253752;font-size:10px;white-space:nowrap}.live-reading.emphasis strong{color:var(--blue);font-family:SF Mono,ui-monospace,monospace;font-size:12px}.device-intelligence-panel{display:grid;grid-template-rows:58px auto minmax(90px,1fr) auto auto auto}.compact-heading{padding-inline:12px}.compact-heading em{padding:4px 6px;color:#65748a;background:#eef3f8;border-radius:4px;font-size:8px;font-style:normal}.validation-brief{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:5px;margin:9px 10px 0;padding:9px;color:#43546c;background:#f7f9fc;border:1px solid #dfe6ef;border-radius:7px}.validation-brief>div{display:flex;flex-direction:column;gap:3px;min-width:0}.validation-brief>div:first-child{padding-right:5px;border-right:1px solid #e0e6ed}.validation-brief>svg{width:16px;height:16px;color:var(--blue);justify-self:center}.validation-brief span{color:#7c8899;font-size:7px}.validation-brief strong{font-size:8.5px;line-height:1.35}.device-event-list{min-height:0;padding:9px 11px;overflow:auto;scrollbar-width:thin}.device-event-list-label{display:flex;align-items:center;gap:5px;margin-bottom:7px;color:#627188;font-size:7.8px;font-weight:720}.device-event-list-label svg{width:12px;height:12px;color:var(--blue)}.device-event-list-label em{margin-left:auto;color:#7b8798;font-size:7px;font-style:normal;font-weight:500}.empty-events{height:100%;display:grid;place-content:center;justify-items:center;gap:7px;color:#8894a5;font-size:9px}.empty-events svg{width:24px;height:24px}.device-event{position:relative;display:grid;grid-template-columns:15px 1fr;gap:7px;padding:6px 0 8px}.device-event:not(:last-child):after{content:"";position:absolute;left:6px;top:24px;bottom:-1px;width:1px;background:#dfe6ef}.device-event>svg{position:relative;z-index:1;width:14px;height:14px;color:var(--green);background:#fff}.device-event.warn>svg{color:var(--orange)}.device-event>div{display:flex;flex-direction:column;gap:2px;min-width:0}.device-event time{color:#8792a3;font-size:8px;font-variant-numeric:tabular-nums}.device-event strong{font-size:9.5px;line-height:1.3}.device-event span{color:#69778d;font-size:8px;line-height:1.4;overflow-wrap:anywhere}.device-ai-card{margin:0 11px 9px;padding:11px;border:1px solid #cfe0f4;border-radius:8px;background:#f4f8fe}.device-ai-card.danger{border-color:#f0c4aa;background:#fff7f2}.device-ai-card.success,.device-ai-card.complete{border-color:#a9dece;background:#f2fbf7}.device-ai-card>div{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:8.5px;font-weight:760}.device-ai-card.danger>div{color:var(--orange)}.device-ai-card.success>div,.device-ai-card.complete>div{color:var(--green)}.device-ai-card svg{width:16px;height:16px}.device-ai-card h2{margin:8px 0 5px;color:var(--navy);font-size:13px;line-height:1.35}.device-ai-card p{margin:0;color:#5d6c82;font-size:8.7px;line-height:1.55}.sensor-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 7px;margin:0 11px 9px;padding:9px 0;border-top:1px solid #e4eaf1}.sensor-status-grid>div{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:4px;color:#8994a4;font-size:7.8px}.sensor-status-grid>div.ready{color:#4b5d75}.sensor-status-grid svg{width:12px;height:12px}.sensor-status-grid strong{color:#9aa4b1;font-size:7px}.sensor-status-grid>div.ready strong{color:#07876a}.event-contract{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 11px 10px;padding:8px 6px;color:#385170;background:#f5f8fb;border-radius:6px;font-size:7.6px;font-weight:700}.event-contract i{width:15px;height:1px;background:#9eb2c9;position:relative}.event-contract i:after{content:"";position:absolute;right:-1px;top:-2px;width:4px;height:4px;border-top:1px solid #7e96af;border-right:1px solid #7e96af;transform:rotate(45deg)}.device-evidence-rail{display:grid;grid-template-columns:265px 1fr 24px 1fr 24px 1fr 180px;align-items:center;gap:10px;padding:10px 20px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 22px #1229490a}.device-evidence-title{display:flex;align-items:center;gap:9px}.device-evidence-title>svg{width:30px;height:30px;color:var(--navy)}.device-evidence-title>span{display:flex;flex-direction:column;gap:3px}.device-evidence-title strong{font-size:13px}.device-evidence-title small{color:#768399;font-size:8px;line-height:1.3}.evidence-stage{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-width:0}.evidence-stage>span{display:grid;place-items:center;width:28px;height:28px;color:#fff;background:#a5b0be;border-radius:50%;font-size:10px;font-weight:750}.evidence-stage.done>span{background:var(--green)}.evidence-stage.current>span{background:var(--blue);box-shadow:0 0 0 4px #176ee81a}.evidence-stage>div{display:flex;flex-direction:column;gap:2px;min-width:0}.evidence-stage strong{font-size:10px;white-space:nowrap}.evidence-stage small{color:#748198;font-size:8px;white-space:nowrap}.evidence-link{height:1px;background:#cdd7e3}.device-evidence-rail .report-button:disabled{opacity:.42;cursor:default;transform:none}.device-connect-modal{position:relative;width:min(470px,90vw);padding:26px 28px 24px;text-align:center;background:#fff;border:1px solid #dce4ee;border-radius:14px;box-shadow:0 28px 80px #0c1f3e3d;animation:rise-in .18s ease-out}.connect-visual{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:0 auto 15px;color:var(--navy);background:#f0f5fb;border:1px solid #d8e3ef;border-radius:17px}.connect-visual>svg{width:54px;height:54px}.connect-visual>span{position:absolute;right:-7px;bottom:-7px;display:grid;place-items:center;width:29px;height:29px;color:#fff;background:var(--blue);border:4px solid #fff;border-radius:50%}.connect-visual>span svg{width:14px;height:14px}.device-connect-modal h2{margin:9px 42px 6px;font-size:22px}.device-connect-modal>p{margin:0 auto;max-width:350px;color:#627087;font-size:10.5px;line-height:1.6}.found-device{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:9px;margin:18px 0 12px;padding:11px;text-align:left;border:1px solid #cfe1f5;border-radius:8px;background:#f3f8fe}.found-device>svg:first-child{width:25px;height:25px;color:var(--blue)}.found-device>svg:last-child{width:19px;height:19px;color:var(--green)}.found-device>div{display:flex;flex-direction:column;gap:3px}.found-device strong{font-size:11px}.found-device span{color:#6e7c91;font-size:8.5px}.connect-primary{width:100%;min-height:43px}.device-connect-modal>small{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:11px;color:#7c8798;font-size:8px}.device-connect-modal>small svg{width:13px;height:13px}.button-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.handoff-modal{width:min(760px,94vw);padding:25px 28px 22px}.handoff-modal h2{max-width:620px;margin:10px auto 6px;font-size:23px}.handoff-modal>p{max-width:590px}.handoff-proof{display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch;gap:10px;margin:18px 0 12px;text-align:left}.online-proof-card,.offline-proof-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:13px 14px;border:1px solid #dce4ed;border-radius:9px;background:#f8fafc}.offline-proof-card{border-color:#a7dccc;background:#f1faf7}.online-proof-card>span,.offline-proof-card>span{margin-bottom:2px;color:#68778d;font-size:8px;font-weight:750;letter-spacing:.3px}.online-proof-card strong,.offline-proof-card strong{position:relative;padding-left:13px;color:#2e4059;font-size:10.5px}.online-proof-card strong:before,.offline-proof-card strong:before{content:"";position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.offline-proof-card strong:before{background:var(--green)}.online-proof-card small,.offline-proof-card small{margin-top:3px;color:#7b8798;font-size:8px;line-height:1.45}.handoff-link{display:grid;place-content:center;justify-items:center;gap:5px;color:var(--blue);text-align:center}.handoff-link svg{width:24px;height:24px}.handoff-link span{font-size:8px;font-weight:750;white-space:nowrap}.compact-found-device{margin:0 0 10px;padding-block:9px}.verification-report-modal{width:min(880px,94vw)}.verification-report-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:17px;border-bottom:1px solid #e2e8f0}.verification-report-header h2{margin:9px 42px 5px 0;font-size:22px}.verification-report-header p{margin:0;color:#6d7a90;font-size:10px}.verification-score{flex:0 0 94px;height:94px;display:grid;place-content:center;justify-items:center;color:#fff;background:var(--navy);border-radius:50%;box-shadow:0 0 0 7px #e9f0f8}.verification-score strong{font-size:30px;line-height:1}.verification-score span{margin-top:4px;font-size:8px;opacity:.78}.mode-score-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mode-score-cards>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:12px 13px;border:1px solid #dce5ef;border-radius:8px;background:#f8fafc}.mode-score-cards>div.highlight{border-color:#9fd9c9;background:#f0faf6}.mode-score-cards span{color:#46566f;font-size:10px;font-weight:700}.mode-score-cards strong{grid-row:1 / 3;grid-column:2;color:var(--navy);font-size:24px}.mode-score-cards small{color:#7a879a;font-size:8px}.verification-report-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}.verification-report-grid h3{margin:0 0 8px;font-size:13px}.verification-report-grid p{margin:0;color:#56657c;font-size:10px;line-height:1.65}.transfer-proof{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;color:#087b61;background:#edf9f5;border:1px solid #b7e3d6;border-radius:7px}.transfer-proof>svg{width:19px;height:19px}.transfer-proof>span{display:flex;flex-direction:column;gap:2px}.transfer-proof strong{font-size:10px}.transfer-proof small{color:#58786e;font-size:8px}.verification-score-bars{display:grid;gap:10px;align-content:center}.verification-score-row{display:grid;grid-template-columns:65px 1fr 26px;align-items:center;gap:8px;font-size:9px}.verification-score-row i{height:6px;overflow:hidden;background:#e4eaf1;border-radius:99px}.verification-score-row b{display:block;height:100%;background:var(--blue);border-radius:inherit}.verification-score-row b.green{background:var(--green)}.verification-score-row strong{text-align:right;font-size:9px}.toast{position:fixed;z-index:120;left:50%;bottom:112px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:11px 15px;color:#fff;background:#102a4d;border-radius:8px;box-shadow:0 12px 32px #0a1f3e3d;font-size:11px;animation:rise-in .18s ease-out}.toast svg{width:18px;height:18px;color:#62d3b7}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}@media(max-height:900px){.app-shell{grid-template-rows:62px minmax(0,1fr) 82px}.topbar{padding-inline:20px}.level-heading,.event-heading{min-height:52px}.simulation-panel{grid-template-rows:52px minmax(0,1fr) 48px}.bench-panel{grid-template-rows:52px minmax(0,1fr)}.simulation-scroll{padding-top:9px;gap:7px}.car-asset{height:96px}.circuit-block img{height:95px}.meter-card{padding:8px 10px}.meter-display{min-height:64px}.task-card{padding:8px 10px}.ability-rail{padding-block:7px}.device-workspace{padding-top:10px;padding-bottom:10px}.device-context-panel{padding:12px 14px}.device-stage-label{margin-top:10px}.device-context-panel h1{font-size:22px}.continuity-list{margin:12px 0;gap:9px}.connected-device-card{padding:9px}.manual-sequence{margin-top:9px;padding-top:7px}.device-mirror-panel{grid-template-rows:52px minmax(0,1fr)}.device-panel-heading{min-height:52px}.device-intelligence-panel{grid-template-rows:52px auto minmax(80px,1fr) auto auto auto}.device-ai-card{padding:9px 10px}.sensor-status-grid{padding:6px 0}}@media(max-width:1240px){html,body,#root{min-width:0}.workspace{grid-template-columns:minmax(300px,.78fr) minmax(0,1.5fr)}.event-panel{display:none}.topbar{grid-template-columns:290px auto 1fr}.work-order-title span{display:none}.device-workspace{grid-template-columns:238px minmax(550px,1fr) 270px;padding-inline:12px;gap:10px}.device-evidence-rail{grid-template-columns:220px 1fr 16px 1fr 16px 1fr 160px;padding-inline:12px;gap:7px}}@media(max-width:900px){.app-shell{height:auto;min-height:100vh;grid-template-rows:60px auto 82px;overflow:visible}.topbar{grid-template-columns:auto 1fr;gap:14px;padding-inline:16px}.brand-lockup{gap:8px;font-size:19px}.brand-lockup img{width:31px;height:31px}.work-order-title{justify-self:end}.work-order-title strong{font-size:20px}.topbar-actions{display:none}.workspace{grid-template-columns:minmax(0,1fr);gap:12px;padding:10px 12px 12px}.bench-panel{order:-2;min-height:640px}.simulation-panel{order:-1;min-height:690px}.bench-image-wrap>img{top:3%;right:3%;bottom:3%;left:3%;width:94%;height:94%;max-width:none;max-height:none}.bench-hotspot.tp1{left:54.6%;top:55.4%}.bench-hotspot.tp2{left:54.6%;top:67.8%}.bench-hotspot.dial{left:78.7%;top:55.4%}.bench-tools{margin-left:auto}.ai-popover{left:28%;width:min(300px,52%)}.ability-rail{grid-template-columns:122px minmax(0,1fr) 158px;gap:10px;padding-inline:12px}.ability-title strong{font-size:12px}.skill-track{gap:8px}.skill-item{grid-template-columns:22px minmax(0,1fr);gap:4px}.skill-item:not(:last-child):after{display:none}.skill-icon{width:22px;height:22px}.skill-copy strong{font-size:9px}.skill-copy span{display:none}.report-button{height:46px;font-size:11px}.device-workspace{grid-template-columns:1fr;min-height:1200px}.device-context-panel{min-height:540px}.device-mirror-panel{min-height:620px}.device-intelligence-panel{min-height:520px}.device-evidence-rail{grid-template-columns:1fr;gap:12px;padding:16px}.evidence-link{display:none}.mode-score-cards,.verification-report-grid,.handoff-proof{grid-template-columns:1fr}.handoff-link{grid-template-columns:auto 1fr}}@media(max-width:680px){.online-status{display:none}.level-heading{padding-inline:12px}.level-heading h1,.level-kicker{font-size:16px}.bench-tools button{padding-inline:6px;font-size:10px}.ai-popover{left:22%;width:min(300px,62%)}.ability-rail{grid-template-columns:96px minmax(0,1fr) 136px}.ability-title small,.skill-copy{display:none}.skill-item{grid-template-columns:22px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}