@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d10;--panel:#101318;--line:#282d34;--muted:#89919b;--white:#f4f5f6;--red:#f0192c;--font:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:13px}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{opacity:.32;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #ff4656;outline-offset:4px}button{transition:background .15s,border-color .15s,color .15s}button:hover:not(:disabled){color:#fff}a{color:inherit}.masthead{height:84px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:37px;background:#090b0e}.brand{width:192px;display:block}.brand img{width:100%;height:40px;object-fit:contain}.mast-title{font-size:12px;font-weight:650;letter-spacing:1.5px;border-left:1px solid #333941;padding-left:30px;display:flex;flex-direction:column;gap:7px}.mast-title span{font-size:9px;color:#79828e;font-weight:500;letter-spacing:2px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:26px}.study-badge{font-size:9px;letter-spacing:1.4px;color:#a5adb7;display:flex;gap:8px;align-items:center}.study-badge i{height:5px;width:5px;border-radius:50%;background:var(--red)}.export-button{background:var(--red);padding:13px 18px;font-size:12px;font-weight:600;border-radius:3px;display:flex;gap:29px;align-items:center}.export-button:hover{background:#ce1425}.workspace{display:grid;grid-template-columns:318px minmax(0,1fr);max-width:1840px;margin:auto}.controls{background:#111419;border-right:1px solid var(--line);padding:28px 25px 20px}.intro .eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--red)}.intro h1{font-size:30px;font-weight:650;letter-spacing:-1.4px;line-height:1.13;margin:14px 0 13px}.intro p{font-size:11px;color:#959da7;margin:0 0 24px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.control-section{border-top:1px solid var(--line);padding-top:19px;margin-top:21px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:9px;font-weight:650;letter-spacing:1.4px;color:#c2c8cf}.section-label span+span{font-size:8px;color:#727d8b;letter-spacing:1px}.family-switch{display:grid;grid-template-columns:1fr 1fr;background:#080a0d;border:1px solid #2d333b;border-radius:4px;padding:3px;gap:3px}.family-switch button{font-size:11px;padding:10px;border-radius:2px;color:#89929d}.family-switch button.active{background:#2b3139;color:#fff}.model-options{display:flex;gap:7px;margin-top:12px}.model-options button{flex:1;border:1px solid #303740;padding:11px 4px;font-weight:600;font-size:12px;border-radius:3px}.model-options button.active{border-color:var(--red);background:#f0192c0d;color:#ff4859}.model-description{font-size:10px;color:var(--muted);line-height:1.5;margin:11px 0 0}.part-options{display:grid;gap:5px}.part-options button{display:flex;width:100%;align-items:center;gap:9px;font-size:11px;color:#aab1bb;padding:11px 12px;border:1px solid transparent;border-radius:3px;background:#161a21;text-align:left}.part-options button.active{background:#f0192c0b;border-color:#a82936;color:#fff}.part-options button .part-icon{color:#7e8998;font-size:14px;width:17px}.part-options button.active .part-icon{color:#ff3e51}.part-options button span:last-child{margin-left:auto;color:#7c8797;font-size:9px}.part-options button.active span:last-child{color:#f16570}.part-options button:disabled{opacity:.3}.cell-heading{display:flex;justify-content:space-between;margin:16px 0 9px;font-size:10px;color:#b4bdc8}.cell-heading span+span{font-size:7px;letter-spacing:.6px;color:#6e7a89}.cell-list{display:flex;gap:4px}.cell-list button{height:31px;flex:1;min-width:0;padding:0;border:1px solid #48505a;border-radius:3px;position:relative;font-size:8px;color:#0e1013;font-weight:700;overflow:visible}.cell-list button.active{outline:2px solid var(--red);outline-offset:2px}.cell-list button.dark{color:#fff}.selection-readout{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:14px}.selection-readout>span:first-child{color:#b4beca}.color-readout{color:#7f8b9b;font-size:9px}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 2px 9px;border:1px solid #2c333d;border-radius:3px;color:#aeb7c3;font-size:9px;line-height:1.3;position:relative}.swatch .chip{display:block;width:32px;height:32px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff28;box-shadow:inset 0 1px 1px #ffffff20}.swatch.active{border-color:#8d98a7;background:#ffffff05;color:#fff}.swatch.active .chip:after{content:'✓';font-size:14px;display:grid;place-items:center;height:100%;color:var(--check)}.paint-actions{display:flex;gap:7px;margin:13px 0 17px}.paint-actions button{border:1px solid #353d48;border-radius:3px;flex:1;padding:10px 3px;font-size:9px;color:#aab5c2}.paint-actions button:hover:not(:disabled){background:#252c36}.switch-row{display:flex;align-items:center;gap:8px;font-size:10px;color:#aab5c2;cursor:pointer}.switch-row input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{margin-left:auto;width:28px;height:16px;background:#343c48;border-radius:10px;position:relative}.switch-track:after{content:'';position:absolute;top:3px;left:3px;height:10px;width:10px;background:#99a5b5;border-radius:50%;transition:left .2s}.switch-row input:checked+.switch-track{background:var(--red)}.switch-row input:checked+.switch-track:after{left:15px;background:#fff}.switch-row input:focus-visible+.switch-track{outline:2px solid white;outline-offset:3px}.color-note{font-size:9px;line-height:1.6;color:#6f7b8b;margin:15px 0 0}.control-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:9px;color:#727e8d;display:flex;align-items:center;gap:7px}.control-foot button{margin-left:auto;text-decoration:underline;text-underline-offset:3px;padding:3px}.save-dot{background:#687e69;width:4px;height:4px;border-radius:50%}.studio{min-width:0;padding:30px 35px 16px;background:radial-gradient(ellipse at 55% 38%,#19202960,transparent 55%)}.studio-heading{display:flex;align-items:center;justify-content:space-between}.studio-heading .eyebrow{font-size:8px}.model-title{display:flex;align-items:center;gap:17px;margin-top:8px}.model-title h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:42px;font-weight:600;letter-spacing:1px;margin:0;line-height:1}.model-title>span{font-size:9px;letter-spacing:1.4px;border-left:1px solid #414954;padding-left:17px;color:#8895a7}.history{display:flex;gap:6px}.history button{font-family:Arial;font-size:25px;border:1px solid #303843;border-radius:3px;width:36px;height:34px;color:#bbc5d2}.view-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3440;margin-top:26px;gap:12px}.view-switch{display:flex;gap:26px}.view-switch button{font-size:11px;color:#8b98a9;padding:0 1px 13px;border-bottom:2px solid transparent;white-space:nowrap}.view-switch button.active{border-bottom-color:var(--red);color:#fff}.view-switch small{font-size:8px;color:#7b899a;margin-left:4px}.render-switch{display:flex;gap:1px;border:1px solid #303946;padding:2px;border-radius:4px;margin-bottom:10px}.render-switch button{font-size:9px;color:#8e9cae;padding:6px 11px;border-radius:2px}.render-switch button.active{background:#2a3340;color:#fff}.stage{height:500px;min-height:350px;margin-top:18px;position:relative;overflow:hidden;touch-action:pan-y;background:radial-gradient(ellipse at 50% 48%,#232e3e35,transparent 67%)}.stage:before{content:'';position:absolute;inset:32px 0;background-image:linear-gradient(#7a93b005 1px,transparent 1px),linear-gradient(90deg,#7a93b005 1px,transparent 1px);background-size:50px 50px;pointer-events:none;mask-image:radial-gradient(ellipse,#0008,transparent 75%)}.corner{position:absolute;width:13px;height:13px;pointer-events:none;border-color:#7d2834;border-style:solid;z-index:2}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{bottom:0;left:0;border-width:0 0 1px 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.stage-caption{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;color:#66778e;font-size:8px;letter-spacing:1.4px;z-index:2;pointer-events:none}.stage-caption span:first-child{color:#9aa9be}.canopy{position:absolute;inset:20px 0 27px;display:flex;align-items:center;justify-content:center;user-select:none}.canopy svg{width:100%;height:100%;overflow:visible}.canopy [data-cell],.canopy [data-part]{cursor:pointer}.canopy [data-cell]:hover{filter:brightness(1.14)}.canopy .nose{pointer-events:none}.stage-bottom{position:absolute;left:17px;right:17px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#6d7e95;pointer-events:none}.stage-bottom button{font-size:9px;color:#a5b1c2;pointer-events:auto}.studio-tools{display:flex;gap:25px;align-items:center;font-size:10px;color:#93a0b2;padding:14px 0 18px}.studio-tools label{display:flex;gap:6px;align-items:center;cursor:pointer}.studio-tools input{accent-color:var(--red);width:12px;height:12px;margin:0}.studio-tools>span{margin-left:auto;font-size:9px;color:#536378}.other-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(150px,.85fr);gap:13px;margin-top:7px}.view-card{background:#11171e;border:1px solid #293341;border-radius:4px;min-width:0;text-align:left;padding:13px 14px 0;overflow:hidden}.view-card>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#8c9db3}.view-card:hover{border-color:#526078;background:#171f29}.mini-canopy{height:130px;pointer-events:none}.mini-canopy svg{height:100%;width:100%;overflow:visible}.design-summary{padding:16px 18px;border:1px solid #293341;border-radius:4px;background:#131921;display:flex;flex-direction:column}.design-summary .eyebrow{font-size:8px}.design-summary p{font-size:9px;color:#8291a5;line-height:1.6;margin:10px 0 13px}.design-summary button{margin-top:auto;display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#c0cbd9;text-align:left;padding:0}.design-summary button span{color:#ef3347}#summary-swatches{display:flex;gap:5px;margin-top:15px}#summary-swatches i{width:19px;height:19px;border-radius:50%;border:1px solid #ffffff25}.studio-footer{margin-top:24px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #252f3c;padding-top:16px;font-size:8px;color:#536378;letter-spacing:.3px}.studio-footer span:first-child{letter-spacing:1.5px;color:#98a6b9;font-weight:600}dialog{max-width:min(540px,calc(100vw - 32px));width:540px;padding:28px;border:1px solid #39414c;border-radius:7px;background:#151a21;color:#edf0f4;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading h2{font-size:27px;letter-spacing:-1px;font-weight:600;margin:12px 0}.dialog-heading .eyebrow{color:#f25160}.close-dialog{font-size:28px;color:#8d98a7;line-height:1;padding:0 0 10px 10px}dialog>p{font-size:12px;color:#97a3b3;line-height:1.7}.export-actions{display:grid;gap:10px;margin-top:25px}.export-actions button{padding:18px;border:1px solid #354050;border-radius:4px;display:grid;grid-template-columns:1fr auto;text-align:left;gap:8px}.export-actions button:hover{background:#202935;border-color:#f0192c}.export-actions span{font-size:13px}.export-actions small{color:#8393a9;grid-column:1;font-size:10px}.export-actions b{grid-column:2;grid-row:1/3;align-self:center;color:#f33c50}.dialog-note{font-size:10px!important;margin-top:22px}.spec-table{border-collapse:collapse;width:100%;font-size:11px;margin:18px 0}.spec-table td,.spec-table th{border-bottom:1px solid #303946;padding:10px 7px;text-align:left}.spec-table th{color:#8594a9;font-size:9px;font-weight:500}.spec-table td span{display:inline-block;width:9px;height:9px;border:1px solid #ffffff30;border-radius:50%;margin-right:7px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);background:#e8edf2;color:#161b21;padding:12px 20px;border-radius:4px;box-shadow:0 6px 30px #0008;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.stage{height:570px}.studio{padding:35px 50px 20px}.controls{padding-top:34px}.workspace{grid-template-columns:335px minmax(0,1fr)}.mini-canopy{height:155px}.intro h1{font-size:34px}}@media(max-width:1100px){.masthead{padding:0 24px;gap:20px}.workspace{grid-template-columns:284px minmax(0,1fr)}.controls{padding:24px 19px}.studio{padding:26px 22px 15px}.stage{height:445px}.other-views{grid-template-columns:1fr 1fr}.design-summary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.design-summary p{grid-column:1;margin:0}.design-summary button{grid-column:2;grid-row:1/4;align-self:center;justify-content:flex-end}.design-summary #summary-swatches{margin:0}.study-badge{display:none}.intro h1{font-size:28px}.studio-tools{gap:12px}.studio-tools>span{display:none}}@media(max-width:760px){.masthead{height:70px;padding:0 18px;gap:12px}.brand{width:143px}.mast-title{padding-left:14px;letter-spacing:.7px;font-size:9px}.mast-title span{font-size:7px;letter-spacing:1px}.header-actions{gap:0}.export-button{font-size:10px;padding:11px 12px;gap:8px}.workspace{display:flex;flex-direction:column}.studio{order:0;padding:22px 18px 20px}.controls{order:1;border-top:1px solid var(--line);border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:23px 20px}.intro{grid-column:1/-1}.intro h1{font-size:27px;margin:10px 0}.intro h1 br{display:none}.intro h1 br:after{content:' '}.intro p{margin:0}.control-section{margin:0;padding-top:17px}.models{grid-column:1/-1}.model-description{margin-bottom:3px}.colors{align-self:start}.control-foot{grid-column:1/-1;margin:0}.stage{height:330px;margin-top:15px;min-height:300px}.model-title h2{font-size:34px}.view-toolbar{margin-top:21px}.view-switch{gap:21px}.stage-caption{font-size:7px;letter-spacing:.7px}.stage-bottom{font-size:8px;left:10px;right:10px;gap:5px}.stage-bottom span{max-width:65%}.other-views{gap:10px}.mini-canopy{height:100px}.view-card{padding:11px 10px 0}.design-summary{display:none}.studio-footer{margin-top:18px;font-size:7px}.palette{gap:5px}.swatch{font-size:8px}.swatch .chip{width:27px;height:27px}.paint-actions{flex-direction:column;gap:6px}.cell-list{flex-wrap:wrap;gap:5px}.cell-list button{flex-basis:calc(20% - 5px);flex-grow:0}.cell-heading{flex-direction:column;gap:5px}.section-label{font-size:8px;letter-spacing:.8px}.section-label span+span{font-size:7px}.selection-readout{gap:5px;flex-wrap:wrap;min-height:26px}.model-options button{padding:10px}.part-options button{font-size:10px;padding:10px 8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Original product artwork: transparent canvas margins handled by SVG viewBox. */
.model-logo{display:block;overflow:hidden;height:46px;width:auto;max-width:166px}.model-title h2{display:flex;align-items:center;min-height:46px}.model-options .model-logo{height:23px;width:100%;max-width:76px;margin:auto}.model-options button{min-height:46px}.model-title>span{white-space:nowrap}@media(max-width:760px){.model-title .model-logo{height:39px;max-width:135px}.model-title{gap:12px}.model-title>span{font-size:8px;padding-left:12px;letter-spacing:1px}}

