.hydraulic-canvas{height:570px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.hydraulic-canvas svg{width:calc(100% * var(--diagram-zoom,1))!important;height:calc(570px * var(--diagram-zoom,1))!important;max-width:none!important;display:block}.diagram-actions{display:flex;gap:10px;align-items:center}.diagram-actions>button{border:1px solid #ccd9c1;border-radius:8px;padding:9px 12px;background:#fff;font:inherit;font-size:11px}.diagram-zoom{display:flex;align-items:center;border:1px solid #d4dfca;background:white;border-radius:7px;overflow:hidden}.diagram-zoom button{width:30px;height:32px;border:0;background:#fff;font-size:17px}.diagram-zoom button:disabled{opacity:.25;cursor:default}.diagram-zoom span{width:43px;text-align:center;font-size:10px;color:#69815a;font-variant-numeric:tabular-nums}@media(max-width:760px){.hydraulic-canvas{height:440px}.hydraulic-canvas svg{height:calc(440px * var(--diagram-zoom,1))!important}.system-controls{flex-wrap:wrap}.diagram-actions{margin-left:auto;gap:7px}.diagram-actions>button{font-size:10px;padding:8px}.diagram-zoom span{width:35px;font-size:9px}.diagram-zoom button{width:26px;height:29px}}