@charset "UTF-8";
:root{--page-background:#f4f7fb;--card-background:#ffffff;--primary:#0556a5;--accent:#f4783a;--text:#17324d;--muted-text:#526379;--heading-text:#0556a5;--label-text:#17324d;--result-text:#0556a5;--button-text:#ffffff;--recommendation-background:#0556a5;--recommendation-text:#ffffff;--border:#dce5f0;--preview-background:#edf4fc;--preview-label-text:#526379;--sign-background:#0556a5;--sign-accent:#f4783a;--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 #83afd9;outline-offset:4px}input:focus,select:focus{outline:2px solid #83afd9;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{border-top:3px solid var(--accent);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:#0556a5}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 #526379;border-right:1.5px solid #526379;pointer-events:none}input,select{border:1px solid #dce5f0;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:#f4f7fb}input::placeholder{color:#7a899b;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:#526379;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:#526379;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:#064784}.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 #c6d7e9;border-radius:7px;background:#f4f7fb;color:#0556a5;padding:10px;font-size:12px}.add-panel-button:hover:enabled{background:#edf4fc;border-color:#83afd9}.add-panel-button:disabled{cursor:default}.panel-editor{position:relative;padding:15px 12px 0;margin:18px 0;border:1px solid #dce5f0;background:#f4f7fb;border-radius:8px;min-width:0}.panel-editor legend{padding:0 5px;font-size:11px;font-weight:600;color:#526379}.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:#526379;font-size:10px;text-decoration:underline;text-underline-offset:2px}.remove-panel:hover{color:var(--red)}
.sign-preview{height:216px;position:relative;background:#edf4fc;border-bottom:1px solid var(--line);overflow:hidden}.preview-grid{position:absolute;inset:0;background-image:radial-gradient(#b7cce3 .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:#526379;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:#ffffff}.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(--text);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:#ffffff;margin:17px 0 7px}.capacity-line strong{font-size:10px;font-weight:500;color:#ffffff;text-align:right}.capacity-track{height:4px;border-radius:3px;background:#3c77b3;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:#526379;line-height:1.7;padding-bottom:0}.calculation-details p{margin:0 0 10px}.calculation-details h3{margin:18px 0 9px;color:#526379}.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:#526379;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 #dce5f0;color:#526379;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:#526379;text-decoration-color:#c6d7e9;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}
/* Ordered signs. */
.signs-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.signs-heading h3{font-size:12px}.signs-heading>span{font-size:10px;color:var(--muted)}.signs-section>.field-hint{margin-top:5px;font-size:10px}.panel-editor{padding:13px 12px;margin:13px 0;background:var(--canvas);border-color:var(--line)}.panel-editor.is-primary{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--accent)}.panel-editor>.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}.panel-number{font-size:12px;color:var(--heading-text);font-weight:650}.panel-actions{display:flex;align-items:center;gap:5px}.panel-actions button{border:1px solid var(--line);border-radius:5px;color:var(--primary);background:var(--paper);min-width:32px;min-height:34px;padding:5px 8px;font-size:16px;line-height:1}.panel-actions button:hover:enabled{border-color:var(--primary)}.panel-actions button:disabled{cursor:default;opacity:.35}.panel-actions .remove-panel{position:static;right:auto;top:auto;text-decoration:none;font-size:10px;color:var(--muted);padding:6px 8px}.panel-actions .remove-panel:hover:enabled{color:var(--red);border-color:var(--red)}.panel-editor>.panel-identity{display:flex;align-items:center;gap:12px;margin:0 0 12px}.panel-editor .primary-choice{display:inline-flex;align-items:center;gap:6px;margin:0;white-space:nowrap;font-size:11px;cursor:pointer}.primary-choice input{width:17px;height:17px;padding:0;margin:0;accent-color:var(--primary);flex-shrink:0}.panel-editor>.dimension-fields{margin-top:12px}.panel-editor>.shape-choice{margin-bottom:0}.panel-editor>.gap-field{display:grid;grid-template-columns:1fr 108px;align-items:center;gap:12px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}.gap-field>label{margin:0}.gap-field .optional{display:block;margin:1px 0 0}.panel-editor>.diamond-hint{margin-bottom:0}.post-length-readout{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 12px;margin-top:15px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--recommendation-text) 25%,transparent);color:var(--recommendation-text)}.post-length-readout>span{font-size:11px;opacity:.8}.post-length-readout>strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.post-length-readout>small{flex-basis:100%;font-size:10px;line-height:1.5;opacity:.8}.post-length-readout>small:empty{display:none}
/* Shared appearance settings. */
.anchor-insertion-field{margin-top:14px}
.anchor-section,.materials-section{padding-top:20px}.anchor-section>h3,.materials-section>h3{font-size:13px}.anchor-options{display:grid;gap:12px;list-style:none;margin:11px 0 0;padding:0}.anchor-option{padding:12px 14px;border:1px solid var(--line);border-radius:8px;min-width:0;break-inside:avoid}.anchor-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;line-height:1.5}.anchor-option-heading>strong{font-size:13px;font-weight:650;color:var(--heading-text)}.anchor-option-heading>span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.anchor-materials{margin-top:10px}.material-row{grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:13px 0;break-inside:avoid}.material-quantity{font-variant-numeric:tabular-nums;line-height:1.25}.material-quantity>span{display:block}.material-quantity small{font-size:10px;margin-top:2px;line-height:1.3}.material-description{min-width:0;align-self:center;line-height:1.5;overflow-wrap:anywhere}.material-description strong{font-size:12px;line-height:1.5;font-weight:550}.material-dimensions{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.anchor-materials .material-row{padding:11px 0}.anchor-materials .material-row:last-child{padding-bottom:0}.anchor-materials .material-quantity{font-size:17px}.anchor-source{margin:9px 0 0;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.anchor-source:empty{display:none}.anchor-source a{color:var(--muted);text-underline-offset:3px}.anchor-section .field-hint{margin-top:5px}.anchor-section{break-inside:avoid}.materials-list{margin-top:11px}.estimate-note{margin:13px 0}.calculation-details{margin-top:10px}.calculation-details summary{padding-top:14px;padding-bottom:0}
.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(--label-text)}.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}}

