.config-page{background:#eee5d8}.return-link{margin-left:auto;margin-right:45px;font-size:14px;color:#e2d2be}.return-link:hover{color:#d3a370}.config-main{padding-top:36px}.config-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.config-heading .section-kicker{font-size:12px;margin:0 0 10px}.config-heading h1{font:600 clamp(2.7rem,4.8vw,4.7rem)/.96 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:0}.config-heading>p{max-width:290px;margin:0 0 4px;color:#6b594a;font-size:16px}.studio{display:grid;grid-template-columns:335px minmax(0,1fr);border:1px solid #baaa95;background:#f7f1e7}.config-controls{padding:24px;border-right:1px solid #baaa95;background:#e4d6c2}.control-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.step{color:#9a5d32;font:600 16px "Barlow Condensed",sans-serif}.control-heading h2{font-size:16px;font-weight:700;margin:0}.unit{margin-left:auto;font-size:12px;color:#705e4c}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:22px}.presets button{background:transparent;border:1px solid #b09d82;font-size:14px;padding:9px 7px;cursor:pointer}.presets button:first-child{grid-column:1/-1}.presets button.active{background:#473021;color:#fff;border-color:#473021}.presets button:hover{border-color:#473021}.config-page label{display:block;font-size:14px;font-weight:600;line-height:1.4}.config-page label>span{display:block;margin-bottom:8px}.config-page input,.config-page select,.config-page textarea{font:400 16px "DM Sans",Arial,sans-serif;color:#302318;border:1px solid #bbaa93;background:#fbf7ee;width:100%;min-width:0;border-radius:0;padding:12px 11px;min-height:46px}.config-page input:focus,.config-page select:focus,.config-page textarea:focus{outline:2px solid #986033;outline-offset:2px}.config-page input[aria-invalid=true]{border-color:#9b3325}.config-page textarea{resize:vertical}.input-unit{position:relative}.input-unit input{padding-right:45px;appearance:textfield;-moz-appearance:textfield}.input-unit input::-webkit-inner-spin-button,.input-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-unit>span{position:absolute;right:12px;top:13px;font-size:13px;font-weight:400;color:#76634f;pointer-events:none}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quantity-field{margin-top:15px}.construction{border-top:1px solid #b8a58c;border-bottom:1px solid #b8a58c;margin-top:24px}.construction summary{list-style:none;display:flex;gap:12px;align-items:center;padding:18px 0;font-size:16px;font-weight:700;cursor:pointer}.construction summary::-webkit-details-marker{display:none}.expand{margin-left:auto;font-weight:400;font-size:24px}.construction[open] .expand{transform:rotate(45deg)}.construction-fields{display:grid;gap:15px;padding:0 0 22px}.control-note{font-size:13px;line-height:1.65;color:#715b46;margin:18px 0}.reset-button,.download-button{border:0;border-bottom:1px solid #986033;background:none;color:#734b2b;padding:5px 0;font-size:14px;cursor:pointer;font-weight:600}.reset-button:hover,.download-button:hover{color:#322116}.design-surface{min-width:0}.drawing-header{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid #d9cdba;gap:16px}.drawing-header>div:first-child{display:flex;flex-direction:column;gap:3px}.drawing-id{font:500 12px "DM Sans",sans-serif;letter-spacing:.13em;color:#89765e}.drawing-header strong{font:600 23px "Barlow Condensed",sans-serif;text-transform:uppercase}.view-switch{display:flex;border:1px solid #baa88d}.view-switch button{background:transparent;border:0;padding:9px 12px;font-size:14px;cursor:pointer;color:#745d46}.view-switch button.active{background:#ddcbb0;color:#35271b}.drawing-stage{height:clamp(330px,31vw,465px);min-height:330px;position:relative;overflow:hidden;background-color:#f3ebdc;background-image:linear-gradient(#bbaa9324 1px,transparent 1px),linear-gradient(90deg,#bbaa9324 1px,transparent 1px);background-size:28px 28px}.drawing-stage svg{display:block;width:100%;height:100%}.drawing-note{position:absolute;bottom:16px;left:26px;font-size:11px;letter-spacing:.15em;color:#8e7b64;pointer-events:none}.design-error{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:40px;margin:0;background:#f4eddf;font-size:16px;color:#873929;text-align:center;line-height:1.6}.drawing-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-block:1px solid #d9cdba;padding:17px 26px;gap:16px}.drawing-metrics div{display:flex;flex-direction:column;gap:5px}.drawing-metrics span{font-size:12px;color:#78644e;line-height:1.4}.drawing-metrics strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.estimate{padding:25px 26px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:#34251b;color:#f6e9d5}.price-unit h2{font-size:14px;font-weight:500;color:#d2bda3;margin:0 0 6px}.price-unit p{font:600 clamp(2.6rem,4vw,4rem)/1 "Barlow Condensed",sans-serif;margin:0 0 6px;font-variant-numeric:tabular-nums}.price-unit>span,.price-total>span{font-size:12px;color:#c6b49b}.price-total{border-left:1px solid #6b5440;padding-left:24px;display:flex;flex-direction:column;gap:7px}.price-total strong{font:500 29px "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums}.estimate .button{grid-column:1/-1;background:#c99b65;color:#2c1d12;width:100%;font-size:14px;border:0}.estimate .button:hover{background:#deb684}.estimate .button[aria-disabled=true]{pointer-events:none;opacity:.55}.pricing-method{padding:19px 26px;border-top:1px solid #d9cdba;background:#f7f1e7}.pricing-method summary{font-size:14px;color:#6a5039;cursor:pointer}.pricing-method p{font-size:13px;color:#75614e;line-height:1.7;margin:16px 0 0;max-width:770px}.request-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 0}.request-intro h2{font:600 clamp(2.5rem,4vw,4.3rem)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:20px 0}.request-intro>p:not(.section-kicker){color:#6b5948;max-width:410px}.request-intro .request-address{font-size:22px;margin:24px 0}.config-request{display:grid;gap:18px;align-content:start}.config-request .control-note{margin:0}.config-request .button{border:0;cursor:pointer;font-size:14px}.request-preview{border-top:1px solid #c1ac90;padding-top:22px}.request-preview>p{font-size:14px}.request-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;align-items:center}.request-actions .button{letter-spacing:.03em;min-height:46px;text-transform:none}.request-preview #feedback{font-size:13px;color:#735e48;line-height:1.6}.config-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #c6b49c;padding-block:24px;font-size:13px;color:#75614e}.config-footer a:hover{text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}.pallet-dimension{font:500 17px "DM Sans",sans-serif;fill:#6c5139}.pallet-measure{stroke:#876646;stroke-width:1.3;fill:none}.pallet-shadow{fill:#624d31;opacity:.10}
.header-estimate{margin-left:auto;margin-right:15px;text-align:right;display:flex;flex-direction:column;gap:1px}.header-estimate>span{font-size:12px;color:#78644e}.header-estimate strong{font:600 30px/1.2 "Barlow Condensed",sans-serif}.header-estimate small{font-size:11px;color:#78644e}
@media(min-width:1500px){.studio{grid-template-columns:370px minmax(0,1fr)}.config-controls{padding:28px}.estimate{grid-template-columns:1fr 1fr 220px}.estimate .button{grid-column:auto}}
@media(max-width:1100px){.drawing-header{flex-wrap:wrap}.header-estimate{order:3;flex-basis:100%;margin:0;display:grid;grid-template-columns:1fr auto;text-align:left;gap:3px 16px;border-top:1px solid #d9cdba;padding-top:10px}.header-estimate strong{grid-column:2;grid-row:1/3}.view-switch{margin-left:auto}}
@media(max-width:1100px){.studio{grid-template-columns:300px minmax(0,1fr)}.config-controls{padding:20px}.drawing-header{padding:18px}.view-switch button{font-size:13px;padding:8px}.drawing-metrics{padding:16px 18px;grid-template-columns:1fr 1fr}.drawing-metrics div:last-child{grid-column:1/-1}.estimate{padding:22px 18px}.drawing-note{left:18px}.config-heading>p{max-width:240px}}
@media(max-width:760px){.return-link{margin-right:24px}.config-main{padding-top:28px}.config-heading{display:block;margin-bottom:24px}.config-heading>p{margin:16px 0 0;max-width:100%}.studio{display:flex;flex-direction:column}.design-surface{display:contents}.drawing-header{order:0}.drawing-stage{order:1;height:310px;min-height:260px}.drawing-metrics{order:2;grid-template-columns:1fr 1fr}.config-controls{order:3;border-right:0;border-bottom:1px solid #baaa95;padding:22px}.estimate{order:4}.pricing-method{order:5}.construction{margin-top:22px}.presets{grid-template-columns:1fr 1fr 1fr}.presets button:first-child{grid-column:auto}.presets button{font-size:13px;padding:11px 5px}.drawing-note{font-size:10px}.request-section{grid-template-columns:1fr;gap:35px;padding:55px 0}.request-intro .section-kicker{margin-top:0}.request-intro h2{margin-top:14px}.request-intro .request-address{margin:18px 0}.config-heading h1{font-size:3.1rem}}
@media(max-width:430px){.return-link{margin-right:15px;font-size:13px}.language-switch button{font-size:12px;padding:8px 4px}.config-page .brand{gap:8px}.config-page .brand-name{font-size:25px}.config-page .brand-symbol{width:27px;height:27px;font-size:23px}.drawing-header strong{font-size:21px}.view-switch button{font-size:12px;padding:8px 7px}.drawing-header{gap:8px;padding:16px 14px}.drawing-metrics{padding:15px}.drawing-metrics strong{font-size:14px}.drawing-metrics span{font-size:12px}.config-controls{padding:20px 15px}.field-pair{gap:12px}.estimate{padding:22px 15px;gap:15px}.price-total{padding-left:15px}.price-total strong{font-size:25px}.pricing-method{padding:18px 15px}.drawing-stage{height:265px}.config-heading h1{font-size:2.8rem}}
@media(max-width:760px){.config-controls{display:contents}.basic-controls,.advanced-controls{padding:20px;background:#e4d6c2}.basic-controls{order:1;border-bottom:1px solid #baaa95}.drawing-stage{order:2}.drawing-metrics{order:3}.advanced-controls{order:4;border-bottom:1px solid #baaa95}.estimate{order:5}.pricing-method{order:6}.advanced-controls .construction{margin-top:0}.basic-controls .control-heading{margin-bottom:14px}.basic-controls .presets{margin-bottom:16px}}
@media(max-width:430px){.basic-controls,.advanced-controls{padding:18px 15px}}