._workbench_46954_1{--roof-ink:#173638;--roof-copy:#526c6a;--roof-line:#c3d5d0;--roof-deep:#123f3d;--roof-deepest:#0a2c2d;--roof-teal:#167268;--roof-teal-dark:#0f5b54;--roof-teal-soft:#e7f4f0;--roof-gold:#d89132;--roof-gold-soft:#fff3dc;--roof-result:#075fbd;width:min(100%,72rem);min-width:0;color:var(--roof-ink);background:#f7faf8;border:1px solid #b7ccc7;border-radius:1.35rem;margin-inline:auto;padding:0;overflow:hidden;box-shadow:0 1rem 2.8rem #153b391f;container-type:inline-size}.formula-workbench._workbench_46954_1{padding:0}._workbench_46954_1,._workbench_46954_1 *,._workbench_46954_1 :before,._workbench_46954_1 :after{box-sizing:border-box}._workbench_46954_1 button,._workbench_46954_1 input,._workbench_46954_1 select{font:inherit}._workbench_46954_1 button{cursor:pointer}._workbench_46954_1 code,._workbench_46954_1 input,._workbench_46954_1 output,._workbench_46954_1 dd,._workbench_46954_1 strong{font-variant-numeric:tabular-nums}._hero_46954_55{color:#f8fcfb;background:radial-gradient(circle at 92% 8%, #4797894d, transparent 19rem), linear-gradient(127deg, var(--roof-deepest), var(--roof-deep));grid-template-columns:minmax(0,1.25fr) minmax(14rem,19rem);align-items:center;gap:clamp(1rem,3.5cqi,2.2rem);padding:clamp(1.25rem,3.8cqi,2.15rem);display:grid}._heroCopy_46954_67{min-width:0}._eyebrow_46954_71,._panelHeading_46954_72>div>span,._diagramHeading_46954_73>div>span,._resultHeading_46954_74>div>span,._presets_46954_75>span,._equationLine_46954_76>span{letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:880;line-height:1.35}._eyebrow_46954_71{color:#9edbd2}._hero_46954_55 h2{color:#fff;max-width:23ch;font-family:var(--font-serif,Georgia, "Times New Roman", serif);letter-spacing:-.038em;overflow-wrap:anywhere;text-wrap:balance;margin:.4rem 0 .62rem;font-size:clamp(1.8rem,4.5cqi,2.85rem);font-weight:650;line-height:1.03}._heroCopy_46954_67>p:last-child{color:#f3fbf9d9;max-width:64ch;margin:0;font-size:.92rem;line-height:1.55}._heroFormula_46954_110{min-width:0;color:var(--roof-ink);text-align:center;background:#fffcf4f7;border:1px solid #ffffff70;border-radius:.95rem;justify-items:center;gap:.48rem;padding:1.05rem .9rem;display:grid;box-shadow:0 .8rem 1.8rem #0000002e}._heroFormula_46954_110>span{color:var(--roof-teal-dark);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}._heroFormula_46954_110>strong{background:var(--roof-teal-soft);max-width:100%;color:var(--roof-deepest);overflow-wrap:anywhere;border-radius:.62rem;padding:.58rem .7rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.95rem,2.3cqi,1.2rem)}._heroFormula_46954_110>small{color:var(--roof-copy);font-size:.73rem;font-weight:720;line-height:1.38}._workspace_46954_150{border-bottom:1px solid var(--roof-line);background:radial-gradient(circle at 100% 0,#daefe99e,#0000 31rem),linear-gradient(#f9fbfa,#f7f3ea);grid-template-columns:minmax(19rem,.78fr) minmax(0,1.22fr);align-items:stretch;gap:clamp(.8rem,2.3cqi,1.25rem);min-width:0;padding:clamp(.9rem,2.8cqi,1.45rem);display:grid}._formPanel_46954_163,._resultPanel_46954_164,._emptyResult_46954_165,._diagramCard_46954_166{border:1px solid var(--roof-line);background:#fffffff5;border-radius:1rem;min-width:0;margin:0;box-shadow:0 .65rem 1.55rem #173c390f}._formPanel_46954_163{align-content:start;gap:.78rem;padding:clamp(.85rem,2.3cqi,1.15rem);display:grid}._panelHeading_46954_72,._diagramHeading_46954_73,._resultHeading_46954_74{justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}._panelHeading_46954_72>div,._diagramHeading_46954_73>div,._resultHeading_46954_74>div{min-width:0}._panelHeading_46954_72>div>span,._diagramHeading_46954_73>div>span,._resultHeading_46954_74>div>span{color:var(--roof-teal)}._panelHeading_46954_72 h3,._diagramHeading_46954_73 h3,._resultHeading_46954_74 h3,._emptyResult_46954_165 h3{color:var(--roof-ink);font-family:var(--font-serif,Georgia, "Times New Roman", serif);overflow-wrap:anywhere;margin:.16rem 0 0;line-height:1.14}._panelHeading_46954_72 h3,._diagramHeading_46954_73 h3,._resultHeading_46954_74 h3{font-size:clamp(1.18rem,2.8cqi,1.5rem)}._panelHeading_46954_72>strong,._diagramHeading_46954_73>strong{background:var(--roof-teal-soft);color:var(--roof-teal-dark);letter-spacing:.04em;white-space:nowrap;border:1px solid #c9ddd7;border-radius:999px;flex:none;padding:.38rem .58rem;font-size:.68rem}._errorSummary_46954_234{color:#7a2e28;background:#fff1ef;border:1px solid #d9a7a2;border-radius:.75rem;gap:.18rem;padding:.72rem .82rem;display:grid}._errorSummary_46954_234 strong{font-size:.86rem}._errorSummary_46954_234 span{font-size:.79rem;line-height:1.4}._measureGrid_46954_253{gap:.64rem;min-width:0;display:grid}._measureCard_46954_259{background:#fbfdfc;border:1px solid #cfddd9;border-radius:.82rem;gap:.5rem;min-width:0;margin:0;padding:.72rem;display:grid}._measureCard_46954_259[data-measure=rise]{border-left:4px solid var(--roof-gold)}._measureCard_46954_259[data-measure=run]{border-left:4px solid var(--roof-teal)}._measureCard_46954_259 legend{align-items:center;gap:.48rem;min-width:0;max-width:calc(100% - .3rem);padding:0 .15rem;display:flex}._measureCard_46954_259 legend>span:last-child{gap:.01rem;min-width:0;display:grid}._measureCard_46954_259 legend strong{color:#204541;font-size:.8rem}._measureCard_46954_259 legend small{color:#70817e;font-size:.65rem}._measureIcon_46954_303{background:var(--roof-teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.65rem;height:1.65rem;font-size:.88rem;font-weight:900;display:grid}._measureCard_46954_259[data-measure=rise] ._measureIcon_46954_303{background:#b76e19}._inputPair_46954_320{grid-template-columns:minmax(7rem,1fr) minmax(7.5rem,.78fr);gap:.5rem;min-width:0;display:grid}._inputPair_46954_320 label{color:#42605d;gap:.22rem;min-width:0;font-size:.67rem;font-weight:820;display:grid}._inputPair_46954_320 input,._inputPair_46954_320 select{color:#153936;background:#fff;border:1px solid #aebfbb;border-radius:.62rem;width:100%;min-width:0;min-height:46px;padding:.62rem .68rem;font-size:.86rem;font-weight:740}._inputPair_46954_320 input:focus,._inputPair_46954_320 select:focus{border-color:var(--roof-teal);outline:3px solid #1672682e}._inputPair_46954_320 input[aria-invalid=true]{background:#fff9f8;border-color:#ae463a}._measureHint_46954_361,._fieldError_46954_362{margin:0;font-size:.67rem;line-height:1.38}._measureHint_46954_361{color:#667b77}._fieldError_46954_362{color:#9a332a;font-weight:760}._runWarning_46954_377{background:var(--roof-gold-soft);color:#70501f;border:1px solid #eed19e;border-radius:.72rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.64rem .7rem;display:grid}._runWarning_46954_377>span{background:var(--roof-gold);color:#fff;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:900;display:grid}._runWarning_46954_377 p{margin:0;font-size:.7rem;line-height:1.42}._presets_46954_75{gap:.36rem;display:grid}._presets_46954_75>span{color:#59716d;font-size:.63rem}._presets_46954_75>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem;display:grid}._presets_46954_75 button{min-width:0;min-height:40px;color:var(--roof-teal-dark);background:#f4faf7;border:1px solid #b9d0ca;border-radius:.58rem;padding:.42rem .28rem;font-size:.74rem;font-weight:850}._presets_46954_75 button:hover{border-color:var(--roof-teal);background:var(--roof-teal-soft)}._presets_46954_75 ._comparisonExample_46954_440{color:#78501d;background:#fffaf0;border-style:dashed;width:100%;min-height:42px}._actions_46954_448{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}._actions_46954_448 button{border-radius:.66rem;min-height:48px;padding:.68rem .8rem;font-size:.78rem;font-weight:850}._calculateButton_46954_462{border:1px solid var(--roof-teal-dark);background:linear-gradient(135deg, var(--roof-teal), var(--roof-teal-dark));color:#fff;box-shadow:0 .42rem .95rem #115b542e}._calculateButton_46954_462:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}._calculateButton_46954_462:disabled{cursor:wait;opacity:.68}._resetButton_46954_479{color:#536b67;background:#fff;border:1px solid #bdccc8}._resultPanel_46954_164{background:linear-gradient(145deg,#fffffffc,#edf7f3f5);align-content:start;gap:.78rem;padding:clamp(.85rem,2.3cqi,1.15rem);display:grid}._resultHeading_46954_74{align-items:center}._resultHeading_46954_74 h3:focus-visible{outline-offset:3px;border-radius:.3rem;outline:3px solid #16726833}._resultHeading_46954_74>p{color:#5a716d;text-align:right;max-width:16.5rem;margin:0;font-size:.7rem;line-height:1.4}._resultHeading_46954_74>p strong{color:var(--roof-teal-dark)}._resultRows_46954_517{gap:.5rem;display:grid}._resultRows_46954_517 article{background:#fff;border:1px solid #c7d8d4;border-radius:.78rem;grid-template-columns:2.25rem minmax(8rem,.8fr) minmax(8rem,1fr);align-items:center;gap:.65rem;min-width:0;padding:.68rem .76rem;display:grid}._resultSymbol_46954_534{background:var(--roof-deep);color:#fff;border-radius:.62rem;place-items:center;width:2.15rem;height:2.15rem;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:900;display:grid}._resultRows_46954_517 article>div{gap:.08rem;min-width:0;display:grid}._resultRows_46954_517 article>div>strong{color:#254844;font-size:.76rem}._resultRows_46954_517 article>div>small{color:#71827f;font-size:.63rem;line-height:1.3}._resultRows_46954_517 output{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.38rem;min-width:0;display:flex}._resultRows_46954_517 output b{color:var(--roof-result);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(1.3rem,3.4cqi,1.88rem);line-height:1}._resultRows_46954_517 output span{color:#5c706d;font-size:.65rem;font-weight:750;line-height:1.25}._supportingMetrics_46954_589{grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;margin:0;display:grid}._supportingMetrics_46954_589>div{background:#ffffffc7;border:1px solid #d1dedb;border-radius:.65rem;gap:.1rem;min-width:0;padding:.55rem .62rem;display:grid}._supportingMetrics_46954_589 dt{color:#667a76;letter-spacing:.04em;text-transform:uppercase;font-size:.61rem;font-weight:820}._supportingMetrics_46954_589 dd{color:#214b46;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.9rem;font-weight:860}._emptyResult_46954_165{background:#ffffffb8;border-style:dashed;grid-template-columns:auto minmax(0,1fr);align-self:stretch;align-items:center;gap:.75rem;padding:1rem;display:grid}._emptyResult_46954_165>span{background:var(--roof-teal-soft);width:2.8rem;height:2.8rem;color:var(--roof-teal);border-radius:50%;place-items:center;font-size:1.35rem;font-weight:900;display:grid}._emptyResult_46954_165 p{color:var(--roof-teal);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:850}._emptyResult_46954_165 h3{font-size:1.08rem}._emptyResult_46954_165 small{color:#758480;margin-top:.18rem;font-size:.68rem;line-height:1.4;display:block}._diagramCard_46954_166{background:radial-gradient(circle at 100% 0,#e4f4efbf,#0000 23rem),#fff;gap:.6rem;margin:clamp(.9rem,2.8cqi,1.45rem);padding:clamp(.82rem,2.4cqi,1.12rem);display:grid;overflow:hidden}._diagramViewport_46954_678{scrollbar-color:#8ab4aa #edf4f2;scrollbar-width:thin;background:#f9fcfb;border:1px solid #d2dfdc;border-radius:.92rem;width:100%;min-width:0;overflow:auto hidden}._diagramViewport_46954_678:focus-visible{outline-offset:3px;outline:3px solid #16726838}._diagram_46954_73{width:100%;height:auto;display:block}._diagram_46954_73 marker path{fill:currentColor}._drawingBackground_46954_705{fill:#fbfdfc}._datumLine_46954_709{fill:none;stroke:#9badab;stroke-width:2px}._datumLabel_46954_715{fill:#73827f;letter-spacing:.03em;text-transform:uppercase;font-size:15px;font-weight:750}._ridgeBoard_46954_723,._wallPlate_46954_724,._wallStud_46954_725{fill:#ddc28b;stroke:#826d43;stroke-width:2px}._ridgeHatch_46954_731,._wallHatch_46954_732{fill-opacity:.3;stroke:#826d43;stroke-width:1px}._diagram_46954_73 pattern path{fill:none;stroke:#8d7442;stroke-width:1px}._ridgeCenterLine_46954_744{fill:none;stroke:#245651;stroke-dasharray:7 5;stroke-width:2.2px}._roofShadow_46954_751{fill:#0a2b2b24;transform:translate(7px,9px)}._rafter_46954_756{fill:#b5aa72;stroke:#665e37;stroke-linejoin:round;stroke-width:2.6px}._rafterCenterLine_46954_763{fill:none;stroke:#323a1fa3;stroke-dasharray:9 6;stroke-width:2px}._rafterGrain_46954_770{fill:none;stroke:#54482670;stroke-width:2px}._guideLine_46954_776,._extensionLine_46954_777{fill:none;stroke:#8ca29d;stroke-dasharray:7 5;stroke-width:1.8px}._rightAngle_46954_784{fill:none;stroke:#536c67;stroke-width:2.4px}._dimensionRise_46954_790,._dimensionRun_46954_791,._dimensionRafter_46954_792{fill:none;stroke-linecap:round;stroke-width:3px}._dimensionRise_46954_790{color:#b66d18;stroke:currentColor}._dimensionRun_46954_791{color:var(--roof-teal);stroke:currentColor}._dimensionRafter_46954_792{color:#705293;stroke:currentColor}._dimensionCallout_46954_813 rect,._rafterCallout_46954_814 rect,._angleCallout_46954_815 rect{fill:#fffffff7;stroke:#abc8c1;stroke-width:1.5px}._rafterCallout_46954_814 rect{stroke:#b8a7cc}._angleCallout_46954_815 rect{stroke:#dfbd83}._calloutLabel_46954_829{fill:#435d59;letter-spacing:.06em;font-size:16px;font-weight:900}._calloutValue_46954_836{fill:var(--roof-result);font-size:24px;font-weight:900}._angleArc_46954_842{fill:none;stroke:var(--roof-gold);stroke-width:5px}._leaderLine_46954_848,._componentLeader_46954_849{fill:none;stroke:#526b67;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px}._componentLeader_46954_849{marker-end:none}._componentLabel_46954_861{fill:#405955;font-size:17px;font-weight:820}._pitchInset_46954_867 rect{fill:#f1f8f6f7;stroke:#abc9c2;stroke-width:1.7px}._pitchInset_46954_867 path{fill:none;stroke:#506965;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}._pitchInset_46954_867 ._pitchSlope_46954_881{stroke:var(--roof-gold);stroke-width:4px}._pitchInsetLabel_46954_886{fill:#405a56;letter-spacing:.08em;font-size:15px;font-weight:900}._pitchInsetValue_46954_893{fill:var(--roof-result);font-size:21px;font-weight:900}._pitchTwelve_46954_899,._pitchRise_46954_900{fill:#39524e;font-size:16px;font-weight:850}._decimalRafterNote_46954_906{fill:#5d716e;font-size:16px;font-weight:720}._diagramCard_46954_166 figcaption{color:#516b67;flex-wrap:wrap;gap:.45rem .8rem;font-size:.7rem;font-weight:760;display:flex}._diagramCard_46954_166 figcaption span{align-items:center;gap:.3rem;display:inline-flex}._diagramCard_46954_166 figcaption i{background:var(--roof-teal);border-radius:50%;width:.72rem;height:.72rem;display:inline-block}._diagramCard_46954_166 figcaption i[data-key=rise]{background:var(--roof-gold)}._diagramCard_46954_166 figcaption i[data-key=rafter]{background:#705293}._mobilePanHint_46954_943{display:none!important}._diagramCard_46954_166>p{color:#6c7e7a;margin:0;font-size:.69rem;line-height:1.42}._resultDetails_46954_954{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:start;gap:.7rem;margin:0 clamp(.9rem,2.8cqi,1.45rem) clamp(.9rem,2.8cqi,1.45rem);display:grid}._equationLine_46954_76{background:var(--roof-deep);border-radius:.72rem;gap:.3rem;min-width:0;padding:.72rem .8rem;display:grid}._equationLine_46954_76>span{color:#a6dcd3;font-size:.62rem}._equationLine_46954_76 code{color:#fff;overflow-wrap:anywhere;white-space:normal;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem;font-weight:740;line-height:1.5}._methodDetails_46954_986,._scopeNote_46954_987 details{background:#fff;border:1px solid #d0deda;border-radius:.72rem}._methodDetails_46954_986 summary,._scopeNote_46954_987 summary{cursor:pointer;color:#31544f;padding:.68rem .76rem;font-size:.72rem;font-weight:820}._methodDetails_46954_986 ol{color:#5a716d;gap:.34rem;margin:0;padding:0 1.1rem .8rem 2rem;font-size:.69rem;line-height:1.45;display:grid}._scopeNote_46954_987{border-top:1px solid var(--roof-line);background:#edf5f2;grid-template-columns:minmax(0,1fr) minmax(14rem,.72fr);align-items:start;gap:.85rem;padding:1rem clamp(1rem,3cqi,1.55rem);display:grid}._scopeNote_46954_987>div{gap:.18rem;display:grid}._scopeNote_46954_987>div>strong{color:#2c504c;font-size:.72rem}._scopeNote_46954_987 p{color:#617571;margin:0;font-size:.68rem;line-height:1.45}._scopeNote_46954_987 details p{padding:0 .75rem .65rem}@container (width<=52rem){._workspace_46954_150{grid-template-columns:minmax(0,1fr)}._measureGrid_46954_253{grid-template-columns:repeat(2,minmax(0,1fr))}._resultDetails_46954_954{grid-template-columns:minmax(0,1fr)}}@container (width<=40rem){._hero_46954_55{grid-template-columns:minmax(0,1fr)}._heroFormula_46954_110{text-align:left;justify-items:start}._measureGrid_46954_253{grid-template-columns:minmax(0,1fr)}._resultHeading_46954_74,._diagramHeading_46954_73{align-items:flex-start}._resultHeading_46954_74>p{max-width:13rem}._diagram_46954_73{width:800px;max-width:none}._mobilePanHint_46954_943{color:#7b5a24;display:inline-flex!important}._scopeNote_46954_987{grid-template-columns:minmax(0,1fr)}}@container (width<=31rem){._inputPair_46954_320{grid-template-columns:minmax(0,1fr)}._presets_46954_75>div{grid-template-columns:repeat(2,minmax(0,1fr))}._actions_46954_448{grid-template-columns:minmax(0,1fr)}._resultHeading_46954_74,._diagramHeading_46954_73{display:grid}._resultHeading_46954_74>p{text-align:left;max-width:none}._diagramHeading_46954_73>strong{justify-self:start}._resultRows_46954_517 article{grid-template-columns:2.25rem minmax(0,1fr)}._resultRows_46954_517 output{text-align:left;grid-column:1/-1;justify-content:flex-start;padding-left:2.9rem}._supportingMetrics_46954_589{grid-template-columns:minmax(0,1fr)}._diagramCard_46954_166 figcaption{display:grid}}@media (prefers-reduced-motion:reduce){._workbench_46954_1 *,._workbench_46954_1 :before,._workbench_46954_1 :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}