/* Shared public page navigation. */
.panel-order-actions{display:inline-flex;align-items:center;gap:5px}.panel-actions .pick-sign-picture{font-size:10px;font-weight:600;white-space:nowrap;padding:6px 8px}.panel-editor>.panel-picture-name{font-size:10px;line-height:1.5;overflow-wrap:anywhere;color:var(--muted);margin:-3px 0 11px}.picture-picker{width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:22px;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:12px;color:var(--text);background:var(--paper);box-shadow:0 20px 70px #17324d40;overflow-y:auto;overscroll-behavior:contain}.picture-picker::backdrop{background:#102b48a8}.picture-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.picture-picker-heading h2{font-size:17px;color:var(--heading-text)}.picture-close{border:0;background:none;color:var(--muted);font-size:26px;line-height:1;min-width:35px;min-height:35px}.picture-picker>.field-hint{margin:6px 0 19px}.picture-picker input{font-size:14px}.picture-picker-status{font-size:11px;line-height:1.5;color:var(--muted);margin:13px 0}.sign-picture-results{display:grid;gap:7px}.sign-picture-result{display:flex;align-items:center;gap:13px;min-height:72px;text-align:left;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--text)}.sign-picture-result:hover,.sign-picture-result:focus-visible{border-color:var(--primary);background:var(--canvas)}.sign-picture-result img{width:52px;height:52px;object-fit:contain;flex-shrink:0}.sign-picture-result>span{display:grid;gap:3px;min-width:0}.sign-picture-result strong{font-size:12px;color:var(--primary)}.sign-picture-result>span>span{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.picture-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px;padding-top:15px;border-top:1px solid var(--line)}.picture-cancel{margin-left:auto;border:1px solid var(--line);border-radius:6px;color:var(--primary);background:var(--paper);font-size:12px;padding:9px 15px}.picture-picker #retry-picture-search{margin-top:4px}.picture-close:focus-visible,.picture-cancel:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.sign-picture-results{max-height:min(390px,45dvh);overflow-y:auto;overscroll-behavior:contain;padding:4px;margin:-4px}.sign-picture-result{width:100%}
@media(max-width:380px){.panel-editor>.panel-heading{gap:5px}.panel-actions,.panel-order-actions{gap:3px}.panel-actions .pick-sign-picture{padding:6px}.panel-actions button{min-width:29px;padding:5px 6px}.panel-actions .remove-panel{padding:6px}.picture-picker{padding:17px}}
@media print{.picture-picker{display:none!important}}
.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;flex-shrink:0}.utility-link{color:var(--primary)}
@media(max-width:700px){.page-heading{flex-wrap:wrap;gap:12px}.heading-copy{flex:1 1 165px}.header-actions{margin-left:auto}.header-actions .admin-link{min-height:35px}}
@media print{.header-actions{display:none!important}}

