@charset "UTF-8";
:root{--page-background:#f3f5f1;--card-background:#ffffff;--primary:#153b35;--accent:#e5f28a;--text:#243b35;--muted-text:#738078;--heading-text:#153b35;--label-text:#243b35;--result-text:#153b35;--button-text:#ffffff;--recommendation-background:#153b35;--recommendation-text:#ffffff;--border:#dfe6dd;--preview-background:#edf2e9;--preview-label-text:#69815d;--sign-background:#153b35;--sign-accent:#e5f28a;--canvas:var(--page-background);--paper:var(--card-background);--green:var(--primary);--lime:var(--accent);--muted:var(--muted-text);--line:var(--border);--red:#9d3d30;--radius:13px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green)}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #88a99a;outline-offset:4px}input:focus,select:focus{outline:2px solid #6b9685;outline-offset:2px;border-color:var(--green)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-wrap{max-width:1160px;padding:30px 28px 50px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}h1{font-size:28px;letter-spacing:-1px;line-height:1.2;font-weight:650;color:var(--green);margin:0}.page-heading>span{font-size:11px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.25fr);gap:22px;align-items:start}.input-card,.output-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 23px;border-bottom:1px solid var(--line)}h2{font-size:15px;font-weight:650;margin:0}.small-label,.preview-tag{font-size:10px;color:var(--muted)}.preview-tag.calculated{color:#4f765a}form{padding:0 23px 22px}fieldset{padding:0;border:0;min-width:0;margin:0}.form-section{padding:17px 0;border-bottom:1px solid var(--line)}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.optional{font-size:10px;color:var(--muted);font-weight:400;margin-left:4px}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:15px;top:18px;width:6px;height:6px;transform:rotate(45deg);border-bottom:1.5px solid #52675c;border-right:1.5px solid #52675c;pointer-events:none}input,select{border:1px solid #d7dfd3;color:var(--green);border-radius:7px;width:100%;padding:10px 12px;height:43px;background:#fff;min-width:0}select{appearance:none;-webkit-appearance:none;padding-right:32px;font-size:12px}select:disabled{color:var(--muted);background:#f8f9f5}input::placeholder{color:#98a097;opacity:1}.location-detail{font-size:10px;color:var(--muted);margin:6px 0 -3px}.location-detail:empty{display:none}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.dimension-fields.single-dimension{grid-template-columns:1fr}.unit-field{position:relative}.unit-field input{padding-right:40px;font-variant-numeric:tabular-nums}.unit-field>span{position:absolute;right:13px;top:11px;font-size:12px;color:#84907e;pointer-events:none}.field-hint{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0 0}.mounting-fields{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.mounting-fields:has(#custom-height-field:not([hidden])){grid-template-columns:1fr 1fr}.form-details,.calculation-details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:12px;color:#596f60;cursor:pointer;font-weight:550}summary::-webkit-details-marker{display:none}summary>span{font-size:18px;font-weight:400;line-height:1;transition:transform .15s}details[open]>summary>span{transform:rotate(45deg)}.details-content{padding-bottom:16px}.details-content>.field-hint:first-child{margin-top:0;margin-bottom:14px}.secondary-fields{display:flex;flex-direction:column;gap:14px}.form-actions{display:flex;align-items:center;gap:17px;padding-top:20px}.calculate-button{height:45px;background:var(--green);color:#fff;border:0;border-radius:7px;display:flex;align-items:center;justify-content:space-between;flex:1;gap:15px;padding:0 16px;font-size:13px;font-weight:600}.calculate-button:hover:enabled{background:#245447}.button-arrow{font-size:21px;color:var(--lime)}.reset-button{border:0;background:none;color:var(--muted);font-size:12px;padding:8px 0}.reset-button:hover{color:var(--green)}.text-button{padding:0;border:0;background:none;color:var(--green);font-size:11px;text-decoration:underline;text-underline-offset:3px}#retry-config{margin-top:10px}.form-error{background:#fbf0eb;color:var(--red);border:1px solid #f0d8cc;border-radius:7px;padding:12px;font-size:12px;margin:15px 0 0}.form-error ul{padding-left:17px;margin:0}.form-error li+li{margin-top:4px}
.add-panel-button{display:block;width:100%;border:1px dashed #b7c9b0;border-radius:7px;background:#f7faf4;color:#557345;padding:10px;font-size:12px}.add-panel-button:hover:enabled{background:#edf3e3;border-color:#7e9f6b}.add-panel-button:disabled{cursor:default}.panel-editor{position:relative;padding:15px 12px 0;margin:18px 0;border:1px solid #dce5d4;background:#fafbf7;border-radius:8px;min-width:0}.panel-editor legend{padding:0 5px;font-size:11px;font-weight:600;color:#6e835e}.panel-editor label{font-size:11px}.panel-editor>div{margin-bottom:13px}.panel-editor input,.panel-editor select{height:40px;font-size:12px}.panel-editor .unit-field>span{top:10px;font-size:11px}.panel-editor .dimension-fields{margin-top:0}.panel-editor .field-hint{font-size:10px;margin:7px 0 13px}.remove-panel{position:absolute;right:10px;top:-18px;padding:0 5px;border:0;background:#fff;color:#778773;font-size:10px;text-decoration:underline;text-underline-offset:2px}.remove-panel:hover{color:var(--red)}
.sign-preview{height:216px;position:relative;background:#edf2e9;border-bottom:1px solid var(--line);overflow:hidden}.preview-grid{position:absolute;inset:0;background-image:radial-gradient(#aebda8 .65px,transparent .65px);background-size:14px 14px;opacity:.42}.sign-preview svg{position:relative;z-index:1;width:100%;height:100%;display:block}.drawing-note{position:absolute;bottom:9px;left:16px;font-size:9px;color:#8b9a83;z-index:2}.empty-state{text-align:center;padding:28px 20px}.empty-state p{font-size:12px;color:var(--muted);margin:0}.results{padding:0 23px 20px}.result-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}#result-project{overflow-wrap:anywhere}.print-button{white-space:nowrap}.metrics{display:grid;grid-template-columns:1fr 1fr;padding:18px 0 20px}.metrics>div+div{border-left:1px solid var(--line);padding-left:22px}.metric-label{font-size:11px;color:var(--muted)}.metrics p{display:flex;align-items:baseline;gap:6px;margin:4px 0 0}.metrics strong{font-size:31px;font-weight:600;letter-spacing:-1px;line-height:1.2;color:var(--green);font-variant-numeric:tabular-nums}.metrics p>span{color:var(--muted);font-size:11px}.recommendation{padding:18px;background:var(--green);color:#fff;border-radius:9px}.recommendation-label{font-size:10px;margin:0 0 7px;color:#b6cbb8}.recommendation-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.recommendation h3{font-size:19px;font-weight:600;letter-spacing:-.4px;line-height:1.4;margin:0;color:#fff}.post-count-badge{flex-shrink:0;background:var(--lime);color:var(--green);border-radius:5px;padding:5px 8px;font-size:10px;font-weight:700}.capacity-line{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:#bed1c1;margin:17px 0 7px}.capacity-line strong{font-size:10px;font-weight:500;color:#e9f2e3;text-align:right}.capacity-track{height:4px;border-radius:3px;background:#3e5d4c;overflow:hidden}.capacity-track>span{height:100%;display:block;background:var(--lime);border-radius:3px}.materials-section{padding-top:22px}h3{font-size:12px;font-weight:650;margin:0}.materials-list{margin-top:10px}.material-row{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.material-quantity{font-size:18px;line-height:1.3;font-weight:600;color:var(--green)}.material-quantity small{font-size:9px;display:block;color:var(--muted);font-weight:400}.material-description{align-self:center}.material-description strong{font-size:12px;font-weight:500;display:block}.estimate-note{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0}.calculation-details{margin-top:4px;border-top:1px solid var(--line);border-bottom:0}.calculation-details summary{padding-bottom:0}.calculation-details[open] summary{padding-bottom:13px}.calculation-details>.details-content{font-size:11px;color:#64745e;line-height:1.7;padding-bottom:0}.calculation-details p{margin:0 0 10px}.calculation-details h3{margin:18px 0 9px;color:#4c6553}.lookup-row strong{font-weight:600}.calculation-notes ul{padding-left:17px;margin:8px 0 0}.calculation-notes li+li{margin-top:6px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px;margin:6px 0 14px}th{text-align:left;color:#85927e;font-size:9px;font-weight:500;padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 6px;border-bottom:1px solid #edf0e8;color:#607454;vertical-align:top}th:last-child,td:last-child{text-align:right}.panel-schedule th,.panel-schedule td{min-width:68px}.panel-schedule th:first-child,.panel-schedule td:first-child{padding-left:0;min-width:90px}.panel-schedule td:nth-child(2){min-width:110px}.source-links{display:flex;flex-direction:column;gap:6px}.source-links:empty{display:none}.source-links a{color:#64755c;text-decoration-color:#b3c0a9;text-underline-offset:2px}.basis-note{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.no-match{padding:17px;background:#fff5df;border:1px solid #e9d9b7;border-radius:9px}.no-match h3{font-size:14px;margin:0 0 5px;color:#745a27}.no-match p{margin:0;color:#8c794f;font-size:12px;line-height:1.6}
/* Shared appearance settings. */
.anchor-section{padding-top:20px}.anchor-options{list-style:none;margin:9px 0 0;padding:0}.anchor-options li{padding:8px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6;overflow-wrap:anywhere}.anchor-options strong{display:block;font-size:12px;font-weight:500;color:var(--text)}.anchor-options li>span{display:block;color:var(--muted)}.anchor-source{margin:8px 0 0;font-size:10px}.anchor-source:empty{display:none}.anchor-source a{color:var(--muted);text-underline-offset:3px}.anchor-section .field-hint{margin-top:7px}.anchor-section{break-inside:avoid}
.heading-copy{display:flex;align-items:baseline;gap:22px;min-width:0}.heading-copy>span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.heading-copy h1{overflow-wrap:anywhere}.admin-link{display:inline-flex;flex-shrink:0;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);font-size:10px;text-decoration:none;white-space:nowrap}.admin-link:hover{color:var(--primary);border-color:var(--primary)}.admin-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,.calculation-details h3{color:var(--heading-text);overflow-wrap:anywhere}.card-heading h2{min-width:0}.card-heading>.small-label,.card-heading>.preview-tag{flex-shrink:0}.calculate-button>span:first-child{overflow-wrap:anywhere;text-align:left}label{color:var(--label-text)}input,select{background:var(--paper);border-color:var(--line);color:var(--text)}input::placeholder{color:var(--muted)}select:disabled{background:var(--canvas)}.select-wrap:after{border-color:var(--label-text)}input:focus,select:focus{outline-color:var(--primary)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--primary)}.unit-field>span,summary,.panel-editor legend,.remove-panel,.drawing-note,th,.calculation-details>.details-content,.source-links a{color:var(--muted)}.calculate-button{color:var(--button-text);height:auto;min-height:45px;padding:11px 16px}.calculate-button:hover:enabled{background:var(--primary);filter:brightness(1.12)}.add-panel-button{background:var(--canvas);border-color:var(--line);color:var(--primary)}.add-panel-button:hover:enabled{background:var(--canvas);border-color:var(--primary)}.panel-editor{background:var(--canvas);border-color:var(--line)}.remove-panel{background:var(--canvas)}.sign-preview{background:var(--preview-background)}.preview-grid{background-image:radial-gradient(var(--preview-label-text) .65px,transparent .65px);opacity:.18}.drawing-note{color:var(--preview-label-text)}.preview-tag.calculated{color:var(--primary)}.metrics strong,.material-quantity{color:var(--result-text)}.recommendation{background:var(--recommendation-background);color:var(--recommendation-text)}.recommendation h3,.recommendation-label,.capacity-line,.capacity-line strong{color:var(--recommendation-text)}.recommendation-label,.capacity-line{opacity:.8}.post-count-badge{color:var(--recommendation-background)}.capacity-track{background:var(--recommendation-text);background:color-mix(in srgb,var(--recommendation-text) 20%,transparent)}td{border-color:var(--line);color:var(--text)}.source-links a{text-decoration-color:var(--line)}.summary-copy{font-size:inherit;font-weight:inherit;line-height:inherit}details[open]>summary>.summary-copy{transform:none}
@media(max-width:700px){.heading-copy{display:block}.heading-copy>span{display:block;font-size:10px;margin-top:5px}.page-heading{gap:12px;align-items:center}.admin-link{font-size:10px;padding:7px 8px}.heading-copy h1{font-size:25px}}
@media(max-width:380px){.heading-copy h1{font-size:22px}.admin-link{font-size:9px;gap:3px;padding:7px 6px}}
/* Admin-controlled sections stay hidden on screen and in printed results. */
[data-section-hidden="true"]{display:none!important}.shape-choice[data-section-hidden="true"]+.dimension-fields{margin-top:0}.mounting-choice[data-section-hidden="true"]+.mounting-fields{margin-top:0}.mounting-fields.single-field:has(#custom-height-field:not([hidden])){grid-template-columns:1fr}
@media print{.admin-link{display:none!important}.heading-copy>span{color:#333}}
@media(max-width:900px){.page-wrap{padding:25px 20px 40px}.workspace{gap:18px;grid-template-columns:minmax(285px,.9fr) minmax(0,1.15fr)}.card-heading{padding:17px 19px}form,.results{padding-left:19px;padding-right:19px}.recommendation-title{align-items:flex-start}.recommendation h3{font-size:17px}.metrics>div+div{padding-left:15px}.metric-label{font-size:10px}}
@media(max-width:700px){.page-wrap{padding:22px 17px 32px}.page-heading{margin-bottom:20px}.page-heading>span{font-size:10px}h1{font-size:25px}.workspace{grid-template-columns:1fr;gap:18px}.card-heading{padding:17px 20px}form,.results{padding-left:20px;padding-right:20px}.form-section{padding:15px 0}.sign-preview{height:220px}.metrics strong{font-size:31px}.metrics>div+div{padding-left:25px}.metric-label{font-size:11px}.recommendation h3{font-size:19px}}
@media(max-width:380px){.page-wrap{padding-left:12px;padding-right:12px}.page-heading{gap:12px}h1{font-size:23px}.page-heading>span{font-size:9px}.card-heading{padding-left:16px;padding-right:16px}form,.results{padding-left:16px;padding-right:16px}.small-label{font-size:9px}.recommendation h3{font-size:17px}.recommendation{padding:15px}.metric-label{font-size:10px}.metrics>div+div{padding-left:16px}.mounting-fields:has(#custom-height-field:not([hidden])){grid-template-columns:1fr}.capacity-line{font-size:9px}.capacity-line strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{@page{margin:15mm}body{background:#fff;color:#000;font-size:11px}.page-wrap{max-width:none;padding:0}.page-heading{margin-bottom:12px}.page-heading>span{color:#333}.input-card,.print-button,.preview-tag,.drawing-note,.estimate-note{display:none!important}.workspace{display:block}.output-card{border:0;border-radius:0}.card-heading{padding:10px 0}.sign-preview{height:175px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.results{padding:0}.metrics{padding:16px 0}.recommendation{print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid}.calculation-details{border-top:1px solid var(--line);margin-top:18px}.calculation-details>summary{display:block;padding:12px 0;font-size:13px}.calculation-details>summary>span{display:none}.calculation-details>.details-content{display:block!important}.material-row{padding:9px 0;break-inside:avoid}.panel-schedule,.calculation-notes,.no-match{break-inside:avoid}.source-links a:after{content:" (" attr(href) ")";font-size:8px;overflow-wrap:anywhere}.panel-schedule table{font-size:9px}.panel-schedule th,.panel-schedule td{padding-left:4px;padding-right:4px}.panel-schedule td:nth-child(2){min-width:90px}}