.ht-section{padding-block:40px 64px}.ht-section header{max-width:800px;margin-block-end:30px}.ht-section h1{font-size:clamp(30px,4vw,48px);margin-block:0 14px}.ht-section header p{line-height:1.7}.ht-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.ht-stage{background:#eef5f3;border-radius:18px;padding:20px}.ht-stage svg{display:block;width:100%;height:auto}.ht-stage text{fill:#454445;font:16px sans-serif}.ht-photo{width:100%;height:auto;border-radius:14px;margin-top:18px}.ht-help{font-size:13px;line-height:1.6;color:#596760}.ht-controls fieldset{min-width:0;border:0;border-bottom:1px solid #dce5e1;margin:0 0 24px;padding:0 0 24px}.ht-controls legend{font-size:20px;font-weight:700;padding:0 0 16px}.ht-woods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ht-wood{position:relative;display:flex;flex-direction:column;border:2px solid #dce5e1;border-radius:10px;padding:7px;gap:7px;cursor:pointer;font-size:13px}.ht-wood img{width:100%;height:58px;object-fit:cover;border-radius:5px}.ht-wood input{position:absolute;top:12px;left:12px}.ht-wood:has(input:checked){border-color:#278b88;background:#edf7f5}.ht-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ht-dimensions label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.ht-dimensions input,.ht-dimensions select{box-sizing:border-box;min-width:0;width:100%;min-height:48px;border:1px solid #9eaaa5;border-radius:7px;background:white;padding:10px;font:inherit;font-size:16px;color:#454445}.ht-dimensions [aria-invalid=true]{border-color:#c44747}.ht-two{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-toggle{display:flex;align-items:center;gap:10px;margin-top:20px}.ht-finishes{display:flex;gap:10px;flex-wrap:wrap}.ht-finishes label{display:flex;align-items:center;gap:8px;flex:1;padding:14px;border:1px solid #b5c6bf;border-radius:7px;white-space:nowrap}.ht-finishes label:has(:checked){border-color:#278b88;background:#edf7f5}.ht-total{background:#eef5f3;border-radius:14px;padding:24px}.ht-total strong{display:block;color:#206e6c;font-size:32px}.ht-total span,.ht-total p{font-size:14px}.ht-total button{display:block;width:100%;padding:15px;margin-top:18px;border:1px solid #b5c6bf;border-radius:7px;font:inherit;color:#596760;background:#dfe8e3}.ht-section input{accent-color:#278b88}.ht-section :focus-visible{outline:3px solid #278b88;outline-offset:3px}.ht-section [hidden]{display:none!important}@media(max-width:800px){.ht-layout{grid-template-columns:1fr;gap:28px}.ht-visual{display:grid;grid-template-columns:1fr}.ht-photo{max-height:300px;object-fit:cover}.ht-woods{grid-template-columns:repeat(4,minmax(0,1fr))}.ht-section{padding-block:24px 40px}.ht-dimensions{gap:8px}.ht-dimensions label{font-size:12px}}@media(max-width:380px){.ht-woods{grid-template-columns:repeat(2,minmax(0,1fr))}}