.preview-card .stats,.preview-card .stage-foot,.preview-colours,.mobile-gap-details{display:none!important}@media (width>=721px){.planner-shell>.controls{grid-area:1/1/span 2}}.workspace-layout-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.workspace-layout-heading h2{margin:0;font-size:14px;font-weight:500;line-height:1.4}#workspace-spacing-open{color:#303b34;cursor:pointer;background:#f0f3f0;border:1px solid #abb7af;border-radius:6px;flex-shrink:0;min-height:44px;padding:0 12px;font:500 12px DM Sans,Arial,sans-serif;display:none}.wall-drawing{position:relative}#suggestions #calculator-clash-message:not([hidden]){color:#963f2d;white-space:normal;border-bottom:1px solid #d8deda;margin:0 0 18px;padding:0 0 17px;font-size:14px;font-weight:400;line-height:1.6;display:block;position:static;overflow:visible}.wall-drawing #calculator-clash-message:not([hidden]){color:#963f2d;text-align:right;white-space:normal;border:0;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1.4;display:block;position:absolute;bottom:auto;overflow:visible}#workspace-spacing-open:disabled{opacity:.5;cursor:default}#suggestions>.workspace-current-summary{color:#59645d;margin:0 0 15px;font-size:12px;line-height:1.65}#suggestions>.workspace-current-summary[hidden]{display:none}.workspace-wall-colours{border-top:1px solid #c5ceca;margin-top:24px;padding-top:20px}.workspace-wall-colours h2{margin:0 0 9px;font-size:17px;font-weight:500}.workspace-wall-colours>.hint{margin:0 0 20px}.workspace-wall-colours #preview-colour-controls{grid-template-columns:1fr;gap:22px;padding:0}.workspace-wall-colours .preview-colour-footer{flex-direction:column;align-items:flex-start;margin-top:20px;padding:0}.workspace-wall-colours .preview-colour-row[hidden]{display:none}#workspace-spacing-dialog{color:#282e2d;overscroll-behavior:contain;background:#fafbfa;border:1px solid #c5ceca;border-radius:10px;width:min(440px,100% - 32px);max-height:80dvh;padding:24px;overflow:auto}#workspace-spacing-dialog::backdrop{background:#20282566}.workspace-spacing-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.workspace-spacing-top h2{margin:0;font-size:20px;font-weight:500;line-height:1.25}.workspace-spacing-top button{min-height:40px}#workspace-spacing-dialog>p{color:#59645d;margin:16px 0 20px;font-size:13px;line-height:1.65}#workspace-spacing-list{margin:0;padding:0;list-style:none}#workspace-spacing-list li{border-top:1px solid #d7ddd9;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;font-size:13px;display:flex}#workspace-spacing-list strong{white-space:nowrap;font-weight:500}@media (width<=720px){.workspace-layout-heading h2{font-size:16px}#workspace-spacing-open{justify-content:center;align-items:center;display:inline-flex}.preview-card .mobile-input-actions>p.mobile-clash-feedback{display:none}.wall-drawing #calculator-clash-message:not([hidden]){font-size:13px}#mobile-input-editor .workspace-wall-colours{margin-top:0}.workspace-wall-colours .colour-swatch{width:30px;height:30px}}@media print{#workspace-spacing-dialog{display:none!important}}a[data-astro-cid-ru6tvd47],a[data-astro-cid-ru6tvd47]:visited{color:#303b35;text-underline-offset:4px}a[data-astro-cid-ru6tvd47]:hover{color:#424c3d}:root{--paper:#f1f3f2;--ink:#282e2d;--muted:#69736e;--line:#c5ceca;--green:#424c3d;--soft:#e3e8e2;--red:#b64c40;--redbg:#fbefeb;--wood:#bbc4be}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a4afa0}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:22px 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand svg{width:32px;height:32px}.brand strong{letter-spacing:-.5px;font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:800}.brand small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.header-actions{align-items:center;gap:15px;display:flex}.badge{letter-spacing:1.3px;color:#59625e;background:#e3e8e2;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:700}.btn{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:700}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.intro{justify-content:space-between;align-items:flex-end;gap:20px;padding:27px 32px 22px;display:flex}.eyebrow{color:var(--green);letter-spacing:1.8px;margin-bottom:8px;font-size:10px;font-weight:700}h1{letter-spacing:-1px;margin:0 0 7px;font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:800}.intro p{color:var(--muted);margin:0;font-size:13px}.units{background:#e0e5e1;border-radius:7px;padding:3px;display:flex}.units button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:7px 12px;font-size:11px;font-weight:700}.units button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0001}main{grid-template-columns:270px minmax(420px,1fr) 260px;align-items:start;gap:16px;padding:0 24px 26px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.tabs{border-bottom:1px solid var(--line);gap:3px;padding:8px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;padding:10px 5px;font-size:11px;font-weight:700}.tabs button.active{background:var(--soft);color:var(--green)}.tab-panel{padding:19px;display:none}.tab-panel.active{display:block}h2{letter-spacing:-.3px;margin:0 0 7px;font-family:Manrope,Arial,sans-serif;font-size:14px}.hint{color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.65}.field{margin:15px 0}.field label{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.input-wrap{position:relative}.input-wrap input{border:1px solid var(--line);width:100%;color:var(--ink);background:#f6f8f6;border-radius:6px;min-width:0;padding:10px 38px 10px 11px;font-weight:600}.suffix{color:#59645d;pointer-events:none;font-size:10px;position:absolute;top:11px;right:12px}.field small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.55;display:block}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.two .field{margin:8px 0}.divider{background:var(--line);height:1px;margin:22px 0}.tip{color:#59625e;background:#e9eeea;border-radius:7px;padding:12px;font-size:11px;line-height:1.6}.mini-measure{background:#eef1ef;border-radius:7px;width:100%;height:110px;margin-bottom:10px}.objects{flex-direction:column;gap:7px;margin:14px 0;display:flex}.object{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:7px;justify-content:space-between;gap:8px;width:100%;padding:10px;font-size:11px;display:flex}.object span:last-child{color:var(--muted);font-size:10px}.add-buttons{gap:5px;display:flex}.add-buttons button{color:var(--green);background:#f6f8f6;border:1px dashed #b7c1bc;border-radius:6px;flex:1;padding:8px 3px;font-size:10px}.remove{color:var(--red);background:0 0;border:0;padding:8px 0;font-size:11px}.toggle{border:1px solid var(--line);border-radius:7px;margin:15px 0;display:flex;overflow:hidden}.toggle button{color:var(--muted);background:#fff;border:0;flex:1;padding:10px 3px;font-size:11px}.toggle button.active{background:var(--green);color:#fff}.stage-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.stage-top h2{margin:0}.stage-top span{color:var(--muted);font-size:10px}.drawing-area{background:#e9eeea radial-gradient(#d5ddd7 .7px,#0000 .7px) 0 0/13px 13px;padding:18px 18px 8px;position:relative}.drawing-area svg{touch-action:none;user-select:none;width:100%;height:auto;min-height:270px;max-height:460px;display:block}.stage-foot{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:12px 20px;font-size:10px;display:flex}.legend{align-items:center;gap:13px;display:flex}.dot{background:var(--wood);border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.dot.red{background:#dc8c79}.dot.white{background:#fff;border:1px solid #a7b2ab}.status{background:var(--redbg);color:var(--red);border:1px solid #edcbc1;border-radius:7px;margin:15px 18px;padding:12px 13px;font-size:12px;line-height:1.6}.stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:1px 20px 20px;display:grid}.stat{border-right:1px solid var(--line)}.stat:last-child{border:0}.stat small{color:var(--muted);font-size:10px}.stat strong{margin-top:6px;font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:700;display:block}.stats sup{color:var(--muted);margin-left:3px;font-size:10px;font-weight:500}.suggestions{padding:19px 17px}.suggestion{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;margin-bottom:10px;padding:13px;display:block}.suggestion.selected{border-color:var(--green);background:#e3e8e2}.suggestion-head{justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.recommend-label{text-transform:uppercase;letter-spacing:.6px;color:var(--green);background:#d5dece;border-radius:3px;padding:4px 5px;font-size:8px}.suggestion p{color:var(--muted);margin:9px 0;font-size:11px}.suggestion .safe{color:#52634c;justify-content:space-between;font-size:10px;display:flex}.explanation{color:var(--muted);margin:14px 1px 0;font-size:10px;line-height:1.7}.right-note{border-top:1px solid var(--line);background:#f6f8f6;padding:17px}.right-note p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.7}.cut-card{margin-top:16px;padding:18px 20px}.cut-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.cut-head h2{margin:0}.cut-head small{color:var(--muted);font-size:10px}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 0;font-size:9px;font-weight:600}td{border-bottom:1px solid #e5eae6;padding:12px 0}td:last-child,th:last-child{text-align:right}.cut-footer{color:var(--muted);justify-content:space-between;gap:15px;margin-top:13px;font-size:10px;display:flex}.positions{border-top:1px dashed var(--line);color:var(--muted);margin-top:13px;padding-top:12px;font-size:10px;line-height:1.8}.positions strong{color:var(--ink)}footer{color:var(--muted);justify-content:space-between;gap:20px;padding:0 32px 24px;font-size:10px;display:flex}.mobile-tip{display:none}.notice{border-top:1px solid var(--line);color:var(--muted);background:#eef1ef;padding:12px 19px;font-size:10px;line-height:1.6}[hidden]{display:none!important}.empty{color:var(--muted);background:#eef1ef;border-radius:7px;padding:15px;font-size:12px;line-height:1.8}.input-error{color:var(--red);font-size:11px;line-height:1.6}.svg-obstacle{cursor:grab}.svg-obstacle:active,.svg-batten.draggable:active{cursor:grabbing}.svg-batten.draggable{cursor:ew-resize}.svg-obstacle:focus-visible,.svg-batten:focus-visible{filter:drop-shadow(0 0 1px #424c3d);outline:none}.print-title{display:none}.rail-row{border-bottom:1px solid var(--line);padding:10px 0}.rail-row label{margin-bottom:5px;font-size:11px;font-weight:700;display:block}.rail-row input{border:1px solid var(--line);border-radius:6px;width:100%;padding:9px}.rail-row button{color:var(--red);background:0 0;border:0;padding:5px 0;font-size:10px}.rail-row small{color:var(--muted);font-size:10px}@media (width>=1500px){main{grid-template-columns:290px minmax(500px,1fr) 280px;max-width:1550px;margin:auto}.intro{max-width:1550px;margin:auto}}@media (width<=1100px){main{grid-template-columns:240px minmax(380px,1fr)}.right{grid-column:1/-1}.suggestions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.suggestions>h2,.suggestions>.hint,.suggestions>.explanation,.suggestions>.empty{grid-column:1/-1;margin-bottom:2px}.suggestion{margin:0}.right-note{display:none}}@media (width<=720px){header{padding:16px}.badge{display:none}.header-actions{gap:7px}.btn{padding:9px 10px}.intro{align-items:start;padding:22px 16px}h1{font-size:23px}.intro p{font-size:12px;line-height:1.6}.units{flex-shrink:0}.units button{padding:7px 9px}main{flex-direction:column;gap:12px;padding:0 12px 20px;display:flex}main>*{width:100%}.controls{order:2}.middle{order:1}.right{order:3}.drawing-area{padding:8px}.drawing-area svg{min-height:230px}.stats{padding:1px 15px 15px}.stat strong{font-size:18px}.suggestions{grid-template-columns:1fr}.stage-foot{flex-wrap:wrap;padding:10px 12px}.stage-top{padding:14px}.tab-panel,.cut-card{padding:16px}footer{padding:0 16px 20px;line-height:1.7;display:block}footer span{margin-top:6px;display:block}.mobile-tip{color:var(--muted);margin:0;font-size:10px;display:block}}.wood-sizes .field label{min-height:32px;line-height:16px}.svg-rail{cursor:ns-resize}.svg-rail .rail-hit{pointer-events:all}.strip-marks{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px 16px;margin:12px 0 0;padding:0;list-style:none;display:grid}.strip-marks li{break-inside:avoid;background:#e9eeea;border-radius:5px;padding:8px 10px}.strip-marks strong{color:var(--ink);margin-bottom:2px;display:block}.project-bar{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 24px 16px;padding:16px 20px}.project-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.project-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.project-field label{font-size:11px;font-weight:700}.project-field input,.project-field select{border:1px solid var(--line);color:var(--ink);background:#f6f8f6;border-radius:6px;width:100%;height:36px;padding:9px}.project-bar p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.6}.project-bar #project-message{color:var(--green)}.project-bar #project-message.error{color:var(--red)}@media (width<=720px){.project-bar{margin:0 12px 12px}.project-row .btn{flex:1}}@media print{.project-bar{display:none}}.project-bar{width:min(520px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);margin:auto;padding:24px;overflow:auto;box-shadow:0 18px 70px #282e2d30}.project-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.project-heading h2{margin:0;font-size:18px}.project-heading .btn{padding:6px 10px}.project-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.project-field{grid-column:1/-1;min-width:0}.project-field input,.project-field select{height:40px}.project-row #save-project,.project-row #open-saved{grid-column:1/-1}.project-row #download-project{text-align:center}.project-field:nth-of-type(2){border-top:1px solid var(--line);margin-top:12px;padding-top:18px}.header-actions{gap:10px}@media (width<=720px){header{flex-wrap:wrap;gap:12px}.header-actions{flex-wrap:wrap}.project-bar{margin:auto;padding:20px}.project-row{grid-template-columns:1fr}.project-row>*{grid-column:1/-1}}#print-document,.print-toolbar,body.print-preview>header,body.print-preview>.intro,body.print-preview>main,body.print-preview>footer,body.print-preview>.project-bar{display:none}body.print-preview #print-document{display:block}body.print-preview .print-toolbar{display:flex}.print-toolbar{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;position:sticky;top:0}.print-toolbar p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.print-toolbar div{flex-shrink:0;gap:10px;display:flex}#print-document{color:#282e2d;font-family:Arial,sans-serif;font-size:9pt;line-height:1.35}#print-document .plan-sheet{background:#fff;width:210mm;max-width:calc(100% - 24px);min-height:297mm;margin:20px auto;padding:12mm;box-shadow:0 2px 12px #0001}#print-document .plan-heading{break-inside:avoid;border-bottom:2px solid #424c3d;justify-content:space-between;align-items:start;gap:20px;padding-bottom:10px;display:flex}#print-document .plan-kicker{letter-spacing:1px;text-transform:uppercase;color:#424c3d;margin-bottom:5px;font-size:8pt;font-weight:700}#print-document .plan-index{color:#747e79;font-size:24pt;line-height:1}#print-document h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-family:Arial,sans-serif;font-size:19pt}#print-document h2{letter-spacing:0;break-after:avoid;margin:12px 0 5px;font-family:Arial,sans-serif;font-size:11pt}#print-document p{margin:5px 0}#print-document .plan-meta{color:#59625e;margin-top:5px;font-size:8pt}#print-document .plan-measures{break-inside:avoid;border-bottom:1px solid #c5ceca;grid-template-columns:repeat(3,1fr);gap:10px 16px;margin:8px 0;padding:10px 0;display:grid}#print-document .plan-measures strong{color:#59625e;margin-bottom:3px;font-size:8pt;font-weight:400;display:block}#print-document .plan-measures div{font-size:10pt;font-weight:700}#print-document .plan-warning{border:1px solid #555;margin:8px 0;padding:8px 10px;font-weight:700}#print-document .plan-clear{color:#424c3d;margin:8px 0;font-size:8pt}#print-document .plan-diagram{break-inside:avoid;margin:8px 0 12px}#print-document svg{width:100%;height:auto;min-height:0;max-height:104mm;display:block}#print-document .plan-diagram figcaption{color:#59625e;text-align:center;margin-top:5px;font-size:8pt}#print-document .plan-sheet-compact h1{font-size:16pt}#print-document .plan-sheet-compact svg{max-height:80mm}#print-document .plan-sheet-compact .plan-diagram{margin:6px 0 8px}#print-document .plan-sheet-compact h2{margin-top:9px}#print-document table{table-layout:fixed;width:100%;margin:5px 0 8px;font-size:9pt;line-height:1.3}#print-document th{color:#303b35;letter-spacing:0;text-transform:none;vertical-align:bottom;border-bottom:1px solid #59625e;padding:6px 5px;font-size:8pt}#print-document td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #c5ceca;padding:4px 5px}#print-document td:last-child,#print-document th:last-child{text-align:left}#print-document .cut-table th:nth-child(n+2),#print-document .cut-table td:nth-child(n+2){text-align:right}#print-document .cut-table td strong{font-weight:600}#print-document tr{break-inside:avoid}#print-document thead{display:table-header-group}#print-document tbody{display:table-row-group}#print-document .plan-small{color:#59625e;font-size:8pt}#print-document .plan-note{break-inside:avoid;border-top:1px solid #bbb;margin-top:12px;padding-top:8px}#print-document .cut-piece{width:49%}#print-document .mark-table{break-inside:avoid;grid-template-columns:repeat(3,1fr);gap:6px 16px;margin:8px 0;padding:0;list-style:none;display:grid}#print-document .mark-table li{break-inside:avoid;padding:4px 0}#print-document .trim-total{border-bottom:1px solid #c5ceca;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:8px 0;display:flex}#print-document .plan-invalid{border:1px solid #555;padding:15px}@media (width<=600px){.print-toolbar{flex-wrap:wrap;padding:12px}.print-toolbar p{width:100%}#print-document .plan-sheet{min-height:0;padding:16px}#print-document .plan-measures,#print-document .mark-table{grid-template-columns:1fr 1fr}}@page{size:A4 portrait;margin:12mm}@media print{body{background:#fff!important;margin:0!important}body>header,body>.intro,body>main,body>footer,body>.project-bar,.print-toolbar{display:none!important}#print-document{display:block!important}#print-document .plan-sheet{width:auto;max-width:none;min-height:0;box-shadow:none;break-after:page;margin:0;padding:0}#print-document .plan-sheet:last-child{break-after:auto}#print-document .plan-measures,#print-document .mark-table{grid-template-columns:repeat(3,1fr)}#print-document *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}#print-document .plan-diagram{margin-bottom:16px}#print-document .plan-diagram figcaption{margin-top:9px}#print-document .plan-measurement-section{margin-top:18px}#print-document .plan-measurement-section h2{margin:0 0 7px}#print-document .plan-measurement-section>p{margin:0 0 8px}#print-document .plan-measurement-section table{margin:8px 0 0}#print-document .plan-measurement-section th{padding:7px 5px}#print-document .plan-measurement-section td{padding:6px 5px}#print-document .plan-sheet:first-child>.plan-note{margin-top:18px;padding-top:10px}.mobile-edit-link,.mobile-gap-details,.svg-mobile-hit,.svg-rail-grip{display:none}@media screen and (width<=720px){.middle{display:contents}.middle>.card:first-of-type{order:1}.controls{order:2}.right{order:3}.middle>.cut-card{order:4}header{padding:14px 16px}.header-actions{gap:8px;width:100%}.header-actions .btn{white-space:nowrap;flex:1;padding:10px 8px}.btn,.tabs button,.toggle button,.units button,.add-buttons button,.object,.remove,.rail-row button{min-height:44px}.intro{flex-direction:column;gap:14px}.intro .units{align-self:flex-start}.intro p{font-size:14px}.tab-panel input,.tab-panel select,.project-field input,.project-field select{min-height:44px;font-size:16px}.suffix{font-size:12px;top:14px}.field label,.rail-row label{font-size:13px}.field small,.hint,.notice,.rail-row small,.explanation{font-size:12px}.two{gap:10px}.wood-sizes .field label{min-height:38px;line-height:19px}.stage-top{flex-direction:column;align-items:flex-start;gap:5px}.stage-top span,.stage-foot{font-size:12px}.drawing-area svg{touch-action:none;overscroll-behavior:contain;min-height:0}.svg-obstacle,.svg-batten.draggable,.svg-rail{touch-action:none}.svg-mobile-hit{display:initial}.svg-rail .rail-hit{stroke-width:44px;touch-action:none}.svg-rail-grip{display:initial;pointer-events:none}}@media screen and (width<=1050px){.drawing-area .mobile-svg-gap{display:none}.mobile-gap-details{border:1px solid var(--line);background:#fff;border-radius:7px;margin:4px 8px 8px;font-size:12px;display:block}.mobile-gap-details summary{cursor:pointer;min-height:44px;padding:13px}.mobile-gap-details ol{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0 13px 12px;list-style:none;display:grid}.mobile-gap-details li{line-height:1.5}}@media screen and (width<=720px){.mobile-edit-link{text-align:center;width:100%;color:var(--green);background:var(--soft);border-radius:6px;min-height:44px;padding:11px;font-weight:700;text-decoration:none;display:block}.stats{gap:8px}.stat small{font-size:11px}.stat strong{overflow-wrap:anywhere;font-size:17px}.stats sup{white-space:nowrap}#planner-controls,#cut-list{scroll-margin-top:12px}.cut-head{flex-wrap:wrap;align-items:flex-start;gap:8px}.cut-card table,.cut-card tbody{display:block}.cut-card thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cut-card tr{border-bottom:1px solid var(--line);grid-template-columns:.6fr 1fr 1fr;gap:12px;padding:14px 0;display:grid}.cut-card td{text-align:left;border:0;min-width:0;padding:0;font-size:13px}.cut-card td:first-child{grid-column:1/-1}.cut-card td:nth-child(2):before{content:"Qty"}.cut-card td:nth-child(3):before{content:"Cut length"}.cut-card td:nth-child(4):before{content:"Face width"}.cut-card td:nth-child(n+2):before{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.cut-card td small,.cut-card td:first-child div{font-size:12px!important}.cut-footer{flex-direction:column;gap:6px;font-size:12px}.positions,.suggestion p,.suggestion .safe{font-size:12px}.suggestion-head{gap:8px}.project-heading h2{font-size:17px}.print-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.print-toolbar div{display:flex}.print-toolbar .btn{flex:1}.print-toolbar p{font-size:11px}body.print-preview #print-document{overflow-x:auto}#print-document .plan-sheet{width:210mm;max-width:none;margin:12px 0}.mobile-print-hint{display:block!important}}html{overscroll-behavior-y:contain}:root{--paper:#f1f3f2;--ink:#282e2d;--muted:#69736e;--line:#c5ceca;--green:#424c3d;--soft:#e3e8e2;--wood:#bbc4be}body{-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}h1,h2,.brand strong,.stat strong{font-family:Arial,Helvetica,sans-serif}h1{color:#303b35;font-weight:400}h2,.brand strong,.stat strong{font-weight:500}.eyebrow{color:#677961;font-weight:500}header{background:#f1f3f2}.card,.project-bar{background:#fafbfa;border-radius:6px}.btn{background:#fafbfa;border-radius:24px;font-weight:500}.btn:hover{background:#e9eeea}.btn.primary{color:#f1f3f2;background:#303b35;border-color:#303b35}.btn.primary:hover{background:#52604b;border-color:#52604b}.tabs button,.units button,.field label,.rail-row label,.toggle button,.suggestion-head,.project-field label{font-weight:500}.tabs button.active{color:#424c3d;background:#e3e8e2}.units{background:#e0e5e1}.units button.active{box-shadow:none;background:#fafbfa}.input-wrap input,.project-field input,.project-field select,.rail-row input,.tab-panel select{color:#282e2d;background:#f6f8f6;border-color:#c5ceca;border-radius:5px;font-weight:400}.input-wrap input:focus,.rail-row input:focus,.project-field input:focus,.project-field select:focus{border-color:#677961}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #677961}.drawing-area{background:#f1f3f2}.object,.suggestion,.toggle button{background:#fafbfa}.object,.suggestion,.tip,.status,.empty,.mobile-gap-details{border-radius:5px}.object.active,.suggestion.selected{background:#e3e8e2;border-color:#677961}.suggestion.selected p{color:#59645d}.suggestion:hover{background:#eef2ed;border-color:#87977f}.toggle button.active{color:#f1f3f2;background:#424c3d}.recommend-label{color:#424c3d;background:#d5dece;font-weight:500}.status.good{color:#424c3d;background:#e8ede7;border-color:#bfcbb9}.tip,.strip-marks li{background:#e9eeea}.tip{color:#59625e}.notice,.right-note,.empty{background:#eef1ef}.project-bar{box-shadow:0 18px 70px #282e2d30}.project-bar::backdrop{background:#282e2d66}.mobile-gap-details{background:#fafbfa}.print-toolbar{background:#f1f3f2}#print-document{color:#282e2d}#print-document .plan-heading{border-bottom-color:#424c3d}#print-document .plan-kicker,#print-document .plan-clear{color:#424c3d}.site-header{gap:30px;padding:24px 40px}.site-brand{color:var(--ink);text-decoration:none}.site-brand strong{letter-spacing:-1.5px;font-size:29px;font-weight:500}.site-nav{gap:30px;font-size:12px;display:flex}.site-nav a{color:var(--ink);text-decoration:none}.site-nav a:hover{text-underline-offset:5px;text-decoration:underline}.site-header .header-actions{margin-left:auto}.intro{max-width:1440px;margin:auto;padding:32px 32px 25px}.intro.calculator-heading{align-items:center;gap:20px;padding-top:25px;padding-bottom:25px}.calculator-heading h1{letter-spacing:-.7px;margin:0;font-size:25px;font-weight:400;line-height:1.25}main.planner-shell{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:22px;max-width:none;margin:auto;padding:40px 24px 35px;display:grid}.calculator-help{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;width:calc(100% - 48px);max-width:1160px;margin:38px auto 0;padding:40px 0 12px;display:grid}.calculator-help-heading h2{letter-spacing:-.7px;margin:12px 0 20px;font-size:32px;font-weight:400;line-height:1.15}.calculator-help-heading>p:not(.eyebrow){color:var(--muted);max-width:360px;font-size:15px;line-height:1.75}.calculator-help-steps{margin:0;padding:0 0 0 23px}.calculator-help-steps li{padding:0 0 24px 10px}.calculator-help-steps li::marker{color:var(--muted);font-size:12px}.calculator-help-steps h3{margin:0 0 9px;font-size:18px;font-weight:500}.calculator-help-steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.spacing-explanation-body>p{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.8}.spacing-explanation-body h3{margin:28px 0 12px;font-size:20px;font-weight:500}.spacing-formula{border:1px solid var(--line);background:#e9eeea;margin:24px 0;padding:20px 22px}.spacing-formula span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:11px}.spacing-formula p{margin:9px 0 0;font-size:18px;line-height:1.5}.spacing-example{margin:18px 0 22px}.spacing-example>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:12px 0;font-size:14px;line-height:1.5;display:flex}.spacing-example dt{color:var(--muted)}.spacing-example dd{white-space:nowrap;margin:0}.window-mode-explanation{margin:22px 0}.window-mode-explanation>div{border-top:1px solid var(--line);padding:16px 0}.window-mode-explanation>div:last-child{border-bottom:1px solid var(--line)}.window-mode-explanation dt{margin:0 0 8px;font-size:15px;font-weight:500}.window-mode-explanation dd{color:var(--muted);margin:0;font-size:14px;line-height:1.8}@media (width<=500px){.spacing-example>div{flex-direction:column;gap:5px}}body.print-preview .calculator-help{display:none}.calculator-question-list details{border-top:1px solid var(--line)}.calculator-question-list details:last-child{border-bottom:1px solid var(--line)}.calculator-question-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:15px;list-style:none;display:flex}.calculator-question-list summary::-webkit-details-marker{display:none}.calculator-question-list summary span{color:var(--muted);font-size:20px}.calculator-question-list details[open] summary span{transform:rotate(45deg)}.calculator-question-list p{color:var(--muted);margin:0 25px 20px 0;font-size:14px;line-height:1.8}.calculator-related{border-top:1px solid var(--line);width:calc(100% - 48px);max-width:1160px;margin:40px auto 64px;padding-top:36px}.calculator-related-heading{margin-bottom:26px}.calculator-related-heading h2{margin:10px 0 14px;font-size:28px;font-weight:400}.calculator-related-heading>a{text-underline-offset:4px;font-size:13px}.calculator-related a{color:var(--ink)}.calculator-help .eyebrow,.calculator-related .eyebrow{text-transform:uppercase;letter-spacing:.7px;font-size:11px}.calculator-related-links{grid-template-columns:1fr 1fr;gap:40px;display:grid}.calculator-related-links>a{border-top:1px solid var(--line);padding:20px 38px 20px 0;text-decoration:none;display:block;position:relative}.calculator-related-links h3{margin:12px 0;font-size:22px;font-weight:400}.calculator-related-links>a:hover h3{text-underline-offset:4px;text-decoration:underline}.calculator-related-links p{color:var(--muted);max-width:420px;margin:0;font-size:14px;line-height:1.7}.related-arrow{font-size:22px;position:absolute;top:20px;right:0}footer.site-footer{color:#f1f3f2;background:#282e2d;border:0;max-width:none;padding:36px 24px;display:block}.site-footer .footer-content{justify-content:space-between;align-items:center;gap:35px;max-width:1160px;margin:auto;display:flex}.site-footer .brand{color:inherit;font-size:28px;text-decoration:none}.site-footer p{color:#bec6c1;margin:12px 0 0;font-size:13px}.site-footer .footer-links{gap:28px;font-size:14px;display:flex}.site-footer a{color:inherit;text-underline-offset:4px}body.print-preview .calculator-related{display:none}@media print{.calculator-related{display:none}}@media (width<=700px){.calculator-related-links{grid-template-columns:1fr;gap:12px}.site-footer .footer-content{flex-direction:column;align-items:flex-start;gap:24px}}@media print{.calculator-help{display:none}}@media (width<=800px){.calculator-help{grid-template-columns:1fr;gap:24px;margin-top:24px;padding-top:28px}.calculator-help-heading h2{max-width:470px;font-size:28px}.calculator-help-heading>p:not(.eyebrow){max-width:none}}.planner-shell .controls{scrollbar-width:thin;scrollbar-color:#b7c1bc transparent;max-height:calc(100dvh - 36px);position:sticky;top:18px;overflow-y:auto}.planner-shell .tabs{z-index:1;background:#fafbfa;position:sticky;top:0}.planner-shell .tabs button{padding:11px 6px;font-size:12px}.window-treatment{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.window-treatment>.hint{margin-bottom:12px}.svg-rail,.svg-rail .rail-hit{cursor:grab}.svg-rail:active,.svg-rail:active .rail-hit{cursor:grabbing}#rail-list:not(:empty)+#add-rail,.height-slider-control{margin-top:14px}#panel-height-slider{cursor:pointer;appearance:none;background:0 0;width:100%;height:28px;margin:0;padding:0;display:block}#panel-height-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--height-progress,60%), #d9dfdb var(--height-progress,60%));border-radius:3px;height:4px}#panel-height-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 3px #0002}#panel-height-slider::-moz-range-track{background:#d9dfdb;border-radius:3px;height:4px}#panel-height-slider::-moz-range-progress{background:var(--ink);height:4px}#panel-height-slider::-moz-range-thumb{border:2px solid var(--ink);background:#fff;border-radius:50%;width:12px;height:12px}#panel-height-slider:disabled{opacity:.4;cursor:default}.height-slider-labels{color:var(--muted);justify-content:space-between;gap:8px;margin:2px 0 10px;font-size:10px;display:flex}.planner-workspace{min-width:0;display:block}.preview-card .stage-top{background:#f1f3f2;gap:20px;padding:20px 24px;position:relative}.preview-card .stage-top h2{margin-bottom:6px;font-size:16px}.preview-card .stage-top h1{letter-spacing:-.4px;margin:0 0 6px;font-size:18px;font-weight:400;line-height:1.3}.preview-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.preview-card .stage-top span{display:block}.preview-card .stage-top .btn{flex-shrink:0;font-size:10px}.preview-card .drawing-area{align-items:flex-start;gap:24px;padding:23px 26px 12px;display:flex}.wall-drawing{flex:1;min-width:0;position:relative}.drawing-preview-note{z-index:2;color:#303b35;text-align:center;background:#fafbfa;border:1px solid #c5ceca;border-radius:5px;margin:0;padding:7px 9px;font-size:12px;line-height:1.4;position:absolute;top:0;left:4px;right:4px}#wall-svg[data-preview=stale]{opacity:.55;pointer-events:none}[data-ob][aria-invalid=true]{border-color:#b64c40}.layout-options{border:1px solid var(--line);background:#fafbfa;border-radius:9px;flex-shrink:0;width:235px;position:sticky;top:18px;box-shadow:0 5px 18px #28312b0a}.planner-workspace .layout-options .suggestions{padding:16px}.layout-options .suggestions>h2{font-size:14px}.layout-options .suggestions>.hint{margin-bottom:13px;font-size:10px;line-height:1.5}.layout-options #suggestion-list{scrollbar-width:thin;grid-template-columns:1fr;gap:9px;max-height:350px;overflow-y:auto}.layout-options .suggestion{padding:11px}.layout-options .suggestion-head{flex-wrap:wrap;gap:7px;font-size:12px}.layout-options .suggestion p{margin:8px 0;font-size:10px;line-height:1.5}.layout-options .safe{flex-wrap:wrap;gap:6px;font-size:9px}.layout-options #suggestion-list>.hint{margin:0;font-size:10px;line-height:1.6}.more-layouts{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:12px 0 0;font-size:11px;text-decoration:underline}.preview-card .drawing-area svg{min-height:300px;max-height:510px}.preview-card .status{background:#fcf0ec;border:1px solid #edc3b9;border-radius:5px;margin:12px 24px 18px;padding:12px 14px;font-size:11px;line-height:1.5}.preview-card .status.good{color:var(--muted);background:0 0;border:0;margin:0;padding:0;font-size:11px;line-height:1.5;display:none}.preview-card .status:empty,.preview-card.has-clash-feedback #status{display:none}#calculator-clash-message{color:#963f2d;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;font-size:12px;font-weight:500;line-height:16px;position:absolute;bottom:2px;left:24px;right:24px;overflow:hidden}#calculator-clash-message[hidden]{display:none}@media (width<=720px){#calculator-clash-message{display:none}.mobile-input-actions>p.mobile-clash-feedback{color:#843b2c;background:#faeeea;border-left:2px solid #b66b55;border-radius:0 4px 4px 0;align-items:baseline;gap:8px;margin:10px 0 0;padding:10px 12px;font-size:14px;line-height:1.5;display:flex}.mobile-clash-line{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.mobile-clash-action{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;margin:0;padding:0;font:500 13px/1.5 DM Sans,Arial,sans-serif;text-decoration:underline}}@media print{#calculator-clash-message{display:none!important}}.screen-reader-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-card .status.good strong{font-weight:400}.preview-card .stats{padding:1px 24px 22px}.preview-colours{border-top:1px solid var(--line);padding:0 24px}.preview-colours>summary{cursor:pointer;color:var(--ink);padding:16px 0;font-size:12px}#preview-colour-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:5px 0 18px;display:grid}.preview-colour-row>label{margin-bottom:12px;font-size:12px;display:block}.preview-colour-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.colour-swatch{background:var(--swatch);border:1px solid #0002;border-radius:50%;width:27px;height:27px;padding:0}.colour-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.custom-colour{cursor:pointer;align-items:center;gap:7px;font-size:10px;display:flex}.custom-colour input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:5px;width:30px;height:30px;padding:2px}.preview-colour-footer{justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex}.preview-colour-footer small{color:var(--muted);font-size:10px;line-height:1.6}.preview-colour-footer .btn{flex-shrink:0;font-size:10px}.planner-workspace .right{margin-top:20px}.planner-workspace .suggestions{padding:22px 24px;display:block}.planner-workspace .suggestions>h2{font-size:16px}#suggestion-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}#suggestion-list .suggestion{height:100%;margin:0}#suggestion-list .empty{grid-column:1/-1}.planner-workspace .suggestions>.hint{margin-bottom:17px}.planner-workspace .explanation{margin-top:17px}.installation-plan{grid-column:2;min-width:0;margin-top:3px;padding:27px 28px}.installation-heading{justify-content:space-between;align-items:center;gap:25px;display:flex}.installation-heading .eyebrow{letter-spacing:1px;margin:0 0 10px;font-size:9px}.installation-heading h2{letter-spacing:-.7px;margin:0 0 9px;font-size:23px;font-weight:400}.installation-intro{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.installation-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 30px;padding:19px 0;font-size:12px;display:flex}.installation-summary #total-length{color:var(--ink)}.installation-summary #cut-summary{font-size:11px}.installation-summary #cut-status{margin-left:auto;font-size:11px}.installation-details{border-top:1px solid var(--line)}.installation-details summary{cursor:pointer;padding:19px 24px 19px 0;font-size:14px;list-style:none;position:relative}.installation-details summary::-webkit-details-marker{display:none}.installation-details summary:after{content:"+";color:var(--muted);font-size:20px;position:absolute;top:17px;right:0}.installation-details[open] summary:after{content:"−"}.installation-details summary span{color:var(--muted);margin-left:28px;font-size:11px}.installation-plan .positions{border:0;margin:0;padding:0 0 19px}.cut-table-wrap{padding-bottom:15px}.installation-plan .cut-footer{line-height:1.7}.installation-plan .strip-marks{gap:12px}@media (width<=1050px){main.planner-shell{grid-template-columns:285px minmax(0,1fr);gap:18px;padding:32px 20px 30px}.intro{padding-left:22px;padding-right:22px}.preview-card .drawing-area{padding-left:15px;padding-right:15px}.planner-workspace .suggestions{padding:20px}#suggestion-list{grid-template-columns:1fr}.preview-card .drawing-area{flex-direction:column;gap:18px}.wall-drawing{width:100%}.layout-options{order:-1;width:100%;position:static}.layout-options #suggestion-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.layout-options #suggestion-list>.hint,.layout-options #suggestion-list>.empty{grid-column:1/-1}}@media (width<=720px){.site-header{flex-wrap:wrap;gap:20px;padding:18px 16px}.site-brand strong{font-size:25px}.site-nav{display:none}.site-header .header-actions{width:auto;margin-left:auto}.site-header .header-actions .btn{flex:none;min-height:40px;padding:9px 14px}.intro{padding:24px 16px 21px}.intro.calculator-heading{flex-direction:row;align-items:center;gap:14px;padding-top:22px;padding-bottom:22px}.calculator-heading h1{letter-spacing:-.5px;font-size:21px}.calculator-heading .units{flex-shrink:0}main.planner-shell{flex-direction:column;gap:15px;padding:24px 12px 25px;display:flex}.planner-shell .controls{order:2;max-height:none;position:static;overflow:visible}.planner-shell .tabs{position:static}.planner-workspace{order:1;display:block}.installation-plan{order:3;margin:0;padding:22px 18px}.preview-card .stage-top{flex-flow:wrap;gap:14px;padding:17px 16px}.preview-card .stage-top h1{font-size:17px}.preview-actions{justify-content:space-between;width:100%}.preview-card .stage-top h2{font-size:15px}.preview-card .stage-top span{font-size:11px}.preview-card .stage-top .btn{min-height:40px;padding:8px 11px}.preview-card .drawing-area{padding:8px}.layout-options{order:0}.layout-options #suggestion-list{grid-template-columns:1fr}.preview-card .drawing-area svg{min-height:0;max-height:none}.preview-card .status,.preview-card .status.good{margin:12px 15px 16px;padding:12px}.preview-card .stats{padding:1px 15px 16px}.preview-colours{padding:0 16px}#preview-colour-controls{grid-template-columns:1fr;gap:20px}.planner-workspace .right{margin-top:15px}.planner-workspace .suggestions{padding:19px 16px}.installation-heading{flex-direction:column;align-items:start;gap:16px}.installation-heading h2{font-size:22px}.installation-summary{flex-direction:column;align-items:start;gap:10px}.installation-summary #cut-status{margin-left:0}.installation-details summary{font-size:14px}.installation-details summary span{margin:7px 0 0;line-height:1.5;display:block}#panel-height-slider{touch-action:pan-y}}.mobile-input-actions,#mobile-input-editor[hidden]{display:none}@media (width<=720px){.mobile-inputs-ready .mobile-input-actions{width:100%;display:block}.mobile-input-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.mobile-input-buttons button{color:#282e2d;-webkit-tap-highlight-color:transparent;background:#fafbfa;border:1px solid #bfc7c2;border-radius:6px;min-height:46px;padding:10px 3px;font-size:12px;font-weight:500}.mobile-input-actions>p{color:#59645d;margin:10px 2px 0;font-size:12px;line-height:1.6}.mobile-inputs-ready .mobile-edit-link{display:none}body.mobile-input-open>:not(#mobile-input-editor):not(script):not(style):not(link){display:none!important}#mobile-input-editor{width:100%;max-width:600px;color:var(--ink);background:#f1f3f2;margin:0 auto;padding:20px 16px 32px;display:block;position:static}#mobile-input-editor .mobile-input-heading{background:0 0;border:0;margin:0 0 22px;padding:0;display:block;position:static}#mobile-input-done{-webkit-tap-highlight-color:transparent;background:#fafbfa;min-height:44px;padding:9px 16px}#mobile-input-title{outline:none;margin:24px 0 0;font-size:28px;font-weight:500}#mobile-input-feedback{color:#963b31;background:#fbefeb;border:1px solid #f1c8bf;border-radius:5px;margin:0 0 18px;padding:12px;font-size:13px;line-height:1.6}#mobile-input-editor #planner-controls{background:0 0;border:0;height:auto;max-height:none;display:block;position:static;overflow:visible}#mobile-input-editor .tabs{background:0 0;margin:0 0 20px;padding:0 0 16px;position:static}#mobile-input-editor .tabs button{-webkit-tap-highlight-color:transparent;min-height:44px;font-size:13px}#mobile-input-editor .tabs button.active{color:#303b35;background:#e4e8e5}#mobile-input-editor .tab-panel.active{height:auto;max-height:none;padding:0;display:block;position:static;overflow:visible}#mobile-input-editor .tab-panel>h2:first-child{margin-top:0}#mobile-input-editor .notice{display:none}#mobile-input-editor input,#mobile-input-editor select{scroll-margin:24px;font-size:16px}#mobile-input-editor .rail-summary{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}#mobile-input-editor #add-rail{margin-bottom:14px}.mobile-input-return{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.mobile-input-return button{min-height:46px}#mobile-input-editor{padding:18px 16px 32px}#mobile-input-editor .mobile-input-heading{margin-bottom:24px}.mobile-editor-topbar{border-bottom:1px solid #c5ceca;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;padding-bottom:14px;display:flex}#mobile-input-done{color:#46504a;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:12px;font-weight:400;line-height:1;display:inline-flex}#mobile-input-done svg{flex-shrink:0}#mobile-input-done:active{color:#282e2d}.mobile-editor-wordmark{letter-spacing:-.8px;color:#303b35;white-space:nowrap;font-family:DM Sans,Arial,sans-serif;font-size:19px;line-height:1.2}#mobile-input-title{letter-spacing:-1.1px;margin:0;font-size:32px;font-weight:500;line-height:1.18}.mobile-editor-intro{color:#59645d;margin:12px 0 0;font-size:14px;line-height:1.65}#mobile-input-editor .tabs{border-bottom:1px solid #c5ceca;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:0;display:grid}#mobile-input-editor .tabs button{color:#59645d;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;min-height:46px;padding:12px 2px 13px;font-size:13px;font-weight:400}#mobile-input-editor .tabs button.active{color:#282e2d;background:0 0;border-bottom-color:#303b35;font-weight:600}#mobile-input-editor .editor-group{background:#fafbfa;border:1px solid #d7ddd9;border-radius:10px;margin:0 0 18px;padding:20px 18px}#mobile-input-editor .editor-group[hidden]{display:none}#mobile-input-editor .editor-group>h2{letter-spacing:-.3px;margin:0 0 9px;font-size:17px;font-weight:500;line-height:1.35}#mobile-input-editor .editor-group>.hint{color:#59645d;margin:0 0 20px;font-size:12px;line-height:1.7}#mobile-input-editor .tab-panel>.divider{display:none}#mobile-input-editor .field{margin:0 0 20px}#mobile-input-editor .field:last-child{margin-bottom:0}#mobile-input-editor .field label{color:#3d4640;margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.5}#mobile-input-editor .input-wrap input{background:#fff;border-color:#c5ceca;border-radius:6px;min-height:50px;padding-top:12px;padding-bottom:12px;font-size:17px;font-weight:400}#mobile-input-editor .suffix{color:#59645d;font-size:12px}#mobile-input-editor select{background-color:#fff;min-height:50px}#mobile-input-editor .field small,#mobile-input-editor .hint{color:#59645d;font-size:12px;line-height:1.65}#mobile-input-editor #full-height{background:#eef1ee;border-color:#d7ddd9;min-height:40px;padding:8px 13px;font-size:12px;margin:0 0 20px!important}#mobile-input-editor .height-slider-control{margin-top:16px}#mobile-input-editor .wood-sizes{gap:12px}#mobile-input-editor .wood-sizes .field label{min-height:36px}#mobile-input-editor .tip{color:#46504a;background:#edf1ed;border:0;border-left:2px solid #bdc8bf;border-radius:0 4px 4px 0;margin:18px 0 0;padding:12px;font-size:12px;line-height:1.65}#mobile-input-editor #mode-tip,#mobile-input-editor #default-rail-note{margin:0 0 20px}#mobile-input-editor .add-buttons{gap:8px;margin:0}#mobile-input-editor .add-buttons button{background:#fff;border-style:solid;border-color:#c5ceca;border-radius:5px;min-height:44px;padding:10px 4px;font-size:12px}#mobile-input-editor .objects:empty{margin:0}#mobile-input-editor .objects:not(:empty){margin-top:16px}#mobile-input-editor .object{background:#fff;border-radius:5px;padding:12px}#mobile-input-editor .object.active{background:#e9eeea;border-color:#81917f}#mobile-input-editor .mini-measure{max-height:105px;margin:0 auto 18px}#mobile-input-editor .remove{padding-left:0;font-size:12px}#mobile-input-editor .window-treatment{border-top:1px solid #d7ddd9}#mobile-input-editor .rail-summary{margin:0 0 12px;padding:4px 0 12px}#mobile-input-editor .rail-summary button{min-height:40px}#mobile-input-editor #add-rail{background:#fff;min-height:44px;margin:0 0 18px}#mobile-input-editor #default-rail-height{min-height:40px;margin:0 0 20px;padding:8px 12px;font-size:12px}.mobile-input-return{border:0;margin:24px 0 0;padding:0}.mobile-input-return button{background:#303b35;border-radius:6px;width:100%;min-height:50px;font-size:14px;font-weight:500}}@media print{#mobile-input-editor,.mobile-input-actions{display:none!important}}.mobile-expand-diagram,#diagram-dialog:not([open]){display:none}#diagram-dialog[open]{color:#282e2d;background:#f1f3f2;border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.diagram-view-header{border-bottom:1px solid #c5ceca;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.diagram-view-header h2{margin:0;font-size:17px;font-weight:500}.diagram-view-header .btn{min-height:42px;font-size:12px}.diagram-view-tools{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px 0;display:flex}.diagram-zoom,.diagram-modes{align-items:center;gap:4px;display:flex}.diagram-view-tools button{color:#303b35;-webkit-tap-highlight-color:transparent;background:#fafbfa;border:1px solid #c5ceca;border-radius:5px;min-width:40px;min-height:40px;padding:8px 10px;font-size:12px}.diagram-modes button[aria-pressed=true]{color:#fff;background:#303b35;border-color:#303b35}#diagram-zoom-level{text-align:center;min-width:48px;font-size:12px}#diagram-view-help{color:#59645d;margin:10px 16px 12px;font-size:12px;line-height:1.5}#diagram-viewport{overscroll-behavior:contain;touch-action:pan-x pan-y;flex:1;min-height:0;overflow:auto}.diagram-canvas{place-items:center;display:grid}#diagram-dialog .wall-drawing{flex:none;max-width:none;margin:0}#diagram-dialog #wall-svg{user-select:none;touch-action:none;width:100%;height:100%;min-height:0;max-height:none;display:block}#diagram-dialog .mobile-gap-details,#diagram-dialog .mobile-svg-gap{display:none}#diagram-dialog .svg-mobile-hit,#diagram-dialog .svg-rail-grip{display:initial}#diagram-dialog[data-mode=pan] #wall-svg{pointer-events:none}#diagram-dialog[data-mode=pan] #diagram-viewport{touch-action:none;cursor:grab}#diagram-dialog[data-mode=pan] #diagram-viewport:active{cursor:grabbing}@media (width<=720px){main.planner-shell{padding-left:0;padding-right:0}.planner-workspace .preview-card{border-left:0;border-right:0;border-radius:0}.preview-card .drawing-area{padding:10px 0 12px}.drawing-area>.mobile-input-actions,.drawing-area>.layout-options{width:calc(100% - 24px);margin-left:12px;margin-right:12px}.drawing-area .mobile-gap-details{margin-left:12px;margin-right:12px}.drawing-area>.mobile-gap-details{flex-shrink:0;width:calc(100% - 24px);margin:0 12px}.planner-shell>.installation-plan,.planner-shell>.controls{width:calc(100% - 24px);margin-left:12px;margin-right:12px}.mobile-expand-diagram{align-items:center;gap:6px;display:inline-flex}.preview-actions{gap:8px}.preview-card .stage-top .btn{padding-left:9px;padding-right:9px}}@media print{#diagram-dialog,.mobile-expand-diagram{display:none!important}}