/* One drawing scale applies to sign dimensions, gaps, and mounting heights. */
.panel-size-field{margin:0 0 13px;padding-bottom:13px;border-bottom:1px solid var(--line)}.panel-size-field label{font-size:11px}.panel-size-field .field-hint{font-size:10px;margin-bottom:0}.panel-editor input[readonly]{background:var(--canvas);color:var(--muted)}.panel-editor select:disabled{opacity:1;color:var(--muted)}
.sign-preview{height:auto;overflow:hidden}.sign-preview svg{width:100%;height:auto;max-height:none;aspect-ratio:auto}.drawing-note{position:static;display:block;padding:0 17px 10px;font-size:10px;line-height:1.5}.preview-measurements{position:relative;z-index:1;padding:0 17px 14px;color:var(--preview-label-text);font-size:11px;line-height:1.5}.preview-dimension-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;border-top:1px solid var(--border);padding:12px 0}.preview-dimension-summary>span{display:grid;gap:2px;min-width:0}.preview-dimension-summary>span>span{font-size:10px}.preview-dimension-summary strong{font-size:12px;color:var(--heading-text);font-weight:600;overflow-wrap:anywhere}.preview-dimensions{border-top:1px solid var(--border)}.preview-dimensions>summary{font-size:11px;color:var(--preview-label-text);padding:10px 0;display:flex;align-items:center;justify-content:space-between}.preview-dimensions>summary:after{content:"+";font-size:16px;font-weight:400}.preview-dimensions[open]>summary:after{content:"−"}.preview-panel-measurements{padding:0;margin:0;list-style:none;display:grid;gap:8px}.preview-panel-measurements>li{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:baseline}.preview-panel-measurements strong{font-size:11px;font-weight:600;color:var(--heading-text)}.preview-panel-size{font-size:11px;overflow-wrap:anywhere}.preview-panel-elevation{grid-column:2;font-size:10px;overflow-wrap:anywhere}.preview-support-note{margin:10px 0 0;font-size:10px;color:var(--preview-label-text)}.post-layout-section{margin-top:19px;padding-top:18px;border-top:1px solid var(--line);break-inside:avoid}.post-layout-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:13px 0 0}.post-layout-values>div{min-width:0}.post-layout-values dt{color:var(--muted);font-size:11px;line-height:1.5}.post-layout-values dd{color:var(--result-text);font-size:19px;font-weight:600;margin:4px 0 0;font-variant-numeric:tabular-nums}.post-layout-values+ .field-hint{font-size:10px}
@media(max-width:380px){.preview-measurements{padding-left:13px;padding-right:13px}.preview-panel-measurements>li{grid-template-columns:86px minmax(0,1fr);column-gap:8px}.preview-dimension-summary{gap:7px}.post-layout-values{gap:12px}.post-layout-values dt{font-size:10px}}
@media print{.sign-preview{height:auto;break-inside:avoid}.sign-preview svg{height:auto;max-height:360px}.preview-measurements{font-size:10px}.preview-dimensions>summary{padding:8px 0}.preview-dimensions>summary:after{display:none}.preview-dimensions:not([open])>.preview-panel-measurements{display:grid!important}.preview-panel-measurements{gap:4px}.post-layout-section{break-inside:avoid}}