.miter-workbench{grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:22px;display:grid}.miter-inputs{gap:16px;display:grid}.miter-guide{grid-template-columns:1fr 1fr;gap:14px;display:grid}.miter-joint,.miter-stock{background:linear-gradient(145deg,#fbf7ef,#eee3d2);border:2px solid #62543e;border-radius:12px;height:220px;position:relative;overflow:hidden}.miter-joint:after{content:"";border-bottom:8px solid #826f50;border-left:8px solid #826f50;width:100px;height:100px;position:absolute;top:62px;left:calc(50% - 54px)}.miter-joint i,.miter-stock i{text-align:center;z-index:1;font-style:normal;position:absolute;top:18px;left:7%;right:7%}.miter-joint b,.miter-stock b{writing-mode:vertical-rl;z-index:1;position:absolute;top:28%;right:10px}.miter-joint em,.miter-stock em{text-align:center;z-index:1;font-style:normal;font-weight:700;position:absolute;inset:46% 8% auto}.miter-stock u{text-align:center;text-decoration:none;position:absolute;bottom:18px;left:8%;right:8%}.miter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.miter-fields label{grid-template-columns:1fr auto;gap:6px;font-weight:700;display:grid}.miter-fields span{color:#665f54;font-size:.76rem}.miter-fields input{border:1px solid #afa592;border-radius:8px;grid-column:1/-1;width:100%;padding:11px}.miter-result div{border-top:1px solid #e4ded2;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.miter-result b{text-align:right}@media (max-width:760px){.miter-workbench,.miter-guide,.miter-fields{grid-template-columns:1fr}.miter-joint,.miter-stock{height:220px}}