.cfm-workbench{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:22px;display:grid}.cfm-inputs{gap:16px;display:grid}.cfm-guide{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cfm-room,.cfm-flow{background:linear-gradient(135deg,#eff8f3,#dcece5);border:2px solid #315f52;border-radius:14px;height:220px;position:relative;overflow:hidden}.cfm-room i,.cfm-flow i{text-align:center;font-style:normal;position:absolute;top:22px;left:12%;right:12%}.cfm-room b,.cfm-flow b{writing-mode:vertical-rl;position:absolute;top:32%;right:12px}.cfm-room u{text-decoration:none;position:absolute;bottom:20px;left:18%}.cfm-room em,.cfm-flow em{text-align:center;font-style:normal;font-weight:700;position:absolute;inset:46% 12% auto}.cfm-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cfm-fields label{grid-template-columns:1fr auto;gap:6px;font-weight:700;display:grid}.cfm-fields label span{color:#52645e;font-size:.78rem}.cfm-fields input{border:1px solid #9aada6;border-radius:8px;grid-column:1/-1;width:100%;padding:11px}.cfm-result div{border-top:1px solid #d6e2dd;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.cfm-result span{color:#52645e}.cfm-result b{text-align:right}@media (max-width:760px){.cfm-workbench,.cfm-guide,.cfm-fields{grid-template-columns:1fr}.cfm-room,.cfm-flow{height:220px}}
