.framing-intro{padding-bottom:10px}.framing-workbench{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)}.framing-inputs{padding:24px}.framing-guide{background:#fbf8f0;border:1px solid #d8d3c6;margin-bottom:22px;padding:18px}.wall-frame{background:repeating-linear-gradient(90deg,#0000 0 52px,#23563d 53px 60px,#0000 61px 78px);border-top:10px solid #23563d;border-bottom:10px solid #23563d;height:190px;position:relative}.wall-frame:after{content:"";background:#fbf8f0;border:7px solid #e7682e;border-bottom:0;width:24%;height:65%;position:absolute;bottom:0;left:42%}.wall-frame b,.wall-frame em,.wall-frame i,.wall-frame span{z-index:1;color:#174d38;font:800 10px monospace;position:absolute}.wall-frame b{bottom:-30px;left:35%}.wall-frame em{writing-mode:vertical-rl;top:42%;left:-9px}.wall-frame i{top:14px;left:8%}.wall-frame span{color:#e7682e;bottom:12px;left:45%}.framing-fields{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.framing-fields label{font-size:11px;font-weight:800}.framing-fields span{float:right;color:#7c8178;text-transform:uppercase;font:8px monospace}.framing-fields input,.framing-fields select{background:#f8f5ec;border:1px solid #cbc6b9;width:100%;height:48px;margin-top:7px;padding:0 11px;font-weight:700}.framing-live{color:#657067;text-transform:uppercase;margin:22px 0 0;font:10px monospace}.framing-result{border-radius:0;margin:0}.framing-result>strong{font-size:44px}.framing-result>div{padding:14px 0}@media (max-width:1050px){.framing-workbench{grid-template-columns:1fr}}@media (max-width:650px){.framing-fields{grid-template-columns:1fr}.framing-inputs{padding:16px}.framing-intro h1{font-size:36px}}