.planner-page{background:#f2f3f2}.planner-intro{padding:30px 3vw 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white}.planner-intro h1{font-size:48px;line-height:1}.planner-intro .eyebrow{font-size:10px;margin-bottom:8px}.planner-intro>div:last-child{display:flex;gap:15px;align-items:center}.planner-intro #save-status{font-size:11px;color:var(--muted)}.plain-button{background:none;border:0;font-size:12px;font-weight:600;padding:8px;color:var(--ink);text-align:left}.plain-button:hover{color:var(--red)}.file-label{cursor:pointer}.planner-steps{display:grid;grid-template-columns:1fr 1fr 1fr;background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 3vw}.planner-steps a{padding:17px 0;font-size:13px;font-weight:500}.planner-steps b{color:var(--red);margin-right:13px;font-size:11px}.planner-steps a:last-child{text-align:right}.planner-steps a:nth-child(2){text-align:center}.workspace{display:grid;grid-template-columns:270px minmax(400px,1fr) 265px;gap:18px;padding:22px 22px 55px;max-width:2100px;margin:auto}.settings,.takeoff{background:white;border:1px solid var(--line);padding:20px;align-self:start}.settings{font-size:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.panel-heading h2{font:600 21px var(--body);letter-spacing:-.03em}.panel-heading select{padding:5px;background:var(--paper);border:1px solid var(--line);font-size:12px;max-width:70px}.settings .field{margin:0 0 17px}.settings .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings .field label{font-size:11px;line-height:1.35;min-height:15px}.unit-label{font-weight:400;color:var(--muted)}.settings .field input,.settings .field select,.settings .field textarea{padding:9px;font-size:13px}.settings .field textarea{min-height:100px}.help{font-size:11px;color:var(--muted);line-height:1.6;display:block;margin:4px 0 17px}.settings>small{margin-top:-6px}.settings details{border-top:1px solid var(--line);padding:15px 0 2px}.settings details summary{cursor:pointer;font-size:12px;font-weight:600;margin-bottom:15px}.layout-bar{display:flex;align-items:center;gap:5px;padding:9px 10px;background:white;border:1px solid var(--line);flex-wrap:wrap}.layout-bar>span{font-size:10px;color:var(--muted);margin-right:4px}.layout-bar button,.canvas-bottom button{border:0;background:none;font-size:11px;padding:7px 9px;color:var(--ink)}.layout-bar button:hover,.canvas-bottom button:hover{background:var(--paper)}.view-toggle{margin-left:auto;background:var(--paper);display:flex;padding:2px}.view-toggle button.active{background:var(--ink);color:#fff}.tool-bar{display:flex;flex-wrap:wrap;gap:3px;padding:8px;background:#fff;border:1px solid var(--line);border-top:0}.tool-bar button{border:1px solid transparent;background:none;padding:6px 8px;color:#505c62;font-size:16px;display:flex;align-items:center;gap:5px}.tool-bar button span{font-size:10px;font-weight:500}.tool-bar button.active{border-color:#9cacd6;background:#edf1fa;color:var(--red)}.tool-bar button:hover{background:#f5f5f2}.canvas-wrap{background:#fcfcfa;border:1px solid var(--line);border-top:0}.canvas-meta{display:flex;justify-content:space-between;gap:15px;padding:16px;font-size:9px;letter-spacing:.04em;color:#68777e}.canvas-meta>span:last-child{font-weight:600;white-space:nowrap}#drawing{display:block;width:100%;height:auto;min-height:310px;max-height:600px;touch-action:none}.canvas-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:9px;border-top:1px solid var(--line);padding:8px 12px;color:var(--muted)}.canvas-bottom>div{margin-left:auto;display:flex}.canvas-bottom button{padding:4px 7px;font-size:10px}.canvas-bottom .red-dot{height:6px;width:6px;margin-right:3px}.instruction{font-size:11px;padding:12px 15px;background:#e5e9e8;border:1px solid var(--line);border-top:0;color:#394b53;min-height:42px}.mobile-note{display:none;font-size:12px;margin:15px 0;color:var(--muted)}.selection-panel{padding:18px;background:white;border:1px solid var(--line);margin-top:15px;font-size:12px}.selection-panel>p{color:var(--muted)}.selection-panel h3{font-size:16px;margin-bottom:16px}.selection-panel form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.selection-panel .field label{font-size:10px}.selection-panel .field input,.selection-panel .field select{font-size:12px;padding:8px}.selection-panel .field.full{grid-column:1/-1}.selection-panel .field.wide{grid-column:span 2}.selection-actions{display:flex;gap:10px;grid-column:1/-1;align-items:center}.selection-actions .button{font-size:12px;padding:10px 16px}.selection-actions .delete{color:var(--red);background:none;border:0;font-size:12px;padding:10px}.route-details{margin-top:15px;padding:17px;background:white;border:1px solid var(--line)}.route-details summary{font-size:13px;font-weight:600;cursor:pointer}.route-details summary span{float:right;color:var(--muted);font-size:11px;font-weight:400}.route-actions{margin-top:10px}#route-list{max-height:280px;overflow:auto;margin-top:10px}#route-list button{background:none;border:0;border-top:1px solid var(--line);display:flex;justify-content:space-between;width:100%;padding:9px 0;font-size:11px;text-align:left;gap:20px}#route-list button:hover{color:var(--red)}.small-label{font-size:8px;letter-spacing:.06em;color:var(--red);white-space:nowrap}.takeoff .panel-heading{gap:5px}.takeoff .panel-heading h2{font-size:19px}.takeoff-total{padding:5px 0 20px;border-bottom:1px solid var(--line);margin-bottom:17px}.takeoff-total>span{font:600 61px var(--heading);letter-spacing:-.02em}.takeoff-total>b{font-size:14px;font-weight:500;margin-left:6px}.takeoff-total>p{font-size:11px;color:var(--muted)}.takeoff dl{display:grid;grid-template-columns:1fr auto;gap:11px 10px;font-size:11px}.takeoff dt{color:var(--muted)}.takeoff dd{margin:0;font-weight:600;text-align:right;max-width:110px}.takeoff-actions{display:flex;flex-direction:column;gap:10px;margin:23px 0}.takeoff-actions .button{font-size:12px;gap:10px;padding:13px 12px}.takeoff-actions .button.ghost{justify-content:center}.takeoff-actions .plain-button{font-size:11px;padding:5px 0}.takeoff .help{font-size:10px}.warning{padding:10px 12px;font-size:11px;background:#fff2df;color:#684811;border-left:2px solid #bd8238;margin:12px 0}#planner-message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:80;background:#202529;color:white;padding:13px 25px;box-shadow:0 5px 30px #0003;font-size:14px}#planner-message:empty{display:none}#replace-layout{background:white;color:var(--ink);padding:35px;max-width:520px}#replace-layout h2{font-size:38px;margin-bottom:20px}#replace-layout p{color:var(--muted);font-size:16px;margin-bottom:25px}#replace-layout>div{display:flex;gap:13px}#replace-layout button{font-size:13px}.svg-label{font-family:Arial,sans-serif;fill:#62717a;font-size:14px}.svg-run{cursor:pointer}.svg-item{cursor:pointer}.svg-obstacle{cursor:pointer}
@media(min-width:1650px){.workspace{grid-template-columns:300px minmax(500px,1fr) 295px;gap:24px;padding-left:3vw;padding-right:3vw}.settings .field input,.settings .field select{font-size:14px}.tool-bar button span{font-size:12px}.tool-bar{padding:10px}.takeoff dl{font-size:12px}.takeoff .help{font-size:11px}}
@media(max-width:1200px){.workspace{grid-template-columns:240px minmax(350px,1fr);gap:15px;padding:18px}.takeoff{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px 25px}.takeoff .panel-heading{grid-column:1/-1;margin-bottom:5px}.takeoff-total{border-bottom:0}.takeoff-actions{grid-column:3;grid-row:2/5;margin:0}.takeoff>dl{grid-column:2;grid-row:2/4;margin-top:0}.takeoff>#warnings{grid-column:1}.takeoff>.help{grid-column:1/3}.takeoff>.help:last-child{grid-column:3}.planner-intro>div:last-child{flex-wrap:wrap;justify-content:flex-end;max-width:310px}.planner-intro #save-status{width:100%;text-align:right}.tool-bar button{padding:6px}.tool-bar button span{font-size:9px}}
@media(max-width:800px){.planner-intro{padding:25px 24px;align-items:start;flex-direction:column}.planner-intro h1{font-size:41px}.planner-intro>div:last-child{justify-content:flex-start;max-width:none;width:100%;gap:12px}.planner-intro #save-status{width:auto;text-align:left;font-size:10px}.planner-steps{padding:0 24px;gap:18px}.planner-steps a{font-size:10px;display:flex;align-items:center;gap:6px;padding:14px 0}.planner-steps b{margin:0}.planner-steps a:last-child span{display:none}.workspace{grid-template-columns:1fr;padding:16px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.settings .panel-heading,.settings>details,.settings>small{grid-column:1/-1}.settings>.field{grid-column:1/-1}.settings>.field-row{grid-column:1/-1}.settings>.field-row:nth-of-type(2){grid-column:1/-1}.settings .field label{font-size:12px}.settings .field input,.settings .field select,.settings .field textarea{font-size:16px;padding:11px}.settings details summary{font-size:14px}.settings .help{font-size:12px}.drawing-area{min-width:0}.tool-bar{gap:5px}.tool-bar button{padding:9px}.tool-bar button span{font-size:11px}.layout-bar{padding:10px}.layout-bar>span{display:none}.layout-bar button{font-size:12px}.canvas-meta{font-size:9px}.canvas-bottom{gap:8px}.canvas-bottom>div{width:100%;justify-content:flex-end}.canvas-bottom button{font-size:12px;padding:7px 9px}.mobile-note{display:block}.instruction{font-size:12px}.selection-panel form{grid-template-columns:1fr 1fr}.selection-panel .field input,.selection-panel .field select{font-size:16px}.selection-panel .field label{font-size:12px}.takeoff{display:block;grid-column:1}.takeoff>.help{font-size:12px}.takeoff dl{font-size:13px}.takeoff-actions{margin:25px 0}.takeoff-actions .button{font-size:15px;padding:15px}.takeoff .takeoff-total{border-bottom:1px solid var(--line)}.takeoff .panel-heading h2{font-size:23px}.takeoff .takeoff-total>p{font-size:13px}.takeoff .small-label{font-size:10px}.takeoff-actions .plain-button{font-size:13px}.canvas-wrap #drawing{min-height:240px}.route-details summary{font-size:14px}#route-list button{font-size:13px;padding:12px 0}}
@media(max-width:600px){#drawing .svg-label{font-size:30px!important}}

/* Preliminary air sizing shares the project save/undo/quote lifecycle. */
#pipe-sizing{scroll-margin-top:150px}#pipe-sizing>summary{color:#244391}#pipe-sizing>.help{margin:15px 0}.sizing-path-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.sizing-path-actions .plain-button{font-size:11px;color:#244391;text-decoration:underline}.sizing-path-actions button[aria-pressed=true]{font-weight:700}.settings .sizing-options{border-top:1px solid var(--line);margin:18px 0;padding-top:12px}.settings .sizing-options summary{font-size:12px}.sizing-options .field-row{margin-top:16px}#farthest:disabled{color:#182950;background:#edf1f7;opacity:1}#sizing-result{padding:17px;background:#edf1f8;border-top:3px solid #998327;margin:20px 0 14px;overflow-wrap:anywhere}#sizing-result>p{font-size:12px;line-height:1.5}#sizing-result .sizing-kicker{font-size:10px;font-weight:700;letter-spacing:.08em}.sizing-size{display:block;font-family:var(--heading);font-size:38px;line-height:1.2;margin:9px 0;color:#182950}#sizing-result dl{font-size:11px;margin:15px 0;padding:0}#sizing-result dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d3dbe8;padding:7px 0}#sizing-result dt{color:var(--muted)}#sizing-result dd{margin:0;font-weight:600;white-space:nowrap}#sizing-result .sizing-assumption{font-size:11px;margin-top:12px;color:#4f5c6d}#sizing-result .sizing-estimated{padding-top:10px;border-top:1px solid #c5cddd;color:#785b12}#sizing-result .sizing-match{font-size:11px;margin-top:14px;font-weight:600}#sizing-result.sizing-needs-review{background:#fff6e8;border-top-color:#b58129}.sizing-apply{font-size:12px;width:100%;padding:13px 14px;gap:10px;justify-content:space-between}.sizing-table-wrap{max-width:100%;overflow-x:auto}.sizing-table{width:100%;border-collapse:collapse;font-size:11px;margin:14px 0}.sizing-table caption{font-size:10px;text-align:left;color:var(--muted);margin-bottom:10px}.sizing-table th,.sizing-table td{padding:9px 5px;text-align:left;border-bottom:1px solid var(--line)}.sizing-table th{font-weight:600}.sizing-table .sizing-recommended{background:#edf1f8}.sizing-recommended th span{display:block;color:#244391;font-size:9px;margin-top:4px}.sizing-scope{font-size:11px!important;line-height:1.6!important}.sizing-summary{border-top:3px solid #998327;background:#edf1f8;padding:17px;margin:20px 0}.sizing-summary h3{font-size:17px}.sizing-summary p{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}.sizing-summary .text-link{font-size:12px;gap:14px;margin-top:12px;padding:5px 0}
@media(max-width:800px){#pipe-sizing{scroll-margin-top:30px}.sizing-size{font-size:40px}#sizing-result>p{font-size:13px}#sizing-result dl{font-size:12px}.sizing-apply{font-size:14px}.sizing-table{font-size:12px}.sizing-summary p{font-size:13px}}

.sizing-launch{border-top:1px solid var(--line);padding:22px 0 10px}.sizing-launch h3{font-size:17px}.sizing-launch p{font-size:12px;color:var(--muted);margin:12px 0}.sizing-launch .plain-button{font-size:12px;color:#244391;text-decoration:underline}.settings>.sizing-launch{grid-column:1/-1}#pipe-sizing-dialog{width:min(1000px,calc(100vw - 32px));max-width:none;max-height:90vh;max-height:90dvh;border:0;border-top:5px solid #998327;padding:30px;color:#182950;background:white;overflow:auto;box-shadow:0 20px 70px #101c3d55}#pipe-sizing-dialog::backdrop{background:#101c3dc4}.sizing-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.sizing-dialog-heading .eyebrow{font-size:10px;margin-bottom:10px;color:#78651c}.sizing-dialog-heading h2{font-size:43px}.sizing-dialog-heading button{font-size:13px;white-space:nowrap}.sizing-dialog-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px}.sizing-inputs,.sizing-output{min-width:0}.sizing-dialog-content .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sizing-dialog-content .field{margin-bottom:17px}.sizing-dialog-content .field label{font-size:12px}.sizing-dialog-content .field input,.sizing-dialog-content .field select{font-size:15px;padding:10px}.sizing-dialog-content .help{font-size:12px;color:var(--muted);margin:0 0 20px;line-height:1.6}.sizing-dialog-content .sizing-options{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.sizing-dialog-content summary{cursor:pointer;font-size:13px;font-weight:600}.sizing-dialog-content .sizing-options .field-row{margin-top:20px}.sizing-output #sizing-result{margin-top:0;padding:24px}.sizing-output .sizing-size{font-size:48px}.sizing-output #sizing-result>p{font-size:14px}.sizing-output #sizing-result dl{font-size:13px}.sizing-output #sizing-result .sizing-assumption{font-size:12px}.sizing-output .sizing-apply{font-size:14px;margin-bottom:20px}.sizing-output .sizing-scope{margin-top:22px}.sizing-output .sizing-table{font-size:13px}.sizing-output .sizing-table caption{font-size:11px}
@media(max-width:700px){#pipe-sizing-dialog{width:calc(100vw - 20px);max-height:94vh;max-height:94dvh;padding:20px}.sizing-dialog-content{grid-template-columns:1fr;gap:22px}.sizing-dialog-heading{align-items:start;gap:10px}.sizing-dialog-heading h2{font-size:33px}.sizing-dialog-heading button{white-space:normal;max-width:90px;text-align:right;font-size:12px}.sizing-dialog-content .field input,.sizing-dialog-content .field select{font-size:16px}.sizing-output #sizing-result{padding:20px}.sizing-output .sizing-size{font-size:43px}}
.sizing-dialog-heading{position:sticky;top:-30px;z-index:2;background:white;padding-top:12px}#sizing-dialog-preview{font-size:13px;line-height:1.5;margin-top:12px;color:#244391;font-weight:600}.sizing-table td{overflow-wrap:anywhere}
@media(max-width:700px){.sizing-dialog-heading{top:-20px}#sizing-dialog-preview{font-size:12px}}
.selection-panel #drop-position-form{grid-template-columns:1fr 1fr}.selection-panel>p{margin-bottom:15px}.route-actions{display:flex;flex-wrap:wrap;gap:8px}.legend-tee{font-weight:600;color:var(--ink)}
#planner-message{width:calc(100% - 32px);max-width:600px;padding:13px 20px}
.takeoff dd{overflow-wrap:anywhere}

/* Keep sizing visible before setup and reachable beside the drawing. */
.sizing-spotlight{display:flex;align-items:center;gap:20px;padding:22px 3vw;background:#182950;color:#fff;border-bottom:4px solid #c4ac54}.sizing-spotlight-icon{flex:0 0 48px;width:48px;height:52px;display:grid;place-items:center;color:#e5d397}.sizing-spotlight-icon svg{width:34px;height:40px}.sizing-spotlight-copy{flex:1;min-width:0}.sizing-spotlight h2{font:600 25px var(--body);letter-spacing:-.025em;line-height:1.25}.sizing-spotlight p{font-size:13px;line-height:1.6;color:#dce3f1;margin-top:6px}.sizing-spotlight .sizing-spotlight-button{background:#e5d397;color:#182950;flex-shrink:0;font-size:15px;padding:16px 22px;gap:26px;border:1px solid #e5d397}.sizing-spotlight .sizing-spotlight-button:hover{background:#f3e8bf;color:#182950}.layout-bar .canvas-sizing-button{background:#182950;color:white;border:1px solid #182950;font-size:12px;font-weight:600;padding:9px 12px;margin-left:auto;display:flex;gap:12px;align-items:center}.layout-bar .canvas-sizing-button:hover{background:#244391;color:white}.layout-bar .view-toggle{margin-left:5px}.sizing-spotlight button:focus-visible,.layout-bar .canvas-sizing-button:focus-visible{outline:3px solid #c4ac54;outline-offset:4px}
@media(max-width:1100px) and (min-width:801px){.layout-bar .canvas-sizing-button{order:2;width:100%;margin:6px 0 0;justify-content:center}.layout-bar .view-toggle{margin-left:auto}}
@media(max-width:700px){.sizing-spotlight{padding:21px 24px;gap:10px 15px;flex-wrap:wrap}.sizing-spotlight-icon{flex-basis:34px;width:34px}.sizing-spotlight h2{font-size:21px}.sizing-spotlight p{font-size:13px}.sizing-spotlight .sizing-spotlight-button{width:100%;justify-content:space-between;margin-top:5px;font-size:16px;min-height:50px}.layout-bar .canvas-sizing-button{order:2;width:100%;margin:6px 0 0;justify-content:center;font-size:13px;min-height:44px}.layout-bar .view-toggle{margin-left:auto}}

#sizing-network-options{border:1px solid #d3dbe8;background:#f5f7fb;padding:16px;margin:16px 0 22px}#sizing-network-options[hidden],#sizing-outlet-demands[hidden],#sizing-network-results[hidden]{display:none}#sizing-network-options select{width:100%;font-size:13px}.outlet-demand-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.outlet-demand-grid .field{min-width:0}.outlet-demand-grid label{overflow-wrap:anywhere}.outlet-demand-grid label span{font-weight:400;color:var(--muted)}#sizing-network-results{border-top:1px solid var(--line);padding-top:15px;margin:18px 0}#sizing-network-results .help{margin-top:12px}#sizing-network-results th{overflow-wrap:anywhere}.sizing-path-actions{border:1px solid #c9d3e4;padding:4px;gap:4px}.sizing-path-actions .plain-button{flex:1;padding:10px;text-align:center;text-decoration:none}.sizing-path-actions .plain-button[aria-pressed=true]{background:#182950;color:white}.sizing-path-actions .plain-button:focus-visible{outline:3px solid #b59934;outline-offset:2px}
@media(max-width:400px){.outlet-demand-grid{grid-template-columns:1fr}}