._root_1t1ma_1{--deck-navy:#211a4b;--deck-blue:#0c70df;--deck-blue-dark:#075cb9;--deck-blue-soft:#eef6ff;--deck-gold:#d8bd58;--deck-gold-dark:#756522;--deck-line:#d3d5da;--deck-copy:#474b57;border:1px solid var(--deck-line);min-width:0;color:var(--deck-navy);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #1b1f370f;container-type:inline-size}._step_1t1ma_20{border-bottom:1px solid var(--deck-line);background:#fff;grid-template-columns:minmax(9rem,.72fr) minmax(18rem,1.3fr) minmax(9rem,.72fr);align-items:center;gap:clamp(1rem,3.2cqi,2rem);min-width:0;min-height:228px;padding:clamp(1.65rem,4.5cqi,2.45rem) clamp(1.25rem,4cqi,2.25rem);display:grid}._areaStep_1t1ma_32{align-items:start;min-height:350px}._stepTitle_1t1ma_37{align-self:start;align-items:baseline;gap:.32rem;min-width:0;display:flex}._stepTitle_1t1ma_37 span,._stepTitle_1t1ma_37 h2{color:var(--deck-navy);letter-spacing:-.025em;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.1rem,2.8cqi,1.42rem);font-weight:850;line-height:1.16}._stepTitle_1t1ma_37 span{flex:none}._controls_1t1ma_60{align-self:center;min-width:0}._areaControls_1t1ma_65{align-self:start;gap:1.25rem;display:grid}._measureGroup_1t1ma_71{gap:.72rem;min-width:0;display:grid}._measureGroup_1t1ma_71 h3{color:var(--deck-blue-dark);letter-spacing:-.02em;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1rem,2.6cqi,1.28rem);font-weight:720;line-height:1.15}._singleMeasurementRow_1t1ma_87,._dimensionRow_1t1ma_88{grid-template-columns:minmax(4.8rem,.55fr) minmax(0,1.45fr);align-items:center;gap:.7rem;min-width:0;display:grid}._dimensionRow_1t1ma_88{grid-template-columns:minmax(4.8rem,.55fr) minmax(6.5rem,1fr) minmax(6.5rem,1fr)}._singleMeasurementRow_1t1ma_87>label,._rowLabel_1t1ma_101,._selectLabel_1t1ma_102{color:var(--deck-navy);font-size:.82rem;font-weight:820;line-height:1.3}._unitInput_1t1ma_109{min-width:0;color:var(--deck-navy);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}._unitInput_1t1ma_109 input{width:100%;min-width:0;min-height:48px;color:var(--deck-navy);font:inherit;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #c9cbd0;border-radius:8px;padding:.65rem .7rem;font-size:.88rem;font-weight:700}._unitInput_1t1ma_109 input:hover{border-color:#9fa5af}._unitInput_1t1ma_109 input:focus{border-color:var(--deck-blue);outline-offset:1px;outline:3px solid #0c70df2b}._unitInput_1t1ma_109 input[aria-invalid=true]{background:#fff9f8;border-color:#b34040}._unitInput_1t1ma_109>span[aria-hidden=true]{min-width:2.25rem;color:var(--deck-navy);place-items:center;font-size:.78rem;font-weight:820;display:grid}._modeNote_1t1ma_156,._fieldError_1t1ma_157{color:#6c707b;margin:-.45rem 0 0;font-size:.7rem;line-height:1.4}._fieldError_1t1ma_157{color:#a23333;font-weight:720}._choiceGroup_1t1ma_169{grid-template-columns:minmax(4.2rem,.48fr) minmax(0,1.52fr);align-items:start;gap:.8rem;min-width:0;display:grid}._selectLabel_1t1ma_102{padding-top:.82rem}._choiceStack_1t1ma_181{gap:.75rem;width:100%;min-width:0;max-width:334px;display:grid}._choice_1t1ma_169{cursor:pointer;min-width:0;display:block;position:relative}._choice_1t1ma_169 input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}._choice_1t1ma_169 span{border:2px solid var(--deck-blue);width:100%;min-height:50px;color:var(--deck-blue);text-align:center;background:#fff;border-radius:8px;place-items:center;padding:.65rem .9rem;font-size:clamp(.84rem,2.2cqi,.98rem);font-weight:850;line-height:1.2;transition:background-color .13s,border-color .13s,color .13s,box-shadow .13s;display:grid}._choice_1t1ma_169:hover span{background:var(--deck-blue-soft)}._choice_1t1ma_169 input:checked+span{border-color:var(--deck-blue);background:var(--deck-blue);color:#fff}._choice_1t1ma_169 input:focus-visible+span{outline-offset:3px;outline:3px solid #0c70df3d}._visual_1t1ma_239{place-self:center end;place-items:center;width:100%;min-width:0;max-width:240px;display:grid}._diagram_1t1ma_249{width:100%;height:auto;display:block;overflow:visible}._deckFill_1t1ma_256,._boardSamples_1t1ma_257 rect,._joistFaces_1t1ma_258 path{fill:var(--deck-gold)}._deckOutline_1t1ma_262,._joistEdges_1t1ma_263 path{fill:none;stroke:var(--deck-gold-dark);stroke-linejoin:round;stroke-width:1.6px}._deckLines_1t1ma_270 line{stroke:#7d6b22;stroke-width:1px}._boardSamples_1t1ma_257 rect{stroke:var(--deck-gold-dark);stroke-width:1.25px}._boardEdge_1t1ma_280{fill:#8c792d;stroke:#6c5c21;stroke-linejoin:round;stroke-width:1px}._measureLine_1t1ma_287{fill:none;stroke:#176db2;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px}._guideLine_1t1ma_295{fill:none;stroke:#a7aab1;stroke-dasharray:2 3;stroke-width:.8px}._spacingGuide_1t1ma_302{fill:none;stroke:#858991;stroke-dasharray:3 4;stroke-linecap:round;stroke-width:1.2px}._diagramLabel_1t1ma_310,._diagramHeading_1t1ma_311,._angleLabel_1t1ma_312,._boardSampleLabels_1t1ma_313 text{fill:#666a72;letter-spacing:.02em;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8px;font-weight:760}._diagramHeading_1t1ma_311{font-size:9px;font-weight:850}._boardSampleLabels_1t1ma_313 text{font-size:7px}._angleLabel_1t1ma_312{font-size:10px}._joistEdges_1t1ma_263 path{fill:none;stroke-width:1.35px}._perimeterOutline_1t1ma_339{fill:none;stroke:#3a94c8;stroke-linejoin:round;stroke-width:4px}._perimeterRow_1t1ma_346{width:min(100%,330px)}._errorSummary_1t1ma_350{color:#832d2d;background:#fff2ef;border:1px solid #d5978e;border-radius:9px;gap:.35rem;margin:1.25rem clamp(1.25rem,4cqi,2.25rem) 0;padding:.85rem 1rem;font-size:.82rem;line-height:1.45;display:grid}._errorSummary_1t1ma_350:focus{outline-offset:2px;outline:3px solid #b340402e}._errorSummary_1t1ma_350 ul{margin:0;padding-left:1.15rem}._actions_1t1ma_373{background:#fff;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1.5rem clamp(1.25rem,4cqi,2.25rem);display:flex}._calculateButton_1t1ma_382,._resetButton_1t1ma_383,._resultActions_1t1ma_384 button{cursor:pointer;min-height:50px;font:inherit;border-radius:8px;font-size:.92rem;font-weight:850}._calculateButton_1t1ma_382{border:2px solid var(--deck-blue);background:var(--deck-blue);color:#fff;min-width:min(100%,280px);padding:.7rem 1.5rem}._calculateButton_1t1ma_382:hover{border-color:var(--deck-blue-dark);background:var(--deck-blue-dark)}._resetButton_1t1ma_383{min-width:96px;color:var(--deck-navy);background:#fff;border:2px solid #aeb3bc;padding:.7rem 1.2rem}._resetButton_1t1ma_383:hover,._resultActions_1t1ma_384 button:hover{border-color:var(--deck-blue);background:var(--deck-blue-soft);color:var(--deck-blue-dark)}._calculateButton_1t1ma_382:focus-visible{outline-offset:3px;outline:3px solid #0c70df38}._resetButton_1t1ma_383:focus-visible{outline-offset:3px;outline:3px solid #0c70df38}._resultActions_1t1ma_384 button:focus-visible{outline-offset:3px;outline:3px solid #0c70df38}._results_1t1ma_428{border-top:1px solid var(--deck-line);background:linear-gradient(#f5f9ff,#fff);gap:1.15rem;min-width:0;padding:clamp(1.25rem,4.5cqi,2.25rem);display:grid}._resultsHeader_1t1ma_437{gap:.25rem;display:grid}._resultsHeader_1t1ma_437>span{color:var(--deck-blue);letter-spacing:.075em;text-transform:uppercase;font-size:.72rem;font-weight:850}._resultsHeader_1t1ma_437 h2,._resultsHeader_1t1ma_437 p,._assumptions_1t1ma_452 h3{margin:0}._resultsHeader_1t1ma_437 h2{color:var(--deck-navy);letter-spacing:-.03em;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.35rem,3.7cqi,1.85rem);font-weight:850}._resultsHeader_1t1ma_437 h2:focus{outline-offset:4px;border-radius:4px;outline:3px solid #0c70df59}._resultsHeader_1t1ma_437 p{color:var(--deck-copy);font-size:.82rem;line-height:1.5}._resultSummary_1t1ma_476{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:0;display:grid}._resultSummary_1t1ma_476>div{background:#ffffffe6;border:1px solid #cbd9e8;border-radius:9px;gap:.18rem;min-width:0;padding:.85rem;display:grid}._resultSummary_1t1ma_476 dt{color:#596476;font-size:.67rem;font-weight:760;line-height:1.3}._resultSummary_1t1ma_476 dd{color:var(--deck-navy);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.12rem,3.2cqi,1.48rem);font-weight:850;line-height:1.1}._resultSummary_1t1ma_476 small{font-size:.62em;font-weight:720}._tableWrap_1t1ma_514{background:#fff;border:1px solid #cbd5e0;border-radius:10px;min-width:0;overflow-x:auto}._tableWrap_1t1ma_514 table{border-collapse:collapse;width:100%;min-width:550px;color:var(--deck-navy);font-variant-numeric:tabular-nums;font-size:.78rem}._tableWrap_1t1ma_514 caption{color:var(--deck-navy);text-align:left;padding:.85rem .9rem;font-size:.88rem;font-weight:850}._tableWrap_1t1ma_514 th,._tableWrap_1t1ma_514 td{text-align:right;border-top:1px solid #dde3ea;padding:.72rem .85rem}._tableWrap_1t1ma_514 th:first-child,._tableWrap_1t1ma_514 td:first-child{text-align:left}._tableWrap_1t1ma_514 thead th{color:#44546a;letter-spacing:.02em;text-transform:uppercase;background:#edf4fb;font-size:.68rem}._tableWrap_1t1ma_514 tbody tr:nth-child(2n){background:#fafcff}._tableWrap_1t1ma_514 tbody td:last-child strong{color:var(--deck-blue-dark);font-size:.9rem}._rowBreakdown_1t1ma_568{color:#687487;white-space:nowrap;margin-top:.15rem;font-size:.62rem;line-height:1.25;display:block}._fastenerGrid_1t1ma_577{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}._fastenerGrid_1t1ma_577 article{background:#fffaf0;border:1px solid #d1c491;border-radius:10px;gap:.28rem;min-width:0;padding:1rem;display:grid}._fastenerGrid_1t1ma_577 span{color:#645820;font-size:.72rem;font-weight:850}._fastenerGrid_1t1ma_577 strong{color:var(--deck-navy);font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,3.6cqi,1.75rem);line-height:1}._fastenerGrid_1t1ma_577 small{color:#6c6753;font-size:.68rem;line-height:1.42}._assumptions_1t1ma_452{border-left:4px solid var(--deck-blue);background:#f2f7fc;gap:.45rem;padding:1rem;display:grid}._assumptions_1t1ma_452 h3{color:var(--deck-navy);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:850}._assumptions_1t1ma_452 ul{color:var(--deck-copy);gap:.32rem;margin:0;padding-left:1.1rem;font-size:.72rem;line-height:1.48;display:grid}._resultActions_1t1ma_384{justify-content:flex-end;display:flex}._resultActions_1t1ma_384 button{border:1px solid var(--deck-blue);min-height:44px;color:var(--deck-blue-dark);background:#fff;padding:.55rem 1rem}._srOnly_1t1ma_650{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width<=700px){._root_1t1ma_1{border-radius:12px}._step_1t1ma_20,._areaStep_1t1ma_32{grid-template-columns:minmax(0,1fr);gap:1.15rem;min-height:0;padding:1.35rem 1.05rem}._stepTitle_1t1ma_37{align-self:auto}._stepTitle_1t1ma_37 span,._stepTitle_1t1ma_37 h2{font-size:1.22rem}._controls_1t1ma_60,._areaControls_1t1ma_65{width:100%}._choiceStack_1t1ma_181,._perimeterRow_1t1ma_346{max-width:none}._visual_1t1ma_239{justify-self:center;width:min(100%,245px)}._areaStep_1t1ma_32 ._visual_1t1ma_239{width:min(100%,220px)}._resultSummary_1t1ma_476,._fastenerGrid_1t1ma_577{grid-template-columns:minmax(0,1fr)}}@container (width<=410px){._singleMeasurementRow_1t1ma_87,._dimensionRow_1t1ma_88,._choiceGroup_1t1ma_169{grid-template-columns:repeat(2,minmax(0,1fr))}._singleMeasurementRow_1t1ma_87>label,._dimensionRow_1t1ma_88>._rowLabel_1t1ma_101,._selectLabel_1t1ma_102{grid-column:1/-1;padding-top:0}._singleMeasurementRow_1t1ma_87 ._unitInput_1t1ma_109,._choiceStack_1t1ma_181{grid-column:1/-1}._actions_1t1ma_373{grid-template-columns:minmax(0,1fr);display:grid}._calculateButton_1t1ma_382,._resetButton_1t1ma_383{width:100%}}@media print{._root_1t1ma_1{box-shadow:none;border:0}._step_1t1ma_20,._actions_1t1ma_373,._errorSummary_1t1ma_350,._resultActions_1t1ma_384{display:none}._results_1t1ma_428{background:#fff;border:0;padding:0}}