/* All three views remain reachable beside the colorway summary. */
.view-card.active{border-color:#c43746;background:#1b1920}.view-card.active>div:first-child{color:#eef1f5}.design-summary{min-width:0}#summary-swatches{flex-wrap:wrap}
@media(max-width:1100px){.other-views{grid-template-columns:repeat(2,minmax(0,1fr))}.design-summary{grid-column:auto;display:flex;gap:0;padding:14px}.design-summary p{margin:10px 0 13px}.design-summary button{align-self:stretch;justify-content:space-between}.design-summary #summary-swatches{margin-top:13px}}
@media(max-width:760px){.design-summary{display:flex;padding:12px}.design-summary p{font-size:8px;margin:8px 0 10px}.design-summary button{font-size:8px}.design-summary #summary-swatches{gap:4px;margin-top:10px}.design-summary #summary-swatches i{width:15px;height:15px}}

/* Readable controls and an undoable reset beside the drawing tools. */
body{font-size:15px}
.mast-title{font-size:14px}.mast-title span,.study-badge{font-size:11px}
.export-button{font-size:14px}
.intro .eyebrow,.eyebrow,.studio-heading .eyebrow{font-size:11px}
.intro h1{font-size:34px}.intro p{font-size:14px;line-height:1.5}
.section-label{font-size:12px;letter-spacing:1px}.section-label span+span{font-size:11px;letter-spacing:.4px}
.family-switch button,.model-options button{font-size:14px}
.model-description{font-size:12px;line-height:1.6}
.part-options button{font-size:14px;padding:12px 10px;gap:8px}.part-options button span:last-child{font-size:10px;white-space:nowrap}
.cell-heading{font-size:12px;gap:8px}.cell-heading span+span{font-size:10px;letter-spacing:.2px}.cell-list button{font-size:11px;height:35px}
.selection-readout{font-size:13px;gap:10px;flex-wrap:wrap}.color-readout{font-size:12px}
.swatch{font-size:12px;padding:10px 3px}.swatch .chip{width:35px;height:35px}
.paint-actions button,.switch-row{font-size:12px}.color-note{font-size:11px;line-height:1.7}
.control-foot{font-size:11px}.control-foot button{font-size:12px}
.model-title>span{font-size:12px;letter-spacing:1px}
.studio-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.reset-design{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid #4b5563;border-radius:3px;background:#171c23;font-size:16px;font-weight:650;white-space:nowrap}
.reset-design span{font-size:20px;line-height:1}.reset-design:hover{border-color:#e74a59;background:#291b22}
.history button{width:40px;height:36px}
.view-switch button{font-size:15px}.view-switch small{font-size:12px}
.render-switch button{font-size:16px;padding:8px 14px;font-weight:600}
.stage-caption{font-size:11px;letter-spacing:1px}
.stage-bottom{font-size:12px;line-height:1.5}.stage-bottom button{font-size:12px;white-space:nowrap}
.studio-tools{font-size:13px}.studio-tools input{width:15px;height:15px}.studio-tools>span{font-size:11px}
.view-card>div:first-child,.design-summary .eyebrow{font-size:11px;letter-spacing:1px}
.design-summary p{font-size:12px}.design-summary button{font-size:12px;line-height:1.5}
.studio-footer{font-size:11px;line-height:1.5;flex-wrap:wrap}
dialog>p{font-size:14px}.dialog-note{font-size:12px!important}.export-actions span{font-size:15px}.export-actions small{font-size:12px}.spec-table{font-size:14px}.spec-table th{font-size:12px}.toast{font-size:14px}
@media(max-width:1100px){
  .workspace{grid-template-columns:300px minmax(0,1fr)}
  .studio-heading{align-items:flex-start;gap:16px}.model-title{flex-wrap:wrap;gap:10px}
  .model-title>span{border-left:0;padding-left:0}
  .view-toolbar{gap:10px}.view-switch{gap:17px}
  .render-switch button{font-size:14px;padding:8px 10px}
}
@media(max-width:760px){
  .mast-title{font-size:11px}.mast-title span{font-size:10px}.export-button{font-size:12px}
  .intro h1{font-size:30px}.studio-heading .eyebrow{font-size:10px}
  .model-title>span{font-size:11px}.reset-design{font-size:14px;padding:8px 11px;min-height:38px}
  .history button{width:36px;height:32px}.studio-actions{gap:9px}
  .stage-caption{font-size:10px;letter-spacing:.5px}.stage-bottom{font-size:11px}
  .stage-bottom button{font-size:11px}.stage-bottom span{max-width:68%}
  .view-card>div:first-child,.design-summary .eyebrow{font-size:10px}
  .design-summary p,.design-summary button{font-size:11px}.studio-footer{font-size:10px}
  .part-options button{font-size:13px}.swatch{font-size:11px}.swatch .chip{width:30px;height:30px}
}
@media(max-width:600px){
  .controls{grid-template-columns:1fr}.cell-heading{flex-direction:row;align-items:center}
  .cell-list{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.cell-list button{width:100%}
  .paint-actions{flex-direction:row}.part-options button{font-size:14px}.swatch{font-size:12px}
  .section-label{font-size:12px}.section-label span+span{font-size:11px}
  .stage-caption span:last-child{display:none}
}
@media(max-width:420px){
  .masthead{padding:0 14px;gap:10px}.brand{width:118px}.mast-title{padding-left:10px;font-size:10px;letter-spacing:.2px}.mast-title span{font-size:9px}.header-actions .export-button{padding:10px;font-size:11px}.header-actions .export-button span{display:none}
  .view-toolbar{align-items:flex-end}.view-switch{gap:14px}.view-switch button{font-size:13px}.view-switch small{font-size:10px}.render-switch button{font-size:13px;padding:8px}
}

/* SVG focus uses the actual selected cell perimeter, never a browser box. */
.canopy [tabindex]:focus,.canopy [tabindex]:focus-visible{outline:none!important;outline-offset:0}
.canopy [data-cell]:hover{filter:none}
.stage{touch-action:none;cursor:grab}
.stage.dragging,.stage.dragging *{cursor:grabbing!important}
.stage.dragging .canopy [data-part]{pointer-events:none}
.canopy svg{isolation:isolate}

.header-actions{gap:10px}.header-secondary{font-size:14px;border:1px solid #394351;border-radius:3px;padding:12px}.header-actions #export-open{background:#212a35}.save-label{display:block;color:#b7c4d3;margin:20px 0 8px}.save-input{width:100%;border:1px solid #445064;border-radius:4px;color:white;background:#0a0f15;font:inherit;padding:13px;margin-bottom:14px}.saved-links{display:grid;gap:10px;margin-top:20px;max-height:260px;overflow:auto}.saved-link{border:1px solid #354153;padding:14px;border-radius:4px}.saved-link strong{display:block;overflow-wrap:anywhere}.saved-link small{display:block;color:#9aaac0;margin:6px 0 12px}.saved-link-actions{display:flex;gap:15px;align-items:center}.saved-link-actions button,.saved-link-actions a{font-size:13px;text-underline-offset:3px}.saved-link-actions button{border:1px solid #435065;padding:6px 12px;border-radius:3px}#save-message{font-size:13px;line-height:1.5;overflow-wrap:anywhere}#save-message.error{color:#ff8d9b}@media(max-width:1100px){.masthead{gap:14px}.mast-title{padding-left:15px}.brand{width:160px}.header-secondary{font-size:12px}.header-actions .export-button{font-size:12px;padding:12px;gap:10px}}@media(max-width:760px){.masthead{height:auto;min-height:110px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.header-actions{width:100%;justify-content:flex-end}.header-actions #continue-order{margin-left:auto}.header-secondary{padding:10px}.header-actions .export-button{padding:10px;font-size:12px}}

.size-label{display:block;margin:20px 0 8px;font-size:14px;font-weight:700}#canopy-size,#canopy-size-custom{width:100%;padding:12px;background:#121820;color:#fff;border:1px solid #445064;border-radius:7px;font:inherit}#size-note{display:block;margin-top:8px;color:#a6b2c4}#size-note[hidden]{display:none}