.system-explorer{padding-top:56px;padding-bottom:56px}.system-explorer>h2{max-width:760px}.sx-intro{max-width:680px;color:#587086;font-size:18px;line-height:1.6}.sx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.sx-button{font:inherit;font-size:13px;cursor:pointer;border:1px solid #cbdde9;background:#fff;color:#143d60;border-radius:12px;padding:11px 15px;min-height:42px;transition:background .2s,color .2s}.sx-button[aria-pressed=true]{background:#123f67;color:#fff;border-color:#123f67}.sx-button:hover{border-color:#269fd5}.sx-button:focus-visible,.sx-select select:focus-visible,.sx-viewport:focus-visible{outline:3px solid #39a9df;outline-offset:3px}.sx-tabs .sx-button{font-weight:650}.sx-shell{border:1px solid #d4e4ef;border-radius:24px;background:linear-gradient(150deg,#f8fcff,#eff6fb);overflow:hidden}.sx-head{padding:30px 32px 12px}.sx-head h3{font-size:clamp(23px,3vw,34px);margin:0 0 12px}.sx-head p{max-width:850px;line-height:1.6;color:#587086;margin:0}.sx-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 32px}.sx-select{display:flex;align-items:center;gap:10px;font-size:13px;margin-left:auto}.sx-select select{font:inherit;padding:11px;background:#fff;border:1px solid #cbdde9;border-radius:12px;color:#143d60}.sx-viewport{overflow-x:auto;padding:0 16px}.sx-viewport svg{display:block;width:100%;min-width:740px;height:auto}.sx-viewport text{font:13px inherit;fill:#244b68;font-family:inherit;font-size:13px}.sx-building{fill:#fff;stroke:#d5e5ef;stroke-width:2}.sx-room{fill:#f3f6f8;stroke:#dbe5ed;stroke-width:1.5}.sx-room.is-active{fill:#edf9fe;stroke:#a5d8ee}.sx-device{fill:#f9fcff;stroke:#91a9ba;stroke-width:2}.sx-device.is-active{stroke:#2697c6;fill:#f0fbff}.sx-device.warm.is-active{stroke:#dc8460;fill:#fff5ef}.sx-device .sx-led{fill:#aabdc8;stroke:none}.sx-device.is-active .sx-led{fill:#33b8d4}.sx-pipe{stroke:#dae3e9;stroke-width:5;stroke-linejoin:round;fill:none}.sx-flow{stroke:#a8bac6;stroke-width:3;fill:none;stroke-linejoin:round;opacity:.25}.sx-flow.is-flowing{opacity:1;stroke-dasharray:8 9;animation:sx-flow 1s linear infinite}.sx-flow.cool{stroke:#2aaad1}.sx-flow.warm{stroke:#e78a60}.sx-flow.sx-return{stroke-width:2;animation-direction:normal;opacity:.5}.sx-joint{fill:#11476b;stroke:#fff;stroke-width:2}.sx-viewport .sx-temp{font-size:29px;font-weight:600;fill:#244c6e}.sx-breeze{fill:none;stroke:#2aaad1;stroke-width:2;opacity:.7;animation:sx-air 1.8s ease-in-out infinite}.sx-breeze.warm{stroke:#e78a60}.sx-fan{animation:sx-spin 4s linear infinite}.sx-tank{fill:#fff;stroke:#9bb9cd;stroke-width:2}.sx-coil{fill:none;stroke:#dda488;stroke-width:3}.sx-coil.is-flowing{stroke:#e88051;stroke-dasharray:7 5;animation:sx-flow 1s linear infinite}.sx-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 32px 20px;font-size:13px;color:#35728c}.sx-status{color:#143f62;font-weight:600}.sx-controls{display:grid;grid-template-columns:repeat(var(--zones),minmax(0,1fr));gap:12px;padding:0 32px 24px}.sx-control{padding:16px;background:#fff;border:1px solid #d6e6ef;border-radius:16px;display:flex;flex-direction:column;gap:13px}.sx-control>strong{font-size:15px}.sx-control>label{font-size:12px;line-height:1.5;color:#587086}.sx-control output{font-weight:650;color:#163c58}.sx-control input{display:block;width:100%;margin-top:12px;accent-color:#259bc9;cursor:pointer}.sx-zone-modes{display:flex;flex-wrap:wrap;gap:4px}.sx-zone-modes .sx-button{font-size:11px;padding:7px}.sx-dhw{padding:0 32px 20px;display:flex;align-items:center;gap:20px}.sx-dhw p{font-size:14px;line-height:1.5;color:#587086;max-width:550px}.sx-shell>.technical-note{padding:0 32px 26px;margin:0;font-size:12px;line-height:1.7}.sx-viewport::-webkit-scrollbar{height:7px}.sx-viewport::-webkit-scrollbar-thumb{background:#90b4ca;border-radius:8px}@keyframes sx-flow{to{stroke-dashoffset:-34}}@keyframes sx-spin{to{transform:rotate(360deg)}}@keyframes sx-air{50%{opacity:.25;transform:translateY(5px)}}@media(max-width:760px){.sx-head{padding:24px 20px 12px}.sx-tools{padding:12px 20px}.sx-select{margin:4px 0}.sx-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 20px}.sx-legend{margin:0 20px 20px}.sx-dhw{padding:0 20px 20px;flex-direction:column;align-items:flex-start;gap:6px}.sx-shell>.technical-note{padding:0 20px 24px}.sx-tabs{gap:6px}.sx-tabs .sx-button{padding:10px 12px;font-size:12px}.sx-control{padding:13px}}@media(max-width:400px){.sx-controls{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sx-flow.is-flowing,.sx-coil.is-flowing,.sx-fan,.sx-breeze{animation:none}.sx-button{transition:none}}
.sx-flow.ref{stroke:#876bc2}.sx-pump-description{margin-top:12px!important;font-weight:600;color:#245979!important}