:root{--red:#ee2e24;--ink:#111;--muted:#697078;--line:#d9dde1;--studio:#f6f7f8;font-family:Gotham,Arial,sans-serif;color:var(--ink);background:white;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:1px}button:disabled{opacity:.5;cursor:wait}svg{width:19px;height:19px;flex-shrink:0}.brand-header{min-height:104px;background:#111;display:flex;align-items:center;justify-content:space-between;padding:16px 36px;color:white;gap:24px}.brand{display:flex;gap:25px;align-items:center;text-decoration:none}.brand img{width:147px;height:76px;object-fit:contain}.brand>span{font-size:24px;line-height:1.03;font-weight:800;letter-spacing:-.7px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.7px;margin-top:9px;color:#a8a8a8}.brand-header nav{display:flex;gap:32px;align-items:center}.brand-header nav a{font-size:12px;font-weight:600;text-decoration:none;letter-spacing:.4px}.brand-header nav a:last-child{color:#aaa;border-left:1px solid #555;padding-left:28px}.breadcrumb{background:#353535;color:#eee;display:flex;gap:17px;padding:14px 38px;font-size:12px}.breadcrumb a{text-decoration:none}.breadcrumb strong{font-weight:500}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(430px,1fr);min-height:calc(100vh - 199px)}.preview{background:var(--studio);display:flex;flex-direction:column;position:relative;min-width:0}.intro{padding:32px 38px 0;z-index:1}.intro h1{font-size:clamp(27px,3vw,44px);letter-spacing:-1.8px;line-height:1.1;margin:0 0 10px;font-weight:800}.intro p{font-size:24px;font-weight:500;color:#5d6269;margin:0;letter-spacing:-.6px}.model-stage{position:relative;flex:1;min-height:400px;height:470px}pc-app{display:block;position:absolute;inset:0;width:100%;height:100%}pc-app canvas{width:100%!important;height:100%!important;touch-action:none}#viewer-status{position:absolute;inset:0;display:grid;place-content:center;color:#60666d;font-size:14px;background:var(--studio)}#viewer-status.ready{display:none}#viewer-status.error{padding:40px;text-align:center;pointer-events:none}.drag-hint{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#8a8e93;font-size:9px;letter-spacing:1.5px;pointer-events:none}.view-toolbar{display:flex;justify-content:center;gap:10px;padding:12px 20px}.view-toolbar button{display:flex;align-items:center;gap:8px;padding:11px 17px;border:1px solid #a7adb4;background:transparent;color:#505860;border-radius:3px;font-size:12px;font-weight:600}.view-toolbar button:hover,.view-toolbar button[aria-pressed=true]{background:#616972;color:white;border-color:#616972}.reference-note{text-align:center;color:#737b84;font-size:11px;padding:0 16px 15px;margin:4px 0 0}.draft-summary{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:23px 35px;background:#fff}.draft-summary>svg{width:30px;height:30px}.draft-summary div{flex:1}.draft-summary span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.draft-summary strong{font-size:15px;line-height:1.5}.draft-summary button{background:none;border:0;border-left:1px solid var(--line);padding:14px 0 14px 20px;color:var(--red);font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.configuration{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.stepper{display:flex;padding:28px 28px 18px}.stepper button{position:relative;flex:1;background:none;border:0;padding:0;font-size:10px;color:#60666c;display:flex;align-items:center;flex-direction:column;gap:9px}.stepper button:before{content:'';height:1px;background:#c3c7cc;position:absolute;top:17px;left:50%;width:100%}.stepper button:last-child:before{display:none}.stepper b{width:35px;height:35px;border-radius:50%;background:#e8eaec;display:grid;place-items:center;font-size:16px;z-index:1;font-weight:600}.stepper [aria-current=step]{color:#111;font-weight:700}.stepper [aria-current=step] b,.stepper .complete b{background:var(--red);color:white}.configuration form{padding:15px 30px 26px;flex:1;display:flex;flex-direction:column}#step-body{flex:1}.configuration h2{font-size:23px;letter-spacing:-.7px;line-height:1.3;margin:10px 0 23px;font-weight:750}.description{font-size:12px;color:var(--muted);line-height:1.7;margin:-12px 0 22px}label.field{display:block;margin-bottom:19px;font-size:13px;font-weight:600}label.field>span{display:block;margin-bottom:8px}.field input,.field select,.field textarea,.recipient input{width:100%;border:1px solid #bec4ca;border-radius:3px;padding:12px;background:#fff;color:#202428;font-size:13px;font-weight:400;min-height:44px}.field textarea{resize:vertical;min-height:90px}.field small,.hint{display:block;color:var(--muted);font-size:10px;line-height:1.65;font-weight:400;margin-top:7px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.choices{border:0;padding:0;margin:0 0 20px}.choices legend{font-size:13px;font-weight:650;margin-bottom:9px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:82px;text-align:center;border:1px solid #c6cbd1;border-radius:3px;padding:10px 5px;font-size:11px;cursor:pointer;background:white;line-height:1.5}.choice:has(input:checked){border-color:var(--red);background:#fff0ef}.choice input{accent-color:var(--red);order:2;width:16px;height:16px;margin:0}.choice small{display:block;color:#747a81;font-size:10px}.step-actions{display:flex;gap:10px;margin-top:24px}.primary,.secondary{display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 18px;border-radius:3px;font-size:13px;font-weight:650;min-height:47px}.primary{background:var(--red);color:white;border:1px solid var(--red)}.primary:hover{background:#ce221a}.secondary{background:white;border:1px solid #bec4ca;color:#3b4249}.secondary:hover{background:#f0f1f2}#next{flex:1}.panel-note{display:flex;align-items:flex-start;gap:12px;padding:22px 28px;background:#f6f7f8;border-top:1px solid var(--line);color:#747b83;font-size:11px;line-height:1.7}.panel-note svg{margin-top:2px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 36px;border-top:1px solid var(--line);font-size:10px;color:#858b91}.site-footer>span{font-weight:600;letter-spacing:1px}.site-footer a{text-decoration:none}.site-footer button{background:none;border:0;color:#777d83;font-size:10px}.checklist{margin:0 0 23px;display:grid;gap:0}.checklist label{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e5e7e9;font-size:12px;line-height:1.5}.checklist input{width:17px;height:17px;accent-color:var(--red)}h3{font-size:14px;margin:22px 0 14px}.port{border-top:1px solid var(--line);padding:15px 0 2px}.port-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}.port-head button{border:0;background:none;color:#9d2822;font-size:11px;padding:5px}.port .field{margin-bottom:10px}.inline-button{background:none;border:1px dashed #aeb4bb;color:#535b64;padding:12px;width:100%;font-size:12px;margin:5px 0 20px}.upload{display:block;border:1px dashed #aeb4bb;padding:20px;background:#f8f9fa;margin:10px 0 15px;font-size:12px;font-weight:500}.upload input{display:block;max-width:100%;margin-top:14px;font-size:10px}.file-list{font-size:11px;color:#66707a;line-height:1.7;overflow-wrap:anywhere}.unit-control{display:flex;gap:8px;margin-bottom:18px}.unit-control button{padding:7px 14px;border:1px solid #c8cdd2;background:white;font-size:11px}.unit-control button[aria-pressed=true]{border-color:var(--red);color:var(--red);background:#fff0ef}#form-error{font-size:12px;line-height:1.7;color:#bd231b;background:#fff0ef;padding:12px;border-left:3px solid var(--red)}dialog{width:min(800px,calc(100vw - 32px));max-height:90vh;border:0;border-radius:5px;padding:30px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0009}dialog header{display:flex;justify-content:space-between;align-items:flex-start}dialog header p{font-size:10px;color:var(--red);font-weight:700;letter-spacing:1px;margin:0 0 7px}dialog h2{font-size:28px;letter-spacing:-1px;margin:0}dialog header button{padding:7px;background:none;border:0}.quote-lead{font-size:12px;color:var(--muted);line-height:1.7}.quote-section{border-top:1px solid var(--line);padding:16px 0}.quote-section h3{margin:0 0 12px;font-size:14px}.quote-section dl{display:grid;grid-template-columns:160px 1fr;gap:9px 18px;margin:0;font-size:12px;line-height:1.6}.quote-section dt{color:var(--muted)}.quote-section dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.recipient{display:block;border-top:1px solid var(--line);padding-top:18px;font-size:12px;font-weight:600}.recipient input{margin:9px 0}.recipient small{font-size:10px;font-weight:400;display:block;color:var(--muted);line-height:1.6}.quote-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.attachment-note,#quote-feedback{font-size:11px;line-height:1.7;color:var(--muted)}#quote-feedback{color:#bd231b}.estimate{font-size:11px;padding:12px;background:#f5f6f7;line-height:1.7;color:#646c75;margin-bottom:19px}.optional{color:#858b92;font-weight:400;font-size:10px}
@media(min-width:1600px){.configuration form{padding:20px 42px 30px}.stepper{padding:30px 38px}.intro{padding:38px 46px 0}.model-stage{min-height:510px}.choice{min-height:95px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1.25fr) minmax(390px,1fr)}.intro h1{font-size:30px}.intro{padding:26px 24px 0}.intro p{font-size:19px}.brand-header nav{gap:18px}.brand-header nav a:last-child{display:none}.draft-summary{padding:20px;gap:12px}.draft-summary strong{font-size:12px}.draft-summary button{padding-left:12px}.model-stage{min-height:370px}.configuration form{padding:15px 24px 26px}}
@media(max-width:760px){.brand-header{padding:14px 18px;min-height:85px}.brand{gap:12px}.brand img{width:90px;height:53px}.brand>span{font-size:17px}.brand small{font-size:6px;margin-top:6px}.brand-header nav{display:none}.breadcrumb{padding:12px 20px;gap:12px;font-size:10px}.workspace{display:block}.intro{padding:25px 22px 0}.intro h1{font-size:29px;letter-spacing:-1px}.intro p{font-size:19px}.model-stage{height:300px;min-height:300px;flex:none}.view-toolbar{gap:6px;padding:8px 14px}.view-toolbar button{padding:9px 12px;font-size:11px}.reference-note{font-size:10px;padding-bottom:18px}.draft-summary{padding:15px 20px}.draft-summary>svg{display:none}.draft-summary button{font-size:10px}.configuration{border-left:0;border-top:1px solid var(--line)}.stepper{padding:23px 18px 16px}.configuration form{padding:8px 22px 24px}.configuration h2{font-size:23px}.choice{min-height:85px;font-size:12px}.site-footer{padding:20px;flex-wrap:wrap;font-size:9px}.site-footer button{font-size:9px}.quote-section dl{grid-template-columns:105px 1fr;font-size:11px}.quote-actions>button{width:100%}dialog{padding:22px}.panel-note{padding:18px 22px}}
@media print{body>*:not(#quote-dialog){display:none!important}#quote-dialog{position:static;width:100%;max-height:none;padding:0;margin:0;box-shadow:none;border:0}#quote-dialog:not([open]){display:none}#quote-dialog header button,.recipient,.quote-actions,#quote-feedback,.attachment-note{display:none!important}.quote-section{break-inside:avoid}dialog::backdrop{display:none}}

[hidden]{display:none!important}

.preview{background:#fff}.choice{font-size:12px}.stepper button{font-size:11px}

/* Tablet and desktop use the viewport as an application canvas. */
@media screen and (min-width:761px){
 html,body{height:100%;overflow:hidden}
 body{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr)}
 .brand-header{min-height:0;height:76px;padding:9px 28px}
 .brand img{width:112px;height:56px}.brand>span{font-size:21px}.brand small{font-size:8px;margin-top:6px}
 .breadcrumb{padding:9px 28px;font-size:11px}
 .workspace{min-height:0;height:100%;grid-template-columns:minmax(0,1.3fr) minmax(400px,1fr)}
 .preview,.configuration{min-height:0;overflow:hidden}
 .intro{padding:22px 28px 0;flex:none}.intro h1{font-size:clamp(25px,2.7vw,40px);letter-spacing:-1.3px}.intro p{font-size:20px}
 .model-stage{height:auto;min-height:0;flex:1}
 .view-toolbar{flex:none;padding:8px 16px}.view-toolbar button{padding:9px 15px}
 .reference-note{flex:none;font-size:10px;padding-bottom:12px}
 .draft-summary{flex:none;padding:14px 25px;gap:15px}.draft-summary strong{font-size:13px}.draft-summary>svg{width:25px;height:25px}
 .stepper{flex:none;padding:19px 24px 12px}.stepper button{font-size:10px}.stepper b{height:30px;width:30px;font-size:14px}.stepper button:before{top:15px}
 .configuration form{padding:0 25px 18px;min-height:0;overflow:hidden;flex:1}
 #step-body{min-height:0;overflow:hidden;flex:1;display:flex;flex-direction:column}
 .form-heading{flex:none}.configuration h2{font-size:22px;margin:8px 0 15px}.form-heading .description{margin:-6px 0 15px;font-size:11px;line-height:1.6}
 .form-pages{min-height:0;flex:1}.form-page{display:none}.form-page.active{display:block}
 label.field{margin-bottom:13px;font-size:12px}.field>span{margin-bottom:6px!important}
 .field input,.field select,.field textarea{min-height:40px;padding:10px 11px;font-size:12px}
 .field textarea{min-height:66px;height:66px;resize:none}.field small,.hint{font-size:10px;line-height:1.5;margin-top:5px}
 .choices{margin-bottom:15px}.choices legend{font-size:12px;margin-bottom:7px}.choice{min-height:72px;padding:8px 5px}
 .step-actions{flex:none;align-items:center;margin-top:12px}.step-actions button{min-height:42px;padding:11px 17px}
 .page-position{flex:none;margin:8px 0 0;color:#787f87;font-size:10px;line-height:1.4}
 .panel-note{flex:none;padding:12px 24px;font-size:10px;line-height:1.5}
 .site-footer{padding:11px 28px;font-size:9px}.site-footer button{font-size:9px}
 .estimate{padding:10px;font-size:10px;line-height:1.5;margin-bottom:13px}
 .unit-control{margin-bottom:13px}.checklist{margin-bottom:10px}.checklist label{padding:8px 0;font-size:11px}
 .upload{padding:14px;margin:6px 0 10px}.port{padding:10px 0 0}.port-head{margin-bottom:9px}.port .field{margin-bottom:9px}
 .inline-button{margin:4px 0 13px;padding:10px}#form-error{flex:none;padding:8px;margin:8px 0 0;font-size:11px}
 h3{margin:14px 0 12px}
}
@media screen and (min-width:761px) and (max-width:1000px){
 .workspace{grid-template-columns:minmax(0,1fr) minmax(390px,1fr)}
 .brand-header nav{gap:18px}.brand-header nav a{font-size:10px}.brand{gap:16px}
 .intro{padding:20px 20px 0}.intro h1{font-size:28px}.intro p{font-size:17px}
 .draft-summary{padding:12px 16px;gap:10px}.draft-summary>svg{display:none}.draft-summary strong{font-size:11px}.draft-summary button{font-size:10px;padding-left:10px;gap:4px}
 .view-toolbar{gap:6px;padding:8px}.view-toolbar button{font-size:10px;padding:9px 10px;gap:5px}.view-toolbar svg{width:16px;height:16px}
 .reference-note{font-size:9px;padding-left:10px;padding-right:10px}
 .configuration form{padding-left:20px;padding-right:20px}.configuration h2{font-size:20px}
}
@media screen and (min-width:761px) and (max-height:750px){
 .brand-header{height:60px;padding:6px 24px}.brand img{height:45px;width:90px}.brand>span{font-size:18px}.brand small{font-size:7px;margin-top:4px}
 .breadcrumb{padding:7px 24px;font-size:10px}.intro{padding-top:16px}.intro h1{font-size:29px}.intro p{font-size:17px}
 .stepper{padding-top:13px;padding-bottom:9px}.panel-note{display:none}.site-footer{padding:8px 24px}
 .configuration form{padding-bottom:12px}.configuration h2{margin-top:6px;font-size:20px}
 .draft-summary{padding-top:10px;padding-bottom:10px}.reference-note{padding-bottom:8px}.view-toolbar button{padding:7px 12px}
}
@media screen and (max-width:760px){.form-page{display:contents}.page-position{display:none}}

@media screen and (min-width:761px){.checklist{grid-template-columns:1fr 1fr;gap:0 14px}.checklist label{align-items:flex-start;min-height:40px}.checklist input{flex:none;margin-top:1px}}

@media screen and (min-width:761px){.tank-basics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tank-basics select{max-width:100%;min-width:0}.tank-basics .field{min-width:0}}

.header-title h1{margin:0;font-size:26px;font-weight:750;letter-spacing:-.8px;line-height:1.15;color:#fff}.header-title p{margin:6px 0 0;color:#c4c4c4;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.3}
@media screen and (min-width:761px) and (max-height:750px){.header-title h1{font-size:22px}.header-title p{font-size:11px;margin-top:4px}}
@media screen and (max-width:1000px){.header-title h1{font-size:23px}.header-title p{font-size:12px}}
@media screen and (max-width:760px){.header-title h1{font-size:21px;letter-spacing:-.6px}.header-title p{font-size:11px;margin-top:5px}}

/* Architectural study: all product surfaces and construction lines are native 3D. */
.model-stage{background:#fff}
.study-header{position:absolute;left:26px;right:26px;top:24px;display:flex;justify-content:space-between;gap:15px;z-index:2;pointer-events:none;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#52585e}.study-header b{font-weight:500;color:#111}.study-header #study-state{font-size:9px;color:#777f85}.study-header #study-state.is-building{color:var(--red)}
#dimension-labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.dimension-label{position:absolute;transform:translate(-50%,-50%);padding:4px 7px;background:#ffffffec;color:#15181b;font:12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;border-radius:2px}.dimension-label.illustrative{color:#5b6268}
.study-caption{position:absolute;left:26px;right:26px;bottom:31px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px;color:#717980}.study-caption span:last-child{font-size:8px;color:#94999e}.drag-hint{bottom:10px;font-size:8px;letter-spacing:1.2px}
#assembly-toggle{border-color:#252b30;color:#252b30}#assembly-toggle[aria-pressed=true]{background:#15191d;color:white}
@media screen and (max-width:1000px){.study-header{left:18px;right:18px;font-size:8px;gap:8px}.study-header #study-state{font-size:8px;letter-spacing:0}.study-caption{left:18px;right:18px}.study-caption span:last-child{display:none}.view-toolbar{flex-wrap:wrap}.dimension-label{font-size:10px;padding:3px 5px}}
@media screen and (max-width:760px){.study-header{top:17px}.model-stage{height:350px;min-height:350px}.view-toolbar button{padding:8px 10px;gap:5px}.view-toolbar svg{width:16px;height:16px}.study-caption{bottom:29px;font-size:8px}}

.size-block .field{margin-bottom:12px}.catalogue-presets>span{display:block;font-size:10px;color:#697078;margin-bottom:8px}.catalogue-presets .unit-control{gap:6px;margin-bottom:12px}.catalogue-presets button{padding:7px 8px;font-size:10px}.size-block .unit-control{margin-bottom:12px}

.choice-grid:has(input[value="Not sure"]){grid-template-columns:repeat(4,minmax(0,1fr))}

.port-location{margin-bottom:12px}.port-location .inline-button{margin:0 0 10px}.port-location .field{margin-bottom:10px}.port-label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.port-marker{position:absolute;transform:translate(-50%,-140%);border:1px solid #111;background:#fff;padding:4px 7px;font-size:10px;white-space:nowrap;pointer-events:auto;border-radius:2px}.port-marker.selected{background:#ee2e24;border-color:#ee2e24;color:white}#port-position-status{margin:0 0 10px;color:#697078}.port-location input,.port-location select{min-height:34px}.port-location .field>span{font-size:11px}

.port-marker.schematic{transform:translate(-50%,15%);font-size:9px;pointer-events:none;background:#fffffff0}

#connection-tools{display:flex;gap:6px;align-items:center;margin-bottom:10px;flex:none}#connection-tools[hidden]{display:none}#connection-tools select{min-width:0;flex:1;border:1px solid #c8cdd2;background:white;padding:8px;font-size:11px;height:35px}#connection-tools button{border:1px solid #c8cdd2;background:white;padding:8px;font-size:11px;white-space:nowrap;height:35px}#connection-tools #add-port{border-color:#ee2e24;color:#ee2e24}#connection-tools #done-port{background:#111;border-color:#111;color:white}.port-notes .field{margin-bottom:10px}

#connection-tools{flex-wrap:wrap}#connection-tools select{flex-basis:120px}#connection-tools #delete-port{display:flex;gap:5px;align-items:center;color:#b7241c;border-color:#ead4d1}#delete-port svg{width:14px;height:14px}.connection-edit-tabs{display:flex;gap:5px;flex-basis:100%;padding-top:3px}.connection-edit-tabs button{flex:1;height:29px!important;padding:5px!important;font-size:10px!important;background:#f7f7f7!important}.connection-edit-tabs button[aria-pressed=true]{border-color:#111!important;color:#111!important;background:#eee!important}.connection-undo{display:flex;align-items:center;gap:10px;flex-basis:100%;font-size:11px;color:#697078}.connection-undo button{height:25px!important;padding:3px 8px!important;color:#ee2e24}

#configurator-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 24px 0;flex:none}#configurator-modes button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9dde1;background:white;padding:9px 6px;color:#697078}#configurator-modes button strong{font-size:12px}#configurator-modes button span{font-size:9px}#configurator-modes button[aria-pressed=true]{border-color:#111;color:#111;background:#f4f4f4}.stepper{padding-top:16px!important;padding-bottom:12px!important}#form-error{padding:7px;font-size:10px;line-height:1.4;margin:6px 0}#show-advanced-connections:empty{display:none}

.size-block .field{margin-bottom:8px}.size-block .field input{min-height:34px;padding:7px 9px}.size-block .unit-control{margin-bottom:8px}.size-block .unit-control button{padding:5px 9px}.size-block .estimate{margin-bottom:7px;padding:8px;font-size:9px;line-height:1.4}

.port-location .field{margin-bottom:8px}.port-location input,.port-location select,.port input,.port select{min-height:34px;padding:7px 9px}.port-location .inline-button{padding:8px;margin-bottom:8px}#port-position-status{font-size:9px;line-height:1.4}

.port-location .field>span{margin-bottom:3px!important}.port-location .inline-button{padding:6px}

.click-choices{display:flex;gap:8px;margin:12px 0 18px}.click-choices label{flex:1;display:flex;align-items:center;gap:9px;border:1px solid #ccd0d4;padding:11px 9px;font-size:11px;cursor:pointer}.click-choices label:has(input:checked){border-color:#111;background:#f3f3f3}.click-choices input{margin:0;accent-color:#111;width:13px;height:13px}.capacity-result{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #ddd;font-size:12px}.capacity-result strong{font-size:24px}.connection-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.connection-list button{border:1px solid #ccd0d4;background:white;padding:8px 10px;text-align:left;font-size:11px}.connection-list button span{display:block;font-size:9px;color:#697078;margin-top:4px}.connection-list button[aria-pressed=true]{border-color:#ee2e24;background:#fff5f4}.simple-port-editor .field{margin-bottom:10px}.simple-port-editor input,.simple-port-editor select{padding:7px 9px;min-height:34px}.port-face{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:10px}.port-face button{background:white;border:1px solid #ccd0d4;padding:5px 9px;font-size:10px}.placement-prompt{font-size:12px;color:#697078}.configuration:has([data-mode="simple"][aria-pressed="true"]) .form-page.active{display:block}.configuration:has([data-mode="simple"][aria-pressed="true"]) h2{margin:0 0 12px}

.configuration:has([data-mode="simple"][aria-pressed="true"]) .click-choices{margin:6px 0 10px}.configuration:has([data-mode="simple"][aria-pressed="true"]) .click-choices label{padding:8px 7px}.simple-port-editor .field{margin-bottom:6px}.connection-list{margin-bottom:8px;max-height:70px;overflow:auto}.simple-upload{padding:10px;margin:10px 0}.simple-upload input{margin-top:8px}.configuration:has([data-mode="simple"][aria-pressed="true"]) .field textarea{min-height:75px;height:75px;resize:none}

#quote-dialog{width:min(1000px,calc(100vw - 40px))}.quote-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-images figure{margin:0;border:1px solid #e1e1e1;break-inside:avoid}.quote-images figure.hero-view{grid-column:1/-1}.quote-images img{display:block;width:100%;height:auto}.quote-images figcaption{font-size:11px;font-weight:600;padding:8px 12px;border-top:1px solid #eee}.quote-confirmation{display:flex;align-items:flex-start;gap:12px;padding:18px 0;margin-top:16px;border-top:1px solid #ddd;font-size:13px;line-height:1.5}.quote-confirmation input{width:18px;height:18px;accent-color:#ee2e24;flex:none;margin-top:1px}.delivery-status{font-size:11px;color:#697078}.quote-actions button:disabled{cursor:not-allowed}.quote-view-heading{font-size:18px;margin-top:24px}@media print{.quote-confirmation,.delivery-status{display:none!important}.quote-images{display:block}.quote-images figure{margin-bottom:16px;page-break-inside:avoid}.quote-images img{max-height:600px;object-fit:contain}}

.quote-hero{margin:12px 0 20px;border:1px solid #e1e1e1}.quote-hero img{display:block;width:100%;max-height:430px;object-fit:contain}@media print{.quote-hero{page-break-inside:avoid}.quote-hero img{max-height:500px}}

.quote-brand{display:flex;align-items:center;gap:20px}.quote-brand>img{width:120px;padding:8px;background:#111;border-radius:3px}.quote-company,#quote-metadata{font-size:11px;line-height:1.7;color:#616971}.quote-actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:stretch}.quote-actions button{margin:0;min-height:48px;white-space:normal}.quote-actions .secondary{justify-content:center}

.header-wordmark{width:116px;height:64px;object-fit:contain;flex-shrink:0}.quote-actions{display:flex;justify-content:flex-end}.quote-actions #download-quote{min-width:180px}.quote-actions [hidden],.quote-confirmation[hidden],.delivery-status[hidden]{display:none!important}

.brand-header .header-wordmark{width:98.6px;height:54.4px}.brand-header .brand{align-items:center;gap:24px}.brand-header .brand>img{display:block;object-fit:contain;flex-shrink:0}.brand-header .header-title{display:flex;flex-direction:column;justify-content:center;gap:5px}.brand-header .header-title h1{margin:0;line-height:1.1}.brand-header .header-title p{margin:0;line-height:1.3}.quote-brand>img{background:none;padding:0;border-radius:0;width:110px}.quote-brand{gap:24px;align-items:center}.quote-company{border-top:1px solid #ddd;margin-top:24px;padding-top:16px}

#quote-copy-dialog{width:520px}.quote-actions{align-items:center}.quote-brand>img{background:none}#configurator-modes{display:none!important}


.header-partners{display:flex;align-items:center;gap:24px;flex-shrink:0}.header-amp{display:block;width:auto;height:54.4px;object-fit:contain}.configuration .stepper{padding-top:30px!important}

@media screen and (min-width:761px){.preview .model-stage{flex:1;min-height:0;height:100%;width:100%}}

#quote-dialog{font-family:var(--quote-fontFamily,Gotham),Arial,sans-serif;color:var(--quote-ink,#111)}#quote-dialog h2{font-size:calc(var(--quote-titleSize,28)*1px)}.quote-section{border-color:var(--quote-line,#d9dde1);padding:calc(var(--quote-sectionPadding,16)*1px) 0}.quote-section h3{font-size:calc(var(--quote-headingSize,14)*1px);font-weight:600}.quote-section dl{font-size:calc(var(--quote-bodySize,12)*1px);line-height:var(--quote-lineHeight,1.6);row-gap:calc(var(--quote-rowGap,9)*1px)}.quote-section dt{color:var(--quote-muted,#697078);font-weight:600}

.quote-section dd{font-family:GothamBook,Gotham,Arial,sans-serif;font-weight:400}

#quote-dialog h2,#quote-dialog h3,#quote-dialog .quote-section dt,#quote-dialog .quote-images figcaption{font-weight:500}

.dimension-label,.dimension-label.illustrative{color:#111}