.single-line-page{--lab-ink:#183f51;--lab-muted:#4c6b79;--lab-paper:#fffefa;--lab-soft:#eef7f7;--lab-border:#bcd3d9;--lab-accent:#006d7d;--lab-high:#08607b;--lab-low:#94611d;--lab-ct:#69548a;--lab-warning:#7b430d;--lab-warning-bg:#fff2d4;color:var(--lab-ink);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;margin:0;line-height:1.7}
html[data-theme=sunset] .single-line-page{--lab-ink:#523c42;--lab-muted:#765761;--lab-soft:#fff1e7;--lab-paper:#fffaf5;--lab-border:#ddc1b5;--lab-accent:#885242}
html[data-theme=dark] .single-line-page{--lab-ink:#e0eef5;--lab-muted:#adc6d3;--lab-paper:#142b40;--lab-soft:#1c3549;--lab-border:#476073;--lab-accent:#79dce4;--lab-high:#7bd6ea;--lab-low:#f0c879;--lab-ct:#cbb2f0;--lab-warning:#ffdf9b;--lab-warning-bg:#493c26}
.single-line-page *{box-sizing:border-box}.single-line-page [hidden]{display:none!important}.single-line-page a{color:var(--lab-accent)}.single-line-page button,.single-line-page input,.single-line-page select{font:inherit}.single-line-page button,.single-line-page select,.single-line-page summary{cursor:pointer}.single-line-page button:focus-visible,.single-line-page input:focus-visible,.single-line-page select:focus-visible,.single-line-page a:focus-visible,.single-line-page summary:focus-visible{outline:3px solid var(--lab-accent);outline-offset:3px}.single-line-page button{color:var(--lab-ink);background:var(--lab-paper);border:1px solid var(--lab-border);border-radius:10px;min-height:42px;padding:7px 12px}.single-line-page button:hover{background:var(--lab-soft)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lab-top{max-width:1140px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px}.lab-brand{font-size:18px;font-weight:800;text-decoration:none;white-space:nowrap}.lab-brand span{color:#e58758;margin-right:5px}.lab-theme{display:flex;align-items:center;gap:8px}.lab-theme select{background:var(--lab-paper);color:var(--lab-ink);border:1px solid var(--lab-border);border-radius:10px;padding:8px}.lab-main{max-width:1100px;margin:auto;padding:8px 22px 36px}.lab-intro{margin:4px 0 24px}.lab-back{font-size:13px;text-decoration:none}.lab-eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;margin:22px 0 2px;color:var(--lab-accent)}.lab-intro h1{font-size:clamp(27px,4vw,38px);letter-spacing:.04em;margin:0 0 5px;line-height:1.5}.lab-intro>p:not(.lab-eyebrow){margin:0 0 12px;font-size:15px}.lab-model{display:inline-block;color:var(--lab-muted);font-size:12px;background:var(--lab-paper);padding:4px 10px;border:1px solid var(--lab-border);border-radius:20px}
.lab-workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:18px;align-items:start}.lab-controls,.lab-board{background:var(--lab-paper);border:1px solid var(--lab-border);border-radius:22px;box-shadow:0 6px 24px #123c4910}.lab-controls{padding:20px}.lab-controls h2,.lab-board h2{font-size:17px;margin:0 0 18px}.step-dot{display:inline-grid;place-items:center;background:var(--lab-accent);color:var(--lab-paper);width:25px;height:25px;border-radius:50%;font-size:13px;margin-right:5px}.lab-input-group{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:3px 8px;margin-bottom:18px}.lab-input-group>label{font-size:14px;font-weight:750}.lab-input-group>label small{display:block;color:var(--lab-muted);font-weight:500}.lab-number{position:relative}.lab-number input{width:100%;padding:9px 35px 9px 9px;text-align:right;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--lab-soft);border:1px solid var(--lab-border);border-radius:10px;color:var(--lab-ink);appearance:textfield}.lab-number input::-webkit-inner-spin-button{appearance:none}.lab-number>span{position:absolute;right:8px;top:16px;font-size:12px;color:var(--lab-muted);pointer-events:none}.lab-number:has(#pf) input{padding-right:9px}.lab-number:has(#pf)>span{display:none}.lab-input-group>input[type=range]{grid-column:1/-1;width:100%;margin:4px 0 0;height:24px;accent-color:var(--lab-accent)}.lab-input-group>small{grid-column:1/-1;color:var(--lab-muted);font-size:11px}.lab-number input[aria-invalid=true]{border:2px solid #b74630}.lab-settings{border-top:1px solid var(--lab-border);border-bottom:1px solid var(--lab-border)}.lab-settings summary{padding:10px 0;font-size:13px;font-weight:700}.lab-settings-fields>label{display:grid;grid-template-columns:1fr 94px 32px;align-items:center;gap:6px;font-size:12px;margin-bottom:10px}.lab-settings-fields select{width:100%;padding:7px 5px;color:var(--lab-ink);border:1px solid var(--lab-border);background:var(--lab-soft);border-radius:7px}.lab-settings-fields p{font-size:11px;color:var(--lab-muted)}.lab-power{background:var(--lab-soft);border-radius:12px;padding:13px;margin:16px 0}.lab-power>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.lab-power span{font-size:12px}.lab-power small{display:block;color:var(--lab-muted);font-size:10px}.lab-power output{font-size:23px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.lab-loading{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.lab-loading output{font-size:15px}.lab-bar{height:6px;border-radius:9px;background:var(--lab-border);margin-top:7px;overflow:hidden}.lab-bar span{display:block;width:0;height:100%;background:var(--lab-accent)}.lab-bar.over span{background:#b45c20}.lab-warning,.lab-error{padding:10px 12px;border-radius:10px;background:var(--lab-warning-bg);color:var(--lab-warning);font-size:12px;border:1px solid currentColor;line-height:1.7}.lab-power .lab-warning{margin:12px 0 0}.lab-experiments h3{font-size:13px;margin:0 0 8px}.lab-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lab-presets button{font-size:11px;padding:7px 5px}.lab-experiments p{font-size:12px;line-height:1.7;color:var(--lab-muted);margin:10px 0 0;min-height:3.4em}
.lab-board{padding:20px 20px 12px;position:sticky;top:14px}.lab-board-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.lab-board-heading h2{margin:0}.lab-board-heading button{font-size:11px;min-height:36px;padding:5px 9px}.lab-board-note{font-size:11px;color:var(--lab-muted);margin:9px 0 3px}.lab-diagram{display:block;width:100%;height:auto;overflow:visible}.lab-wire{fill:none;stroke-width:4;stroke:var(--lab-high)}.low-wire{stroke:var(--lab-low)}.lab-flow{fill:none;stroke:var(--lab-paper);stroke-width:2.5;stroke-dasharray:3 12;animation:power-flow 1.6s linear infinite;pointer-events:none}.lab-diagram.paused .lab-flow{animation-play-state:paused}.lab-diagram.no-flow .lab-flow{visibility:hidden}.svg-caption,.svg-small,.reading-caption{fill:var(--lab-muted);font-size:12px}.svg-label{fill:var(--lab-ink);font-size:14px;font-weight:750}.device-hit{fill:var(--lab-soft);stroke:var(--lab-border);stroke-width:1;fill-opacity:.86}.device-terminal,.breaker{fill:var(--lab-paper);stroke:var(--lab-high);stroke-width:2}.device-switch{fill:none;stroke:var(--lab-high);stroke-width:3}.transformer-ring{fill:var(--lab-paper);fill-opacity:.8;stroke:var(--lab-high);stroke-width:2.5}.lab-device{cursor:pointer;outline:none}.lab-device:hover .device-hit,.lab-device:focus-visible .device-hit,.lab-device:focus-visible .load-box{stroke:var(--lab-accent);stroke-width:3}.ct-wire{stroke:var(--lab-ct);stroke-width:2;fill:none}.meter-ring{stroke:var(--lab-ct);stroke-width:2;fill:var(--lab-paper)}.meter-letter{fill:var(--lab-ct);font-size:12px}.load-box{fill:var(--lab-soft);stroke:var(--lab-low);stroke-width:2}.reading rect{fill:var(--lab-soft);stroke:var(--lab-border)}.reading-label{font-size:13px;fill:var(--lab-ink);font-weight:700}.reading-value{font-size:33px;fill:var(--lab-high);font-weight:800;font-variant-numeric:tabular-nums}.reading-ct .reading-value{fill:var(--lab-ct)}.reading-low .reading-value{fill:var(--lab-low)}.reading-leader{stroke:var(--lab-border);stroke-width:1.5;fill:none}.lab-legend{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--lab-muted);line-height:1.7;margin:9px 0 0;border-top:1px solid var(--lab-border);padding-top:10px}.lab-legend>span{font-size:24px;color:var(--lab-accent)}.lab-board .lab-warning{margin:8px 0}.lab-board.ct-over .reading-ct rect{stroke:var(--lab-warning);stroke-width:2}
.lab-notes{margin-top:24px;display:grid;gap:10px}.lab-notes details{background:var(--lab-paper);border:1px solid var(--lab-border);border-radius:14px;overflow:hidden}.lab-notes summary{font-size:14px;font-weight:700;padding:15px 18px}.lab-detail-body{padding:0 20px 15px;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.lab-detail-body p{margin:8px 0 13px}.lab-detail-body ul{padding-left:20px}.lab-detail-body li{margin-bottom:9px}.lab-formulas{display:grid;grid-template-columns:210px 1fr;gap:8px 14px;background:var(--lab-soft);padding:15px;border-radius:10px}.lab-formulas dt{font-weight:700}.lab-formulas dd{margin:0;font-variant-numeric:tabular-nums}.lab-next{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.lab-next a{font-size:12px;background:var(--lab-paper);padding:10px 14px;border-radius:10px;border:1px solid var(--lab-border);text-decoration:none}.lab-footer{display:flex;justify-content:space-between;gap:12px;max-width:1100px;margin:auto;padding:10px 22px 30px;font-size:12px;color:var(--lab-muted)}#device-dialog{max-width:470px;width:calc(100% - 32px);border:1px solid var(--lab-border);border-radius:20px;padding:24px;background:var(--lab-paper);color:var(--lab-ink);box-shadow:0 20px 80px #0004}#device-dialog::backdrop{background:#08273b99}#close-dialog{float:right;font-size:24px;width:42px;padding:0}#device-dialog h2{font-size:23px;margin:8px 0}#device-dialog p:not(.lab-eyebrow){font-size:14px}#device-dialog a{font-size:13px}#device-dialog .lab-eyebrow{margin-top:10px}
@keyframes power-flow{to{stroke-dashoffset:-30}}
.single-line-page .uc-related{background:var(--lab-soft);color:var(--lab-ink)}.single-line-page .uc-related .uc-card{background:var(--lab-paper);color:var(--lab-ink)!important;border-color:var(--lab-border)}.single-line-page .uc-related .uc-tag{background:var(--lab-soft);color:var(--lab-accent)}
@media(prefers-reduced-motion:reduce){.lab-flow{animation:none}}
@media(max-width:740px){.lab-main{padding:0 12px 24px}.lab-top{padding:10px 12px;flex-wrap:wrap}.lab-theme{gap:5px}.lab-brand{font-size:16px}.lab-intro{margin:4px 0 17px}.lab-eyebrow{margin-top:14px}.lab-intro>p:not(.lab-eyebrow){font-size:13px}.lab-model{font-size:10px;padding:4px 8px}.lab-workspace{grid-template-columns:1fr;gap:12px}.lab-controls{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.lab-controls h2{grid-column:1/-1;margin-bottom:12px;font-size:15px}.lab-input-group{grid-template-columns:1fr;margin-bottom:10px;gap:3px}.lab-input-group>label{font-size:12px}.lab-input-group>label small{display:inline;font-size:10px}.lab-number input{font-size:22px;padding:6px 30px 6px 8px}.lab-number>span{top:12px}.lab-input-group>small{font-size:10px;line-height:1.5}.lab-settings,.lab-power,.lab-experiments,.lab-controls>.lab-error{grid-column:1/-1}.lab-settings summary{padding:8px 0;font-size:12px}.lab-power{margin:10px 0;padding:10px 12px}.lab-power>div:first-child{float:left;display:block;width:50%}.lab-power>div:first-child>span{display:block}.lab-power small{display:none}.lab-power output{font-size:22px}.lab-loading{display:block;margin-top:0}.lab-loading span{display:block;font-size:10px}.lab-loading output{font-size:22px}.lab-bar{clear:both;margin-top:6px}.lab-experiments h3{display:none}.lab-presets{grid-template-columns:1fr 1fr;gap:6px}.lab-presets button{min-height:36px}.lab-experiments p{min-height:0;font-size:11px;margin-top:8px}.lab-board{position:static;padding:15px 10px 10px}.lab-board-heading{padding:0 4px}.lab-board h2{font-size:15px}.lab-board-note{padding:0 4px;font-size:10px}.lab-formulas{grid-template-columns:1fr;gap:0}.lab-formulas dd{margin-bottom:12px}.lab-formulas dd:last-child{margin:0}.lab-detail-body{padding:0 14px 12px;font-size:13px}.lab-notes summary{font-size:13px;padding:13px 14px}.lab-footer{font-size:11px;display:block;padding:10px 14px 28px}.lab-footer span{display:block;margin-top:8px}.lab-notes{margin-top:15px}}
