@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--ink:#182b2a;--muted:#7a8987;--teal:#087e70;--teal-dark:#086355;--teal-light:#e9f5ef;--line:#e5ebe7;--paper:#f6f8f5;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #76bca3;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}button{border:0}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;gap:30px;padding:0 32px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:1px;font-weight:750;flex:0 0 193px}.brand small{display:block;font-size:9px;color:var(--muted);font-weight:500;letter-spacing:1.6px;margin-top:2px}.brand-icon{display:grid;place-items:center;width:38px;height:42px;border-radius:11px;background:var(--teal);color:#fff;font-size:42px;font-weight:500;line-height:1;box-shadow:0 5px 10px #08635514}.breadcrumb{font-size:12px;color:#8b9692;display:flex;gap:14px}.breadcrumb strong{font-weight:500;color:#52615e}.breadcrumb span{color:#c1cbc5}.header-right{margin-left:auto;display:flex;align-items:center;gap:22px}.version{font-size:11px;color:#87938d;letter-spacing:.3px;border:1px solid var(--line);padding:5px 10px;border-radius:5px}.quiet-button{display:flex;align-items:center;gap:7px;background:transparent;font-size:12px;color:#60706b;padding:5px}.circle-help{display:grid;place-items:center;width:17px;height:17px;border:1px solid #9aa7a1;border-radius:50%;font-size:12px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e9eee8;font-size:12px;color:#6b7f6b}.app-layout{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1800px;margin:auto;min-height:calc(100vh - 78px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:34px 18px;display:flex;flex-direction:column}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:22px;font-size:12px;font-weight:600;color:#73817b;letter-spacing:1px}.count-badge{font-family:var(--mono);font-size:10px;color:#9aa59e}.scenario-button{display:flex;align-items:center;gap:12px;width:100%;padding:17px 12px;margin-bottom:10px;text-align:left;border-radius:8px;border:1px solid transparent;background:transparent;transition:background .2s,border .2s}.scenario-button:hover{background:#f5f8f4}.scenario-button.active{background:var(--teal-light);border-color:#dcebe2}.scenario-index{width:29px;height:31px;display:grid;place-items:center;background:#f5f7f3;color:#8a9890;border:1px solid #e9ede7;border-radius:7px;font-family:var(--mono);font-size:12px}.active .scenario-index{background:var(--teal);border-color:var(--teal);color:#fff}.scenario-button strong{display:block;font-size:13px;font-weight:600}.scenario-button small{display:block;color:#94a198;font-size:9px;letter-spacing:1.1px;margin-top:6px}.active strong{color:#096b5b}.scenario-button .scenario-arrow{margin-left:auto;font-size:18px;color:#247b61}.sidebar-note{border:1px solid #e5ebe3;background:#f9fbf6;border-radius:9px;padding:19px 15px;margin:50px 8px 20px}.note-icon{color:var(--teal);font-size:29px;display:block;margin-bottom:15px}.sidebar-note strong{font-size:12px;font-weight:600}.sidebar-note p{color:#98a095;font-size:11px;line-height:1.9;margin:9px 0 19px}.sidebar-note>div{font-size:9px;color:#829680;display:flex;align-items:center;gap:6px}.sidebar-note i,.page-footer i{width:5px;height:5px;border-radius:50%;background:#4e9a76}.sidebar-bottom{margin-top:auto;padding:35px 10px 0;color:#9ba69e;font-size:10px;line-height:2}.sidebar-bottom small{font-size:9px;display:block;color:#b1b9b2}main{padding:34px 38px 20px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;font-family:var(--mono);font-weight:500;color:var(--teal);display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;background:#328b6c;border-radius:50%}h1{font-size:28px;letter-spacing:-.8px;margin:10px 0 9px;line-height:1.3;font-weight:650}h1>span{font-size:10px;font-weight:500;vertical-align:middle;background:#e9ede5;color:#829078;border:1px solid #e0e6d9;border-radius:4px;letter-spacing:0;padding:4px 7px;margin-left:12px}.page-heading p{font-size:12px;color:#89958c;margin:0}.mode-switch{background:#e9eee7;border:1px solid #e0e7dd;border-radius:8px;padding:4px;display:flex;gap:3px}.mode-switch button{background:transparent;padding:9px 19px;font-size:12px;border-radius:5px;color:#829078;transition:.2s}.mode-switch .active{background:#fff;color:#225a45;box-shadow:0 2px 5px #253b2f0c}.task-banner{display:flex;align-items:center;gap:18px;border:1px solid #dee9df;background:linear-gradient(100deg,#eff5ed,#f8faf4);padding:20px 24px;border-radius:10px;margin-bottom:24px}.task-icon{width:48px;height:48px;display:grid;place-items:center;background:#e1eee0;border:1px solid #d5e4d4;border-radius:10px;color:#477e56;font-family:var(--mono);font-size:29px}.task-intro{min-width:0}.task-intro>div{display:flex;align-items:center;gap:12px}.task-intro>div>span:first-child{font-size:9px;letter-spacing:1.6px;font-family:var(--mono);color:#769176}.difficulty{color:#698665;background:#e6eedf;padding:2px 6px;border-radius:3px;font-size:9px}.task-intro h2{font-size:17px;font-weight:600;margin:6px 0}.task-intro p{font-size:11px;color:#8a9883;line-height:1.6;margin:0}.task-meta{padding-left:30px;border-left:1px solid #dce7d7;margin-left:auto;flex:0 0 116px}.task-meta span{font-size:10px;color:#91a087}.task-meta strong{display:block;font-family:var(--mono);font-size:20px;font-weight:500;color:#4f6c49;margin-top:6px}.task-meta small{font-family:var(--sans);font-size:10px;font-weight:400}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:22px;align-items:start}.workbench{border:1px solid #dfe6e0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #2d4a3304}.bench-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.bench-header>div{display:flex;align-items:center;gap:9px}.bench-header strong{font-size:12px;font-weight:600}.bench-dot{width:6px;height:6px;border-radius:50%;background:#75a38a}.live-badge{font-family:var(--mono);font-size:8px;color:#7ca78c;border:1px solid #dbeadf;background:#f4f9f4;border-radius:3px;padding:1px 4px}.bench-tools{gap:10px!important}.icon-button{background:transparent;font-size:20px;color:#8b9a8e;width:24px;height:26px;border-radius:4px;display:grid;place-items:center;padding:0}.icon-button:hover{background:#f0f5ef;color:var(--teal)}.icon-button[aria-pressed=true]{color:var(--teal);background:#edf7ef}.divider{height:13px;width:1px;background:#e3e9e1}.virtual-label{font-size:9px;color:#9daa9b}.stage-wrapper{overflow:hidden;background:#eff2ea}.stage{height:576px;position:relative;isolation:isolate;min-width:590px;background:radial-gradient(ellipse at 70% 32%,#f8f9f3 0,#eff2ea 65%,#e6ece2 100%)}.bench-grid{position:absolute;inset:0;background-image:radial-gradient(#a3b7a238 .7px,transparent .7px);background-size:16px 16px;opacity:.6;pointer-events:none}.stage-caption{position:absolute;top:18px;left:22px;color:#a5b1a0;font-size:7px;letter-spacing:1.6px;font-family:var(--mono)}.meter{position:absolute;width:300px;height:450px;left:20px;top:48px;z-index:3;filter:drop-shadow(8px 16px 13px #26372a26);user-select:none}.meter-body{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.meter-name{position:absolute;top:28.0%;left:20%;right:20%;font-size:10px;font-style:italic;font-weight:800;color:#c9cbc6;display:flex;gap:5px;align-items:center}.meter-name>span{font-size:5px;font-weight:500;font-style:normal;letter-spacing:.5px}.meter-name>small{margin-left:auto;font-size:7px;font-style:normal}.lcd{position:absolute;left:19%;top:10.8%;width:62%;height:15.9%;color:#283c2d;display:flex;flex-direction:column;padding:6px 10px 4px;font-family:var(--mono);text-shadow:0 1px 1px #6470593b;overflow:hidden;border-radius:3px;transition:background .2s}.lcd.backlit{background:#b9e59c88;box-shadow:inset 0 0 15px #c1ffb067}.lcd-indicators{font-size:5.7px;display:flex;justify-content:space-between;letter-spacing:.2px;min-height:8px}.lcd-reading{display:flex;justify-content:flex-end;align-items:baseline;gap:4px;margin:auto 0;white-space:nowrap}#lcdValue{font-size:36px;font-weight:500;line-height:1.02;letter-spacing:-1.7px}#lcdUnit{font-size:9px;font-weight:600}.lcd-bottom{font-size:4.8px;display:flex;justify-content:space-between;letter-spacing:.3px;min-height:6px}.meter-small-button{position:absolute;top:31.6%;height:4.7%;width:12%;background:transparent;color:#a3aaa0;font-size:5px;padding:0;letter-spacing:.3px}.hold-button{left:21.3%}.light-button{right:21.1%;font-size:11px}.meter-small-button[aria-pressed=true]{color:#d3edb4}.dial-label{position:absolute;transform:translate(-50%,-50%);background:transparent;color:#e1e0d4;font-family:var(--mono);font-size:10px;line-height:1;padding:5px 4px;z-index:6;min-width:27px;border-radius:4px}.dial-label small{display:block;margin-top:4px;font-size:6px;opacity:.7}.dial-label.ac{color:#e7c480}.dial-label.dc{color:#dfddd4}.dial-label.ohm,.dial-label.continuity{color:#b4c8ae}.dial-label.active{background:#e9f2d319;box-shadow:0 0 0 1px #e5e9c781;color:#f5f8cf}.dial-label:hover{background:#ffffff15}.dial-knob{position:absolute;width:37%;aspect-ratio:1;left:31.5%;top:41.4%;z-index:5;cursor:grab;touch-action:none;border-radius:50%;transform:rotate(0deg);filter:drop-shadow(3px 5px 3px #0008)}.dial-knob:active{cursor:grabbing}.knob-rim{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#1b1c1c 0deg 3deg,#323434 3deg 6deg);box-shadow:inset 1px 1px 3px #7d817b,inset -2px -2px 5px #030404}.knob-rim:after{content:'';position:absolute;inset:6%;border-radius:50%;background:radial-gradient(ellipse at 27% 18%,#3a3b39,#161919 70%);box-shadow:inset 0 1px 1px #6a6b65}.knob-grip{position:absolute;left:35%;top:2%;width:30%;height:96%;border-radius:9px 9px 12px 12px;background:linear-gradient(90deg,#141818,#50514d 42%,#323631 54%,#131615);border-top:1px solid #777c71;box-shadow:3px 2px 4px #000a}.knob-grip:after{content:'';position:absolute;left:13%;right:13%;top:29%;height:44%;background:repeating-linear-gradient(0deg,#20221f 0 2px,#43473c 3px,#262823 4px);border-radius:2px;opacity:.55}.knob-grip span{position:absolute;left:38%;top:2px;width:24%;height:13%;background:#f3f1d7;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 1px 1px #000)}.knob-center{position:absolute;inset:38%;border-radius:50%;border:1px solid #12171333;background:#34372c11}.meter-cert{position:absolute;top:73%;left:25%;right:25%;color:#b6b9ac;font-size:10px;display:flex;align-items:center;gap:7px}.meter-cert span{font-size:4.5px;letter-spacing:.5px}.port-target{position:absolute;width:13%;aspect-ratio:1;border-radius:50%;top:79.2%;transform:translateX(-50%);z-index:7;background:transparent;border:2px solid transparent;transition:.2s}.port-target:hover,.port-target.drag-over{border:2px dashed #d8edb3;background:#e3f1ba15;box-shadow:0 0 15px #e7f8c92c}.port-target.red-connected{box-shadow:0 0 0 2px #e65646}.port-target.black-connected{box-shadow:0 0 0 2px #b7bdaf}.port-labels{position:absolute;left:17%;right:16%;top:88.5%;display:flex;justify-content:space-around;color:#f2f1e7;font-family:var(--mono);font-size:10px;text-align:center}.port-labels>span{width:25%}.port-labels small{font-size:4.2px;display:block;color:#bcbdb2;margin-top:5px}.wire-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:4;pointer-events:none}.wire,.wire-outline{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.wire-outline{stroke:#293b2230;stroke-width:7;filter:url(#wireShadow)}.red-wire{stroke:#bb3e33}.black-wire{stroke:#2a3433}.fixture{position:absolute;right:42px;top:74px;width:220px;height:240px;z-index:2}.fixture svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(3px 10px 7px #2639291a)}.fixture .test-point{cursor:crosshair;stroke:#fff;stroke-width:2;transition:filter .2s}.fixture .test-point:hover{filter:drop-shadow(0 0 7px #0a9c75);stroke:#0d8c71}.fixture .test-point-label{font-family:var(--mono);font-size:8px;fill:#8c9588}.fixture-note{position:absolute;right:42px;top:326px;width:220px;text-align:center;z-index:2}.fixture-note>span{font-size:8px;color:#93a08a;letter-spacing:2px;display:block}.fixture-note strong{display:block;font-size:12px;font-weight:500;color:#5c6e52;margin:8px 0}.fixture-note small{font-size:9px;color:#9aab8c}.probe-instruction{position:absolute;right:40px;bottom:63px;width:200px;color:#8d9b85;font-size:11px;line-height:1.8;text-align:right;pointer-events:none}.probe-instruction small{font-size:9px;color:#a7b19f}.drag-icon{font-size:20px;display:inline-block;margin-right:6px}.probe{position:absolute;width:30px;height:153px;padding:0;background:transparent;transform-origin:50% 12px;transform:translate(-50%,-12px) rotate(-17deg);z-index:8;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(3px 5px 2px #31422630)}.black-probe{transform:translate(-50%,-12px) rotate(17deg)}.probe:active,.plug:active{cursor:grabbing}.probe-metal{position:absolute;left:13px;top:0;width:4px;height:53px;clip-path:polygon(40% 0,70% 0,100% 13%,100% 100%,0 100%,0 13%);background:linear-gradient(90deg,#4b5151,#e5e9e5 45%,#818c87);box-shadow:1px 0 1px #fff}.probe-collar{position:absolute;top:48px;left:1px;width:28px;height:7px;border-radius:3px;background:linear-gradient(90deg,#7c211e,#dc5b4b 50%,#a0302b)}.probe-body{position:absolute;top:54px;bottom:6px;left:5px;width:20px;border-radius:4px 4px 8px 8px;background:linear-gradient(90deg,#8a2e26,#e86955 37%,#bf493c 65%,#8c2923);box-shadow:inset 1px 0 1px #ffc0aa55}.probe-body:before{content:'';position:absolute;inset:8px 2px auto;height:38%;border-radius:4px;background:repeating-linear-gradient(0deg,#b34435 0 3px,#d15c47 4px,#95372d 5px);opacity:.6}.probe-body i{position:absolute;left:4px;bottom:18px;width:11px;height:2px;background:#e3b19a77;transform:rotate(90deg)}.black-probe .probe-collar{background:linear-gradient(90deg,#161d1b,#535d51 50%,#252f27)}.black-probe .probe-body{background:linear-gradient(90deg,#111a16,#5c6758 37%,#303c32 65%,#1b231d)}.black-probe .probe-body:before{background:repeating-linear-gradient(0deg,#26332a 0 3px,#5a6554 4px,#1f2921 5px)}.probe-tip-dot{position:absolute;left:9px;top:6px;width:12px;height:12px;border-radius:50%;background:#c5e6bd44;box-shadow:0 0 0 4px #93bb7e22;opacity:0}.probe.connected .probe-tip-dot,.probe.dragging .probe-tip-dot{opacity:1}.plug{position:absolute;width:30px;height:36px;transform:translate(-50%,-50%);border-radius:8px 8px 5px 5px;background:linear-gradient(90deg,#9b352b,#dd5b48,#9b342b);z-index:9;box-shadow:1px 3px 3px #0003;border:1px solid #84281c;cursor:grab;touch-action:none}.plug:before{content:'';position:absolute;left:5px;right:5px;top:5px;height:6px;border-top:2px solid #e8957b;border-bottom:2px solid #a84131}.plug:after{content:'';position:absolute;bottom:-10px;left:9px;width:10px;height:13px;border-radius:0 0 4px 4px;background:#9a372e}.plug.disconnected{opacity:.9}.plug.disconnected span{position:absolute;width:6px;height:10px;top:-9px;left:11px;background:linear-gradient(90deg,#81887d,#e7e9e4,#888e80);border-radius:2px 2px 0 0}.black-plug{background:linear-gradient(90deg,#18211b,#4f5c49,#1b271c);border-color:#142318}.black-plug:before{border-top-color:#7e8b71;border-bottom-color:#273a26}.black-plug:after{background:#29372a}.stage-bottom{position:absolute;bottom:15px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:9px;color:#8d9c83;z-index:5;pointer-events:none}.stage-bottom>span:first-child{display:flex;align-items:center;gap:5px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#abb59f}.status-dot.live{background:#5f9b61;box-shadow:0 0 0 3px #78aa6720}.feedback{display:flex;align-items:center;gap:10px;font-size:11px;color:#74876b;background:#f6f9f1;padding:12px 18px;border-top:1px solid #e7eddf;min-height:43px;line-height:1.65}.feedback.warning{color:#ab7439;background:#fcf7ec}.feedback.danger{color:#b45040;background:#fdf0ec}.feedback-icon{display:grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-family:var(--mono);font-size:10px;flex-shrink:0}.connection-controls{padding:13px 18px;display:grid;gap:9px}.lead-row{display:flex;align-items:center;gap:10px}.lead-name{display:flex;align-items:center;gap:6px;font-size:10px;flex:0 0 57px}.lead-name i{width:7px;height:7px;border-radius:50%}.red-dot{background:#d25647}.black-dot{background:#445047}.lead-row label{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.lead-row label>span{font-size:9px;color:#9ca69a;white-space:nowrap}.lead-row select{font-size:10px;width:100%;min-width:0;padding:8px 6px;border:1px solid #e2e8df;border-radius:4px;background:#fafbf7;color:#576952;outline-offset:1px}.connection-arrow{color:#a7b29e;font-size:12px}.guide-panel{display:grid;gap:16px}.guide-card,.reading-card{border:1px solid #dfe6df;border-radius:10px;background:white;padding:20px;box-shadow:0 4px 20px #2d4a3303}.section-label{display:flex;align-items:center;gap:8px}.section-label h3{font-size:13px;font-weight:600;margin:0}.tiny-icon{font-size:19px;color:#6d8872;font-weight:400}.section-label>span:last-child:not(.tiny-icon){margin-left:auto;font-family:var(--mono);font-size:10px;color:#9aa896}.step-list{padding-top:24px}.step{position:relative;display:flex;gap:12px;padding-bottom:25px;align-items:start}.step:last-child{padding-bottom:0}.step:not(:last-child):after{content:'';position:absolute;left:11px;top:29px;height:calc(100% - 32px);border-left:1px dashed #dce5d7}.step-number{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#f4f6f0;border:1px solid #e8ede1;color:#a2ac9b;font-size:10px;font-family:var(--mono)}.step.done .step-number{color:#fff;background:#5e9a71;border-color:#5e9a71}.step.current .step-number{background:#e6f0e3;border-color:#cbdcc6;color:#5a8b54}.step strong{display:block;font-size:11px;font-weight:500;color:#64745e;margin:3px 0 5px}.step small{display:block;font-size:9px;line-height:1.6;color:#a1ac99}.step.current strong{color:#367248}.guide-divider{height:1px;background:#e9eee5;margin:23px 0 18px}.scene-control{display:flex;align-items:center;justify-content:space-between}.scene-control>div>span{display:block;font-size:10px;color:#89997e}.scene-control strong{display:block;font-size:10px;font-weight:500;color:#718967;margin-top:6px}.toggle{width:33px;height:19px;border-radius:12px;background:#d8dfd2;position:relative;padding:0;transition:.2s}.toggle>span{position:absolute;left:3px;top:3px;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #30442122;transition:.2s}.toggle[aria-checked=true]{background:var(--teal)}.toggle[aria-checked=true]>span{transform:translateX(14px)}.parameter-control{margin-top:17px}.parameter-control>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#91a187}.parameter-control output{font-family:var(--mono);font-size:10px;color:#67835d}.parameter-control input{width:100%;margin:13px 0 5px;height:3px;accent-color:#658b65;cursor:pointer}.range-ends{display:flex;justify-content:space-between;color:#b3bbab;font-size:8px;font-family:var(--mono)}.hint-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:19px;background:#f6f9f1;border:1px solid #e6ecdf;border-radius:5px;padding:10px;color:#819373;font-size:10px}.hint-button>span:first-child{font-size:16px;color:#80a272}.hint-button:hover{background:#edf4e6}.reading-card>p{color:#99a48e;font-size:10px;margin:15px 0 10px}.answer-input{display:flex;align-items:center;border:1px solid #e0e7d9;border-radius:5px;overflow:hidden;background:#fafbf8}.answer-input input{width:100%;min-width:0;border:0;background:transparent;padding:12px;font-family:var(--mono);font-size:14px;color:#47663d;outline-offset:-2px}.answer-input input::placeholder{font-size:11px;font-family:var(--sans);color:#b1b9a9}.answer-input>span{padding-right:12px;color:#8ca17c;font-family:var(--mono);font-size:11px}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;background:var(--teal);color:#fff;border-radius:5px;font-size:12px;font-weight:500;transition:.2s}.primary-button:hover{background:var(--teal-dark);box-shadow:0 3px 10px #087e7022}.reading-card .primary-button{margin-top:13px;justify-content:space-between}.reading-card>small{display:block;text-align:center;font-size:8px;color:#aab5a0;line-height:1.7;margin-top:10px}.open-answer{display:flex;align-items:center;gap:4px;color:#859479;font-size:10px;margin-top:10px}.open-answer input{accent-color:var(--teal)}.principle-card{display:flex;gap:10px;background:#eff3e9;border:1px solid #e1e8d9;border-radius:8px;padding:17px 16px}.principle-card>span{font-size:23px;color:#7c9a6a}.principle-card strong{font-size:10px;font-weight:500;color:#728264}.principle-card p{color:#a0ad92;font-size:9px;line-height:1.85;margin:7px 0 0}.repair-button{font-size:10px;color:#a66645;background:#fbf2e9;border:1px solid #ecd9c3;border-radius:4px;width:100%;padding:9px;margin-top:12px}.activity-panel{background:white;border:1px solid #e0e7de;border-radius:9px;margin-top:22px;padding:15px 20px}.activity-header{display:flex;align-items:center;gap:12px}.activity-header h3{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;margin:0}.activity-header>span{font-size:9px;color:#a2af99}.activity-header>button{margin-left:auto;font-size:9px;color:#8ba27b;background:transparent}.activity-preview{font-size:10px;color:#9ba794;padding:12px 0 0 27px}.activity-panel ol{list-style:none;margin:18px 0 0;padding:0;max-height:260px;overflow:auto}.activity-panel li{display:flex;gap:15px;border-top:1px solid #eff2ea;padding:10px 0;font-size:10px;color:#7b8c70}.activity-panel time{font-family:var(--mono);font-size:9px;color:#b0b9a7;flex-shrink:0}.activity-panel li.fault{color:#b6644c}.page-footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:8px;color:#acb6a5;letter-spacing:.3px}.page-footer>span:first-child{display:flex;align-items:center;gap:6px}.page-footer>span:last-child{font-family:var(--mono);font-size:7px;letter-spacing:1px}dialog{border:1px solid #e4eadf;border-radius:15px;padding:0;color:var(--ink);background:#fff;box-shadow:0 30px 100px #182d3540;max-height:90vh;overflow:auto;width:min(540px,calc(100% - 30px))}dialog::backdrop{background:#17372d70;backdrop-filter:blur(5px)}.dialog-inner{padding:32px;position:relative}.close-dialog{position:absolute;right:16px;top:16px;width:28px;height:28px;border-radius:50%;background:#f4f7f0;color:#8d9b80;font-size:22px}.dialog-inner h2{font-size:24px;font-weight:600;margin:12px 0 25px}.score-summary{display:flex;gap:24px;align-items:center;background:#f5f8f0;border-radius:9px;padding:22px;margin-bottom:22px}.score-circle{width:100px;height:100px;border:5px solid #c6e0c0;border-radius:50%;display:flex;justify-content:center;align-items:baseline;padding-top:22px;gap:3px;flex-shrink:0;color:var(--teal)}.score-circle strong{font-family:var(--mono);font-size:35px;font-weight:500;letter-spacing:-2px}.score-circle>span{font-size:9px;color:#93a983}.report-badge{font-size:11px;color:var(--teal);background:#e2efdf;padding:5px 8px;border-radius:3px}.report-badge.fail{color:#b37651;background:#f6eadc}.score-summary p{font-size:11px;color:#859778;line-height:1.8;margin:12px 0 0}.score-item{padding:13px 0;border-bottom:1px solid #edf0e8;display:grid;grid-template-columns:1fr auto;gap:5px}.score-item strong{font-size:12px;font-weight:500}.score-item span{font-family:var(--mono);font-size:12px;color:#6c8b5c}.score-item small{font-size:10px;color:#9ea991}.report-actions{display:flex;gap:12px;margin-top:25px}.report-actions>button{flex:1}.secondary-button{padding:12px 16px;border:1px solid #dce7d3;border-radius:5px;background:white;color:#799064;font-size:12px}.report-disclaimer{display:block;color:#aeb8a2;font-size:9px;line-height:1.8;margin-top:16px;text-align:center}.help-steps p{display:flex;gap:16px;margin:22px 0}.help-steps b{font-family:var(--mono);color:var(--teal);font-size:14px;font-weight:500}.help-steps span{font-size:11px;color:#8c9c7b;line-height:1.9}.help-steps strong{display:block;font-size:13px;color:#536f42;font-weight:500;margin-bottom:3px}.model-note{background:#f5f8ef;padding:15px;border-radius:7px;margin:25px 0}.model-note strong{font-size:11px;font-weight:500;color:#71875c}.model-note p{font-size:10px;color:#9daa8b;line-height:1.85;margin:7px 0 0}.confirm-dialog .dialog-inner>p{font-size:13px;line-height:1.9;color:#819370}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);padding:13px 22px;background:#163f32f0;color:#eff8e9;border-radius:7px;box-shadow:0 6px 30px #173a342a;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;line-height:1.8}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){main{padding:42px 48px 24px}.workspace{grid-template-columns:minmax(0,1fr) 294px;gap:26px}.stage{height:640px}.meter{width:340px;height:510px;left:30px;top:48px}.fixture{width:248px;height:270px;right:60px;top:85px}.fixture-note{width:248px;right:60px;top:365px}.probe-instruction{right:52px;bottom:75px}}
@media(max-width:1250px){.app-layout{grid-template-columns:190px minmax(0,1fr)}.brand{flex-basis:158px}.sidebar{padding:28px 12px}.scenario-button{gap:8px;padding:14px 8px}.scenario-button strong{font-size:12px}.scenario-button small{font-size:8px;letter-spacing:.3px}.sidebar-note{margin:35px 2px 20px;padding:15px 10px}main{padding:28px 24px 20px}.workspace{grid-template-columns:minmax(0,1fr) 242px;gap:16px}.guide-card,.reading-card{padding:17px}.task-banner{padding:18px}.stage{min-width:520px;height:555px}.meter{width:270px;height:405px;left:10px;top:65px}.fixture{right:25px;top:85px;width:190px;height:210px}.fixture-note{right:25px;top:310px;width:190px}.probe-instruction{right:20px;bottom:75px;width:170px;font-size:10px}#lcdValue{font-size:32px}.lead-row{gap:6px}.lead-row label>span{display:none}.lead-name{flex-basis:51px;font-size:9px}.task-meta{flex-basis:96px;padding-left:18px}.parameter-control{margin-top:17px}}
@media(max-width:1080px){.app-layout{grid-template-columns:170px minmax(0,1fr)}.brand{flex-basis:138px;font-size:20px}.brand small{font-size:8px;letter-spacing:.6px}.topbar{padding:0 22px;gap:20px}.header-right{gap:13px}.workspace{grid-template-columns:minmax(0,1fr)}.guide-panel{grid-template-columns:1fr 1fr}.principle-card{display:none}.guide-card{grid-row:span 1}.step-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:20px}.step{padding-bottom:0;gap:7px}.step:not(:last-child):after{display:none}.step strong{font-size:10px}.step small{font-size:8px}.guide-divider{margin:17px 0}.guide-card .parameter-control{margin-top:14px}.stage{min-width:0;height:560px}.meter{width:310px;height:465px;left:25px;top:37px}.fixture{width:205px;height:224px;right:42px;top:80px}.fixture-note{right:42px;top:320px;width:205px}.probe-instruction{right:45px;bottom:52px}.task-meta{display:none}#lcdValue{font-size:36px}.guide-card,.reading-card{padding:20px}.reading-card .answer-input{margin-top:24px}.reading-card .primary-button{margin-top:20px}.reading-card>small{font-size:9px;margin-top:16px}.connection-controls{padding:15px 20px}.lead-row label>span{display:inline}.lead-name{flex-basis:63px;font-size:11px}.lead-row label{gap:10px}.lead-row select{font-size:11px}.lead-row{gap:12px}.page-heading{align-items:flex-start}.mode-switch button{padding:8px 12px;font-size:11px}h1{font-size:25px}h1>span{display:none}}
@media(max-width:780px){.app-layout{grid-template-columns:1fr}.sidebar{border:0;padding:0;background:transparent}.sidebar-heading,.sidebar-note,.sidebar-bottom{display:none}#scenarioNav{display:flex;gap:8px;overflow:auto;padding:16px 20px 0;scrollbar-width:none}.scenario-button{flex:0 0 157px;background:#fff;border:1px solid #e0e8dd;padding:12px 10px;margin:0}.scenario-index{width:24px;height:27px;font-size:10px}.scenario-button small{font-size:7px}.scenario-button .scenario-arrow{font-size:15px}.topbar{height:67px;padding:0 20px;gap:15px}.brand{flex-basis:auto;font-size:20px;gap:9px}.brand-icon{width:32px;height:35px;font-size:35px}.breadcrumb,.avatar{display:none}.version{font-size:9px;padding:4px 6px}.header-right{gap:10px}.quiet-button{font-size:0}.circle-help{font-size:11px}.app-layout{min-height:calc(100vh - 67px)}main{padding:25px 20px 18px}.eyebrow{font-size:8px;letter-spacing:1.2px}.page-heading{margin-bottom:20px;align-items:center}h1{font-size:25px;margin-top:9px}.page-heading p{font-size:10px}.task-banner{gap:12px;margin-bottom:18px;padding:16px}.task-icon{width:41px;height:41px;flex-shrink:0;font-size:25px}.task-intro h2{font-size:15px}.task-intro p{font-size:10px}.task-intro>div>span:first-child{font-size:8px}.workspace{gap:16px}.stage{height:570px}.meter{width:300px;height:450px;left:20px;top:55px}.fixture{right:35px;top:85px;width:205px;height:224px}.fixture-note{right:35px;top:327px;width:205px}.probe-instruction{right:35px;bottom:65px}.bench-header{padding:14px 16px}.stage-caption{font-size:6px}.task-intro p{max-width:440px}.page-footer>span:last-child{display:none}.activity-panel{margin-top:16px}.page-footer{font-size:8px}}
@media(max-width:590px){.page-heading{display:block;position:relative;padding-bottom:43px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.mode-switch{position:absolute;bottom:0;left:0;padding:3px}.mode-switch button{font-size:10px;padding:7px 17px}.task-intro p{font-size:9px}.task-banner{padding:13px}.task-icon{width:36px;height:39px;font-size:24px}.stage{height:490px}.meter{width:240px;height:360px;left:-4px;top:60px}.fixture{right:8px;top:81px;width:158px;height:172px}.fixture-note{right:8px;top:270px;width:158px}.fixture-note strong{font-size:10px;margin:6px 0}.fixture-note small{font-size:8px}.probe-instruction{right:10px;bottom:42px;width:150px;font-size:9px}.probe-instruction small{font-size:8px}.probe{height:132px;width:26px;transform:translate(-50%,-12px) rotate(-17deg) scale(.85);transform-origin:50% 12px}.black-probe{transform:translate(-50%,-12px) rotate(17deg) scale(.85)}.plug{width:25px;height:29px}.plug:after{left:7px;width:9px}.plug.disconnected span{left:8px}.stage-caption{left:15px;top:16px;letter-spacing:1px;font-size:5.5px}.stage-bottom{left:15px;right:15px;bottom:13px;font-size:7px}#lcdValue{font-size:27px}.lcd{padding:5px 6px 3px}.lcd-indicators{font-size:4.5px;min-height:6px}.lcd-bottom{font-size:3.8px}.lcd-reading{gap:3px}#lcdUnit{font-size:7px}.meter-name{font-size:7px}.meter-name>span{font-size:3.5px}.meter-name>small{font-size:5px}.dial-label{font-size:8px;padding:4px 3px;min-width:23px}.dial-label small{font-size:5px;margin-top:3px}.meter-small-button{font-size:4.5px}.light-button{font-size:9px}.meter-cert{font-size:8px}.meter-cert span{font-size:3px}.port-labels{font-size:8px}.port-labels small{font-size:3.5px;margin-top:4px}.connection-controls{padding:13px 14px}.lead-row{gap:8px}.lead-row label>span{display:none}.lead-name{flex-basis:54px;font-size:10px}.lead-row select{font-size:10px;padding:9px 5px}.guide-panel{grid-template-columns:1fr}.guide-card{padding:20px}.step-list{grid-template-columns:repeat(4,1fr);gap:9px}.step{display:block}.step strong{font-size:10px;margin-top:9px}.step small{font-size:8px;line-height:1.7}.step-number{width:24px;height:24px}.guide-divider{margin:19px 0}.scene-control{padding:0 1px}.parameter-control{margin-top:17px!important}.hint-button{margin-top:15px}.reading-card{padding:20px}.reading-card .answer-input{margin-top:0}.reading-card .primary-button{margin-top:13px}.reading-card>small{font-size:8px;margin-top:10px}.reading-card>p{margin-top:14px}.feedback{font-size:10px;padding:11px 14px}.activity-preview{font-size:9px;padding-left:0}.activity-header{gap:8px}.activity-header h3{font-size:11px}.activity-header>span{font-size:8px}.activity-header>button{font-size:8px}.activity-panel{padding:13px 15px}.page-footer{font-size:7px;line-height:1.7}.dialog-inner{padding:25px}.dialog-inner h2{font-size:21px}.score-summary{gap:16px;padding:17px}.score-circle{width:83px;height:83px;padding-top:18px;border-width:4px}.score-circle strong{font-size:28px}.score-circle>span{font-size:8px}.score-summary p{font-size:10px}.report-actions{gap:9px}.report-actions button{font-size:11px}.report-disclaimer{font-size:8px}main{padding:23px 14px 18px}#scenarioNav{padding-left:14px;padding-right:14px}.topbar{padding:0 16px}.header-right{gap:8px}.version{font-size:8px}.brand small{font-size:7px}}
@media(max-width:380px){.meter{width:218px;height:327px;left:-7px;top:60px}.fixture{width:138px;height:150px;right:4px;top:82px}.fixture-note{width:138px;right:4px;top:250px}.stage{height:460px}#lcdValue{font-size:23px}.dial-label{font-size:7px}.probe-instruction{font-size:8px;width:128px}.virtual-label{display:none}.step-list{gap:7px}.step small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.sidebar{min-width:0}.probe.selected .probe-collar{box-shadow:0 0 0 2px #d2dc9c66}.plug.selected{outline:1px solid #beca8f;outline-offset:3px}
@media(max-width:780px){.app-layout{grid-template-columns:minmax(0,1fr)}#scenarioNav{max-width:100%;min-width:0}}
@media(max-width:590px){.meter{width:212px;height:318px;left:0;top:64px}.fixture{width:132px;height:148px;right:5px;top:90px}.fixture-note{width:132px;right:5px;top:257px}.probe-instruction{font-size:8px;width:145px;right:10px;bottom:43px}#lcdValue{font-size:24px}.dial-label{font-size:7px;min-width:21px;padding:4px 2px}.dial-label small{font-size:4.5px}.lcd-reading{gap:2px}.lcd-indicators{font-size:4px}.meter-name{font-size:6px}.meter-name>span{font-size:3px}.meter-name>small{font-size:4.5px}.port-labels{font-size:7px}.port-labels small{font-size:3px}.fixture-note small{font-size:7px}.stage{height:465px}}
@media(max-width:380px){.meter{width:196px;height:294px;left:-3px;top:67px}.fixture{width:122px;height:138px;right:3px}.fixture-note{width:122px;right:3px;top:250px}.stage{height:445px}#lcdValue{font-size:21px}.dial-label{font-size:6.5px}}
