.sim-root{background:#111b25;border:1px solid #354351;border-radius:14px;padding:22px}.sim-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.sim-layout{grid-template-columns:175px minmax(300px,1fr) 250px;align-items:start;gap:16px;display:grid}.sim-palette,.sim-inspector{background:#17232d;border:1px solid #354351;border-radius:10px;padding:14px}.sim-palette-item{text-align:left;color:#d6e8eb;background:#0f1922;border:1px solid #39505c;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:7px;padding:11px 8px;font-size:14px;display:flex}.sim-palette-item:hover{border-color:#44dfc3}.sim-board-scroll{border:1px solid #4b6271;border-radius:10px;max-height:680px;overflow:auto}.sim-board{background-color:#0c151e;background-image:radial-gradient(#405260 1.5px,#0000 1.5px);background-size:20px 20px;width:980px;height:640px;position:relative}.sim-wires{width:980px;height:640px;position:absolute;inset:0;overflow:visible}.sim-wires g{cursor:pointer;pointer-events:stroke}.sim-wires g:focus{stroke:#ffb278;outline:none}.sim-part{color:#cbf5ed;background:#20323e;border:1px solid #56717d;border-radius:7px;width:140px;height:118px;position:absolute;box-shadow:0 3px 8px #0005}.sim-part.selected{border:2px solid #6aefd6}.sim-part-title{color:#e3f5f4;cursor:grab;touch-action:none;background:#17252f;border:0;border-bottom:1px solid #38505f;justify-content:center;align-items:center;gap:6px;width:100%;height:28px;font:14px monospace;display:flex}.sim-symbol{width:100px;height:44px;margin:8px auto 1px;display:block}.sim-part-value{text-align:center;color:#e3efef;overflow-wrap:anywhere;padding:0 9px;font:12px/1.3 monospace;display:block}.sim-terminal{color:#fff;z-index:2;background:#0e2724;border:2px solid #a7e9da;border-radius:50%;width:24px;height:24px;padding:0;font-size:12px;position:absolute}.sim-terminal.pending{color:#141c22;background:#ffc761;outline:3px solid #ffcf6880}.sim-terminal span{pointer-events:none}.sim-empty{color:#b8cbd3;position:absolute;top:220px;left:150px}.sim-inspector h3{overflow-wrap:anywhere}.sim-adjust{margin:16px 0 23px}.sim-knob-row{align-items:center;gap:15px;margin:14px 0;display:flex}.sim-knob{touch-action:none;cursor:ns-resize;background:#253d47;border:2px solid #536d79;border-radius:50%;flex-shrink:0;width:54px;height:54px}.sim-knob:focus{outline:2px solid #44dfc3}.sim-knob span{width:100%;height:100%;display:block;position:relative}.sim-knob span:before{content:"";background:#74f3d9;border-radius:3px;width:4px;height:15px;position:absolute;top:5px;left:23px}.sim-toggle{justify-content:space-between;align-items:center;gap:12px;margin:20px 0;font-size:15px;display:flex}.sim-results{margin:24px 0;overflow:auto}.sim-wave{background:#0d171f;border:1px solid #344b58;border-radius:8px;max-width:800px}.sim-wave svg{width:100%;height:auto;display:block}.sim-limits{color:#adbdc9;margin-top:24px;font-size:14px;line-height:1.7}.sim-limits summary,.sim-root summary{cursor:pointer}.sim-root button:focus-visible{outline-offset:3px;outline:2px solid #80f4dd}@media (width<=1150px){.sim-layout{grid-template-columns:155px minmax(250px,1fr)}.sim-inspector{grid-column:1/-1;display:block}.sim-inspector .sim-adjust{vertical-align:top;width:230px;max-width:100%;margin-right:20px;display:inline-block}}@media (width<=650px){.sim-root{padding:12px}.sim-layout{grid-template-columns:minmax(0,1fr)}.sim-palette{flex-wrap:wrap;gap:7px;display:flex}.sim-palette h3,.sim-palette p{width:100%}.sim-palette-item{flex:1 0 125px;width:auto;margin:0}.sim-board-scroll{max-height:440px}.sim-heading{gap:10px}.sim-inspector{grid-column:auto}}.sim-flow{animation:.8s linear infinite sim-current}.sim-reverse{animation-direction:reverse}@keyframes sim-current{to{stroke-dashoffset:-38px}}.sim-glow{color:#ffe57c;filter:drop-shadow(0 0 7px #ffe57c)}.sim-broken{color:#ff8a79}.sim-part.sim-fault{background:#422d30;border:2px solid #ff806c}.sim-temperature,.sim-fault-label{color:#e1ecec;white-space:nowrap;pointer-events:none;background:#17252f;border-radius:4px;align-items:center;gap:3px;padding:3px 5px;font-size:12px;display:flex;position:absolute;top:118px;left:0}.sim-temperature.hot{color:#ffbd73}.sim-fault-label{color:#fff;background:#602e28;top:-23px}.sim-live{background:#0d171f;border:1px solid #456075;border-radius:10px;margin:20px 0;padding:18px}.sim-live p{font-size:14px;line-height:1.6}.sim-wave{background-image:linear-gradient(#28404a55 1px,#0000 1px),linear-gradient(90deg,#28404a55 1px,#0000 1px);background-size:25px 25px}@media (prefers-reduced-motion:reduce){.sim-flow{animation:none}}.sim-wires{z-index:3;pointer-events:none}.sim-wires g{pointer-events:stroke}.sim-terminal{z-index:4;touch-action:manipulation;cursor:crosshair;width:28px;height:28px}.sim-terminal.connected{background:#157d6c;box-shadow:0 0 0 3px #0c151e}.sim-terminal.pending{background:#ffc761;box-shadow:0 0 0 4px #ffc76166}.sim-connections{margin:14px 0;font-size:14px}.sim-connections .btn{margin-top:8px;padding:7px}.sim-connections p{overflow-wrap:anywhere;color:#afdccc;margin:5px 0}.sim-zoom{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.sim-zoom output{text-align:center;color:#9cf5e3;min-width:60px;font:16px monospace}.sim-zoom .btn{padding:8px 12px}.sim-board-scroll{background-color:#0c151e;background-image:radial-gradient(#405260 1.5px,#0000 1.5px);background-size:20px 20px;min-width:0;height:640px;max-height:none}.sim-board{background:0 0}@media (width<=650px){.sim-board-scroll{height:440px;max-height:none}}.sim-thermal-panel{background:#13232d;border:1px solid #486574;border-radius:9px;margin:14px 0;padding:12px 16px}.sim-thermal-panel .sim-toggle{justify-content:flex-start;gap:18px;margin:0}.sim-thermal-panel svg{vertical-align:middle;display:inline-block}.sim-thermal-panel p{margin:8px 0;font-size:14px}.sim-thermal-panel .warn{margin:12px 0}.sim-consumption{color:#bbf7ec;white-space:nowrap;pointer-events:none;background:#0e2730;border-radius:4px;padding:3px 5px;font-size:12px;position:absolute;top:142px;left:0}.sim-fan-spin{animation:2s linear infinite sim-fan-turn}@keyframes sim-fan-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sim-fan-spin{animation:none}}.sim-thermal-panel .field{max-width:240px}.sim-inspector select{color:#e4f6f1;background:#14232d;border:1px solid #547280;border-radius:6px;max-width:100%;padding:10px}
