.customer-tool.planner-shell>.back{margin:24px 0}.customer-tool .planner-hero{display:flex;justify-content:space-between;align-items:center;gap:50px;background:#104d76;padding:40px 45px;color:#fff}.customer-tool .planner-hero .eyebrow{color:#8de1f1}.customer-tool .planner-hero h1{color:#fff;font-size:48px;letter-spacing:-1.7px;line-height:1.08;margin:14px 0 18px}.customer-tool .planner-hero p{max-width:720px;color:#e6f2f7;line-height:1.7;font-size:16px}.customer-tool .plan-symbol{width:185px;height:185px;position:relative;flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;transform:rotate(-7deg)}.customer-tool .plan-symbol i{border:1px solid #79c4dd;background:#ffffff08}.customer-tool .plan-symbol span{position:absolute;inset:0;display:grid;place-content:center;font-size:44px;font-weight:800;line-height:1.05;color:#ffda32;transform:rotate(7deg)}.customer-tool .planner-bar{margin:28px 0 9px;display:flex;gap:25px;align-items:end;justify-content:space-between}.customer-tool .planner-bar>label{flex:1;max-width:470px;font-size:12px;font-weight:750;display:grid;gap:6px}.customer-tool .planner-bar input{width:100%;font:inherit;font-size:15px;font-weight:450;padding:12px;border:1px solid #b3cad5;min-height:46px}.customer-tool .bar-buttons{display:flex;gap:7px;flex-wrap:wrap}.customer-tool.planner-shell button,.customer-tool .import-button{border:1px solid #b4cdd8;background:white;color:#104d76;font:inherit;font-size:13px;font-weight:650;min-height:42px;padding:10px 13px;cursor:pointer;border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:7px}.customer-tool.planner-shell button:hover,.customer-tool .import-button:hover{background:#e9f4f8}.customer-tool.planner-shell button.primary{background:#ffda32;border-color:#ffda32}.customer-tool.planner-shell button:focus-visible,.customer-tool.planner-shell input:focus-visible,.customer-tool.planner-shell select:focus-visible,.customer-tool .import-button:focus-within{outline:3px solid #00abd6;outline-offset:2px}.customer-tool .import-button{position:relative;overflow:hidden}.customer-tool .import-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.customer-tool .privacy-note{font-size:11px;color:#637985;line-height:1.6;margin-bottom:25px}.customer-tool .planner-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start}.customer-tool .planner-editor{border:1px solid #cfdee5}.customer-tool .edit-section{padding:22px;border-bottom:1px solid #cfdee5}.customer-tool .edit-section:last-child{border:0}.customer-tool .edit-title{display:flex;align-items:center;gap:12px;margin-bottom:19px}.customer-tool .edit-title>span{font-size:13px;font-weight:750;color:#0083a5;background:#edf7fa;padding:7px}.customer-tool .edit-title h2{font-size:18px;line-height:1.25}.customer-tool .help{font-size:12px;color:#58717f;line-height:1.65;margin:10px 0 17px}.customer-tool .surface-button{width:100%;justify-content:space-between!important;text-align:left;margin-bottom:6px}.customer-tool .surface-button[aria-pressed=true]{border-color:#104d76;background:#104d76!important;color:#fff}.customer-tool .surface-button small{font-size:10px;white-space:nowrap;font-weight:400}.customer-tool .surface-button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.customer-tool .add-buttons{display:flex;gap:7px;margin:10px 0 20px}.customer-tool .add-buttons button{flex:1}.customer-tool .planner-field{font-size:12px;font-weight:650;color:#254b60;display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.customer-tool .planner-field input,.customer-tool .planner-field select{background:white;border:1px solid #b6cbd5;min-height:42px;width:100%;font:inherit;font-weight:450;padding:10px;color:#163e56;min-width:0;border-radius:0}.customer-tool .planner-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-tool .planner-unit{position:relative}.customer-tool .planner-unit input{padding-right:38px}.customer-tool .planner-unit>span{position:absolute;right:10px;top:12px;color:#697f8a;font-size:11px;font-weight:400;pointer-events:none}.customer-tool .check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;margin:14px 0}.customer-tool .check input{width:18px;height:18px;flex-shrink:0;accent-color:#104d76;margin-top:2px}.customer-tool .subheading{font-size:15px;margin:22px 0 12px}.customer-tool .opening-row{background:#f1f6f8;padding:10px;margin-bottom:7px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.customer-tool .opening-row strong{display:block;font-size:12px}.customer-tool .opening-row span{color:#59717d;font-size:11px;line-height:1.5}.customer-tool .opening-row button{min-width:33px;padding:6px;min-height:33px;color:#933e37}.customer-tool.planner-shell .delete-surface{border:0;color:#8d453d;font-size:11px;padding:5px 0;min-height:30px;justify-content:start}.customer-tool .opening-form{background:#f1f6f8;padding:13px;margin:12px -8px 0}.customer-tool .opening-form .planner-field{font-size:11px}.customer-tool .opening-form summary{cursor:pointer;font-size:13px;font-weight:650;color:#104d76;min-height:28px}.customer-tool .opening-form[open] summary{margin-bottom:12px}.customer-tool .opening-form button{width:100%;background:#104d76;color:white}.customer-tool .plan-topline{display:flex;justify-content:space-between;align-items:center;gap:18px}.customer-tool .plan-topline h2{font-size:27px;line-height:1.2;margin-top:5px;overflow-wrap:anywhere}.customer-tool .plan-topline button[aria-pressed=true]{background:#ffda32;border-color:#ffda32}.customer-tool .plan-canvas{background:#f2f7f9;border:1px solid #cbdce3;padding:18px;min-height:240px}.customer-tool .plan-canvas svg{display:block;width:100%;height:auto;max-height:500px;touch-action:pan-y;user-select:none}.customer-tool .plan-canvas.drawing svg{cursor:crosshair;touch-action:none}.customer-tool .plan-canvas .empty-plan{display:grid;place-content:center;min-height:220px;color:#576f7b}.customer-tool .legend{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 24px;font-size:11px;color:#4e6c7b}.customer-tool .legend>span{display:flex;align-items:center;gap:6px}.customer-tool .legend i{width:13px;height:13px;display:inline-block;border:1px solid #80a4b7}.customer-tool .legend .whole{background:#b9dfec}.customer-tool .legend .cut{background:#ffe187}.customer-tool .legend .void{background:#fff;border:1px dashed #657f8d}.customer-tool .mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.customer-tool .mini-stat{background:#edf4f7;padding:15px}.customer-tool .mini-stat strong{display:block;font-size:24px;font-weight:750;letter-spacing:-.6px;color:#104d76;line-height:1.2}.customer-tool .mini-stat span{display:block;font-size:11px;color:#526e7c;line-height:1.5;margin-top:6px}.customer-tool .mini-stat.highlight{background:#ffda32}.customer-tool .mini-stat.highlight span{color:#25465b}.customer-tool .surface-note{font-size:12px;line-height:1.65;padding:12px 15px;border-left:3px solid #00abd6;background:#f1f7f9;margin:15px 0}.customer-tool .surface-note.warn{background:#fff8dd;border-left-color:#d6a400}.customer-tool .alternatives{border:1px solid #ccdde5;padding:22px;margin:28px 0}.customer-tool .alternatives h3{font-size:20px;margin:7px 0 9px}.customer-tool .alternatives p{font-size:13px;color:#5a7380;line-height:1.6}.customer-tool .alternatives>button{margin-top:15px}.customer-tool .compare-table,.customer-tool .totals-table{width:100%;border-collapse:collapse;font-size:12px}.customer-tool .compare-table{margin-top:20px}.customer-tool .compare-table th,.customer-tool .compare-table td,.customer-tool .totals-table th,.customer-tool .totals-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #d5e3e8}.customer-tool .compare-table th,.customer-tool .totals-table th{font-size:11px;color:#4d6d7c;font-weight:650}.customer-tool .compare-table tr.best{background:#eef9f1}.customer-tool .compare-table button{font-size:11px;min-height:32px;padding:6px 10px}.customer-tool .project-results{border-top:4px solid #00abd6;background:#f1f6f8;padding:25px}.customer-tool .project-results h2{font-size:26px;margin:7px 0 15px}.customer-tool .project-results .mini-stat{background:white}.customer-tool .project-results .mini-stat.highlight{background:#ffda32}.customer-tool .total-lines{margin:18px 0}.customer-tool .total-lines>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #cddde4;padding:10px 0;font-size:13px}.customer-tool .total-lines dt{color:#526f7e}.customer-tool .total-lines dd{text-align:right;font-weight:650;margin:0}.customer-tool .calc-note{font-size:12px;line-height:1.7;color:#526e7c;margin:14px 0}.customer-tool .summary-sources{font-size:11px;line-height:1.7;overflow-wrap:anywhere;margin-top:10px}.customer-tool .summary-sources a{color:#006c8b;text-decoration:underline}.customer-tool .material-box{background:white;padding:18px;margin-top:18px}.customer-tool .material-box h3{font-size:18px;margin-bottom:10px}.customer-tool .material-box .mini-stats{grid-template-columns:1fr 1fr}.customer-tool .material-box .mini-stat{border:1px solid #d3e1e7}.customer-tool .cutting-results{margin:25px 0;border:1px solid #ccdde5;padding:22px}.customer-tool .cutting-results h3{font-size:22px;margin:8px 0 10px}.customer-tool .cutting-results summary{font-weight:650;cursor:pointer;font-size:14px;margin:12px 0}.customer-tool .cut-sheets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.customer-tool .cut-sheet{background:#f4f8fa;padding:12px;break-inside:avoid}.customer-tool .cut-sheet h4{font-size:13px;margin-bottom:8px}.customer-tool .cut-sheet svg{display:block;width:100%;height:auto;max-height:180px}.customer-tool .cut-sheet p{font-size:10px;line-height:1.6;color:#4f6e7e;margin-top:8px;overflow-wrap:anywhere}.customer-tool .cut-table-wrap{max-height:380px;overflow:auto}.customer-tool .cut-table-wrap table{width:100%;border-collapse:collapse;font-size:11px}.customer-tool .cut-table-wrap th,.customer-tool .cut-table-wrap td{text-align:left;padding:8px 6px;border-bottom:1px solid #dce7ec}.customer-tool .planner-method{margin:25px 0;background:#f2f6f8;padding:22px}.customer-tool .planner-method h3{font-size:17px;margin-bottom:12px}.customer-tool .planner-method p{font-size:12px;line-height:1.8;color:#536f7e;margin:10px 0}.customer-tool #planner-error{background:#fff1eb;border-left:4px solid #b35032;padding:15px 20px;color:#873c27;margin:20px 0;font-size:14px}.customer-tool #print-content{display:none}.customer-tool button:disabled{opacity:.5;cursor:not-allowed}.customer-tool .plan-invalid{opacity:.55}.customer-tool .export-message{font-size:12px;color:#147252;margin:8px 0}.customer-tool .print-options{margin-top:15px}.customer-tool .outline-buttons{display:flex;gap:7px}.customer-tool .outline-buttons button{flex:1}.customer-tool .auto-walls{border-top:1px solid #d5e3e8;padding-top:12px;margin-top:14px}.customer-tool .auto-walls button{width:100%;margin:0 0 10px}.customer-tool .planner-table-scroll{overflow:auto}.customer-tool .planner-work{min-width:0}@media(max-width:1100px){.customer-tool .planner-grid{grid-template-columns:295px minmax(0,1fr);gap:20px}.customer-tool .edit-section{padding:18px}.customer-tool .mini-stats{grid-template-columns:1fr 1fr}.customer-tool .cut-sheets{grid-template-columns:1fr 1fr}.customer-tool .planner-hero{padding:32px}.customer-tool .plan-symbol{width:145px;height:145px}.customer-tool .planner-bar{align-items:stretch;flex-direction:column;gap:14px}.customer-tool .planner-bar>label{max-width:none}}@media(max-width:760px){.customer-tool .planner-hero{padding:28px 24px}.customer-tool .planner-hero h1{font-size:39px}.customer-tool .planner-hero p{font-size:15px}.customer-tool .plan-symbol{display:none}.customer-tool .planner-grid{grid-template-columns:1fr}.customer-tool .planner-work{grid-row:2}.customer-tool .planner-bar .bar-buttons{display:grid;grid-template-columns:1fr 1fr}.customer-tool .bar-buttons .primary{grid-column:1/-1}.customer-tool .plan-topline{align-items:start}.customer-tool .plan-topline h2{font-size:23px}.customer-tool .plan-topline button{max-width:130px;font-size:12px}.customer-tool .plan-canvas{padding:8px}.customer-tool .project-results,.customer-tool .alternatives,.customer-tool .cutting-results{padding:20px}.customer-tool .mini-stat{padding:14px}.customer-tool .mini-stat strong{font-size:23px}.customer-tool .compare-table th,.customer-tool .compare-table td{padding:9px 5px;font-size:11px}.customer-tool .compare-table th:nth-child(4),.customer-tool .compare-table td:nth-child(4){display:none}.customer-tool .planner-hero h1{letter-spacing:-1px}}.customer-tool /* Editable openings: mouse,.customer-tool pen and touch. */
#drawing-svg{touch-action:none;user-select:none}.customer-tool .plan-hole .hole-body{cursor:move;pointer-events:all}.customer-tool .hole-label,.customer-tool .hole-dimension{pointer-events:none}.customer-tool .hole-dimension{fill:#104d76;paint-order:stroke;stroke:white;stroke-width:4;stroke-linejoin:round}.customer-tool .hole-handle{cursor:nwse-resize;pointer-events:all}.customer-tool .hole-handle.ne,.customer-tool .hole-handle.sw{cursor:nesw-resize}.customer-tool .drawing .plan-hole,.customer-tool .drawing .hole-handle{cursor:crosshair}@media(max-width:720px){.customer-tool #drawing-svg .hole-dimension{font-size:22px;stroke-width:6px}.customer-tool #drawing-svg .hole-label{font-size:16px}.customer-tool #drawing-svg .hole-handle{stroke-width:10px;stroke:#ffda3280}}.customer-tool /* Direct dimension editing,.customer-tool anchored at the selected plan label. */
.plan-canvas{position:relative}.customer-tool .dimension-button{cursor:text;pointer-events:all}.customer-tool .dimension-button .dimension-hit{pointer-events:all}.customer-tool .dimension-button:hover .dimension-hit,.customer-tool .dimension-button:focus .dimension-hit{fill:#fff5bb;stroke:#0083a5;stroke-width:1}.customer-tool .dimension-button:focus{outline:none}.customer-tool .dimension-editor{position:absolute;z-index:5;width:260px;max-width:calc(100% - 8px);padding:14px;background:white;border:2px solid #104d76;box-shadow:0 6px 24px #104d7633;color:#104d76;touch-action:manipulation}.customer-tool .dimension-editor label{display:block;font-size:14px;font-weight:750;margin-bottom:8px}.customer-tool .dimension-editor label span{font-weight:400;font-size:12px}.customer-tool .dimension-input{display:flex;align-items:center;gap:8px}.customer-tool .dimension-editor input{width:100%;min-width:0;padding:10px;font:inherit;font-size:18px;border:1px solid #8aa8b8;min-height:44px}.customer-tool .dimension-editor p{font-size:11px;line-height:1.5;margin:8px 0}.customer-tool .dimension-editor #dimension-error{color:#9b2929;font-weight:650}.customer-tool .dimension-actions{display:flex;gap:7px}.customer-tool .dimension-actions button{flex:1}.customer-tool .dimension-editor .primary{background:#ffda32}.customer-tool .dimension-editor input[aria-invalid=true]{border-color:#9b2929}@media(max-width:720px){.customer-tool .dimension-button .dimension-hit{y:-29px;height:43px}}.customer-tool /* Editorial banner,.customer-tool shared Van Calster palette and existing room photography. */
.planner-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:0;padding:0;background:#f2f6f7;color:#104d76;overflow:hidden;border-bottom:4px solid #ffda32}.customer-tool .planner-hero-copy{padding:38px 36px}.customer-tool .planner-hero .eyebrow{color:#0083a5;font-size:10px;letter-spacing:1.4px}.customer-tool .planner-hero h1{color:#104d76;font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-1.8px;margin:18px 0}.customer-tool .planner-hero p{color:#466674;font-size:15px;line-height:1.7;max-width:460px;margin:0}.customer-tool .planner-hero-link{display:inline-flex;align-items:center;gap:20px;color:#104d76;font-size:13px;font-weight:750;text-decoration:none;border-bottom:2px solid #00abd6;padding-bottom:6px;margin-top:23px}.customer-tool .planner-hero-link span{font-size:22px}.customer-tool .planner-hero-steps{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #c9dbe3;margin-top:26px;padding-top:16px;font-size:10px;color:#466674}.customer-tool .planner-hero-steps span{display:flex;gap:6px;align-items:center}.customer-tool .planner-hero-steps b{color:#0083a5;font-size:10px}.customer-tool .planner-hero-visual{position:relative;align-self:stretch;min-height:340px}.customer-tool .planner-hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:62% 60%}.customer-tool .planner-hero-sketch{position:absolute;right:18px;bottom:18px;width:165px;padding:10px 12px;background:#fffffff5;box-shadow:0 5px 25px #173f5626;transform:rotate(3deg);border-bottom:3px solid #ffda32}.customer-tool .planner-hero-sketch svg{display:block;width:100%}.customer-tool .planner-hero-sketch span{display:block;color:#104d76;font-size:9px;font-weight:700;text-align:center;margin:0 0 4px}@media(max-width:720px){.customer-tool .planner-hero{display:flex;flex-direction:column;gap:0}.customer-tool .planner-hero-copy{padding:27px 24px}.customer-tool .planner-hero h1{font-size:42px;letter-spacing:-1.4px}.customer-tool .planner-hero p{font-size:14px}.customer-tool .planner-hero-steps{gap:12px;margin-top:20px;padding-top:14px}.customer-tool .planner-hero-visual{width:100%;min-height:220px}.customer-tool .planner-hero-sketch{width:132px;right:16px;bottom:16px;padding:7px 10px}.customer-tool .planner-hero .eyebrow{font-size:9px}.customer-tool #drawing-svg [data-surface-size] .dimension-hit{width:112px;x:-56px}}.customer-tool /* Four edge offsets for the selected opening. */
.position-line{fill:none;stroke:#0083a5;stroke-width:1.3;stroke-dasharray:4 3;pointer-events:none}.customer-tool .position-guide .dimension-hit{fill:#eff9fc;stroke:#87bfce;stroke-width:.7;x:-67px;width:134px;y:-16px;height:24px}.customer-tool .position-guide .hole-dimension{font-size:11px;fill:#006c87;stroke:#eff9fc;stroke-width:3px}.customer-tool .position-guide .dimension-button:hover .dimension-hit,.customer-tool .position-guide .dimension-button:focus .dimension-hit{fill:#fff5bb;stroke:#0083a5}@media(max-width:720px){.customer-tool #drawing-svg .position-guide .hole-dimension{font-size:17px;stroke-width:4px}.customer-tool #drawing-svg .position-guide .dimension-hit{x:-82px;width:164px;y:-23px;height:34px}}.customer-tool /* Zoom changes only the displayed SVG view,.customer-tool never project dimensions. */
.plan-zoom-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 8px;color:#104d76}.customer-tool .plan-zoom-toolbar button{min-height:44px;padding:9px 12px}.customer-tool .plan-zoom-toolbar #plan-zoom-in,.customer-tool .plan-zoom-toolbar #plan-zoom-out{min-width:44px;font-size:24px;line-height:1}.customer-tool .plan-zoom-toolbar output{min-width:49px;text-align:center;font-size:12px;font-weight:750}.customer-tool .plan-zoom-toolbar .zoom-help{flex-basis:100%;font-size:11px;line-height:1.5;color:#58717f;margin-top:3px}.customer-tool .plan-zoom-toolbar button[aria-pressed=true]{background:#104d76;color:white;border-color:#104d76}.customer-tool .plan-zoom-toolbar button:disabled{opacity:.4;cursor:default}.customer-tool #plan-canvas.plan-zoomed #drawing-svg{cursor:grab}.customer-tool #plan-canvas.plan-panning .hole-body,.customer-tool #plan-canvas.plan-panning .hole-handle{cursor:grab}.customer-tool #plan-canvas #drawing-svg{overflow:hidden}.customer-tool #plan-canvas .dimension-editor{cursor:default}@media(max-width:720px){.customer-tool .plan-zoom-toolbar{gap:5px}.customer-tool .plan-zoom-toolbar button{font-size:12px;padding:9px}.customer-tool .plan-zoom-toolbar output{min-width:43px}.customer-tool .plan-zoom-toolbar .zoom-help{font-size:11px}}