.pipe-volume-workbench{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.pipe-volume-inputs{padding:24px}.pipe-volume-guide{background:#fbf8f0;border:1px solid #d8d2c5;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:24px;padding:24px;display:grid}.pipe-run,.pipe-bore{background:#f7f4eb;border:2px solid #23563d;height:220px;position:relative}.pipe-run:after{content:"";background:#dce9e3;border:8px solid #66786d;height:64px;position:absolute;top:78px;left:24px;right:24px}.pipe-bore:after{content:"";background:linear-gradient(#f7f4eb 0 25%,#acd7e9 26%);border:9px solid #66786d;border-radius:50%;width:126px;height:126px;position:absolute;top:42px;left:50%;transform:translate(-50%)}.pipe-run i,.pipe-run b,.pipe-run em,.pipe-bore i,.pipe-bore b,.pipe-bore em{z-index:1;color:#1759d1;white-space:nowrap;background:#fff;padding:3px;font:800 10px monospace;position:absolute}.pipe-run i,.pipe-bore i{bottom:8px;left:50%;transform:translate(-50%)}.pipe-run b,.pipe-bore b{writing-mode:vertical-rl;top:52px;right:7px}.pipe-run em,.pipe-bore em{top:8px;left:8px}.pipe-volume-fields{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pipe-volume-fields label{font-size:11px;font-weight:800}.pipe-volume-fields label span{float:right;color:#7c8178;font:8px monospace}.pipe-volume-fields input{background:#f8f5ec;border:1px solid #cbc6b9;width:100%;height:48px;margin-top:7px;padding:0 11px;font-weight:700}.pipe-volume-result{border-radius:0;margin:0}.pipe-volume-result>strong{font-size:46px}.pipe-volume-result>div{border-top:1px solid #fff3;justify-content:space-between;padding:10px 0;font-size:12px;display:flex}@media (max-width:1050px){.pipe-volume-workbench{grid-template-columns:1fr}}@media (max-width:700px){.pipe-volume-inputs{padding:16px}.pipe-volume-guide{grid-template-columns:1fr;padding:14px}.pipe-run,.pipe-bore{height:175px}.pipe-volume-fields{grid-template-columns:1fr}}