.heatloss-workbench{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:22px;display:grid}.heatloss-inputs{gap:16px;display:grid}.heatloss-guide{grid-template-columns:1fr 1fr;gap:14px;display:grid}.heatloss-room,.heatloss-openings{background:linear-gradient(145deg,#f2f7fa,#dfeaf0);border:2px solid #4c6272;border-radius:14px;height:220px;position:relative;overflow:hidden}.heatloss-room i,.heatloss-openings i{text-align:center;font-style:normal;position:absolute;top:22px;left:9%;right:9%}.heatloss-room b,.heatloss-openings b{writing-mode:vertical-rl;position:absolute;top:30%;right:12px}.heatloss-room u{text-decoration:none;position:absolute;bottom:20px;left:14%}.heatloss-room em,.heatloss-openings em{text-align:center;font-style:normal;font-weight:700;position:absolute;inset:46% 10% auto}.heatloss-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.heatloss-fields label{grid-template-columns:1fr auto;gap:6px;font-weight:700;display:grid}.heatloss-fields span{color:#52606a;font-size:.76rem}.heatloss-fields input{border:1px solid #9cabb4;border-radius:8px;grid-column:1/-1;width:100%;padding:11px}.heatloss-result div{border-top:1px solid #d8e1e6;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.heatloss-result b{text-align:right}@media (max-width:760px){.heatloss-workbench,.heatloss-guide,.heatloss-fields{grid-template-columns:1fr}.heatloss-room,.heatloss-openings{height:220px}}