body{height:100dvh;overflow:hidden}.top .bar{gap:10px}.circ{flex:1;display:grid;grid-template-columns:220px 1fr;min-height:0}.parts{background:#fff;border-inline-end:1.5px solid var(--line);padding:12px;overflow:auto;display:flex;flex-direction:column;gap:8px}.parts h2{font-size:16px;margin:4px 0 0}.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.part{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-size:12.5px;font-weight:700;text-align:center}.part:hover,.part:focus-visible{border-color:var(--brand);background:#f7f4ff}.part svg{width:56px;height:40px}.part small{font-weight:500;color:var(--muted);direction:ltr}.parts .seg{display:flex;background:#f4f7ff;border-radius:12px;padding:3px}.parts .seg button{all:unset;cursor:pointer;flex:1;text-align:center;padding:7px;border-radius:9px;font-weight:700;font-size:14px}.parts .seg button.on{background:#fff;box-shadow:0 1px 3px #0000001f}.howto{background:#f4f7ff;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.7}.howto p{margin:0 0 6px;color:var(--muted)}.work{display:flex;flex-direction:column;min-width:0;min-height:0}.tbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:8px 10px;background:#fff;border-bottom:1.5px solid var(--line)}.tg{display:flex;gap:4px;align-items:center;background:#f4f7ff;border-radius:12px;padding:3px}.tb{all:unset;cursor:pointer;min-width:36px;height:36px;padding:0 10px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:14px}.tb:hover{background:#fff}.tb:disabled{opacity:.35;cursor:default}.tb.danger:hover{background:#ffe5e6}.wc{all:unset;cursor:pointer;width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line)}.wc.on{box-shadow:0 0 0 3px var(--brand)}.status{font-weight:700;font-size:14px}.status.bad{color:#c9252b}.status.ok{color:var(--mint-ink)}.board{position:relative;flex:1;min-height:0;background:#e9eef7;overflow:auto}#sv{display:block;width:100%;height:100%;min-width:760px;touch-action:none;user-select:none;-webkit-user-select:none}#sv text{font-family:Arial,Tahoma,sans-serif}.props{position:absolute;top:10px;inset-inline-start:10px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:0 10px 24px #121a3324;display:flex;flex-direction:column;gap:8px;min-width:200px;font-size:14px}.props b{font-size:15px}.props select{height:36px;border-radius:10px;border:1.5px solid var(--line);padding:0 8px;font:600 14px var(--f-body)}.props .row{display:flex;gap:8px;align-items:center;justify-content:space-between}.props .note{color:var(--muted);font-size:12.5px;max-width:240px;line-height:1.6}.hole{fill:#3a3f4b}.hole.hl{fill:#18b37e}.hole.tgt{fill:#ff8a1f}.cmp{cursor:grab}.cmp.sel .body{filter:drop-shadow(0 0 4px #FF8A1F)}.wire{fill:none;stroke-linecap:round;cursor:pointer}.wire.sel{filter:drop-shadow(0 0 3px #FF8A1F)}.probe{cursor:grab}.dial{cursor:pointer}@keyframes buzz{0%,to{transform:translate(0)}50%{transform:translate(1px,-1px)}}.buzzing{animation:buzz .08s linear infinite}@media (max-width:760px){body{height:auto;overflow:auto}.circ{grid-template-columns:1fr;grid-template-rows:auto 75dvh}.parts{border:0;border-bottom:1.5px solid var(--line);flex-direction:row;flex-wrap:nowrap;overflow-x:auto;align-items:center}.parts h2,.parts .sub,.howto{display:none}.pgrid{display:flex;gap:6px}.part{flex:none;min-width:64px}.tb span,.top .crumbs{display:none}.pname{width:110px;flex:1;min-width:0}.top .bar{flex-wrap:wrap;gap:8px;padding-block:6px}.logo img{height:44px}.work,.circ{min-width:0;max-width:100vw}.tbar{flex-wrap:wrap}.status{flex-basis:100%;font-size:13px}.exLab select{max-width:120px}}