/* Global Square Metre Calculator — scoped, responsive interface. */
.spc-planner {
  --spc-paper:#f7f2e9;--spc-card:#fffcf6;--spc-text:#171b19;--spc-mut:#62645e;
  --spc-edge:#d9d2c7;--spc-bgsoft:#e8e0d4;--spc-deep:#252624;--spc-ink:#101713;
  --spc-ui:clamp(14px,1.3cqw,24px);--spc-small:clamp(12px,1.05cqw,20px);
  --spc-gap:clamp(16px,2.05cqw,38px);--spc-control:clamp(40px,3.05cqw,54px);
  box-sizing:border-box;isolation:isolate;container:spc / inline-size;min-width:0;max-width:1120px;
  margin:0 auto 24px;border:1px solid var(--spc-edge);border-radius:6px;overflow:clip;
  background:var(--spc-paper);color:var(--spc-text);font-family:inherit;
  font-size:var(--spc-ui);line-height:1.4;text-align:left;overflow-wrap:break-word;color-scheme:light;
}
.spc-planner[data-mode=dark]{--spc-paper:#041321;--spc-card:#0a1d2b;--spc-text:#f4f6f7;--spc-mut:#c1ced2;--spc-edge:#304650;--spc-bgsoft:#102734;--spc-deep:#01111c;color-scheme:dark}
.spc-planner[data-mode=light]:is([data-brand=grinding],[data-brand=flooring]){--spc-paper:#f2f3f1;--spc-card:#fcfcfa;--spc-bgsoft:#e2e5e1}
.spc-planner *,.spc-planner *::before,.spc-planner *::after{box-sizing:border-box}
.spc-planner :is(h1,h2,h3,h4,p,ul,figure,fieldset){margin:0;padding:0;color:inherit}
/* These declarations also resist Avada's page-wide decorative heading rules. */
:is(#main,body) .spc-planner[data-mode] :is(h1,h2,h3,h4){margin:0!important;padding:0!important;color:inherit!important;text-align:left!important;font-family:proximaextrabold,Arial,Helvetica,sans-serif!important;font-style:normal!important;font-weight:800!important;font-synthesis:none;line-height:1.08!important;text-transform:none!important;letter-spacing:-.035em!important}
:is(#main,body) .spc-planner[data-mode] :is(h1,h2){font-size:clamp(34px,4.6cqw,88px)!important}
:is(#main,body) .spc-planner[data-mode] h3{font-size:clamp(23px,2.8cqw,52px)!important}
:is(#main,body) .spc-planner[data-mode] h4{font-size:clamp(19px,2cqw,34px)!important}
.spc-planner :is(button,select,input:where(:not([type=checkbox],[type=radio],[type=range],[type=file])),textarea){font:inherit;font-size:var(--spc-ui);line-height:1.3;color:var(--spc-text);background:var(--spc-card);border:1px solid var(--spc-edge);border-radius:5px;min-width:0;margin:0;box-shadow:none;text-transform:none;letter-spacing:normal}
.spc-planner :is(button,summary,select,input[type=checkbox],input[type=range]){cursor:pointer}
.spc-planner button{padding:9px 15px;font-weight:600;min-height:var(--spc-control);transition:border-color .15s,background-color .15s}
.spc-planner button:hover,.spc-planner summary:hover{border-color:var(--spc-accent)}
.spc-planner button:disabled{opacity:.45;cursor:default}
.spc-planner :is(button,input,select,summary,textarea):focus-visible{outline:3px solid var(--spc-accent);outline-offset:3px}
.spc-planner :is(input:where(:not([type=checkbox],[type=radio],[type=range],[type=file])),select,textarea){width:100%;height:auto;min-height:var(--spc-control);padding:9px 12px}
.spc-planner select{appearance:auto;background-image:none;padding-right:10px}
.spc-planner label{display:block;color:inherit;margin:0;font-size:var(--spc-small);font-weight:600}
.spc-planner [hidden]{display:none!important}
.spc-planner :is(input[type=checkbox],input[type=range],input[type=radio]){accent-color:var(--spc-accent)}
.spc-planner [aria-invalid=true]{outline:2px solid #c64934;outline-offset:1px}
.spc-title,.spc-start,.spc-section{padding:var(--spc-gap)}
.spc-title{display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--spc-edge);padding-block:clamp(23px,2.4cqw,44px)}
.spc-dot{display:inline-block;width:.18em;height:.18em;background:var(--spc-accent);margin-left:.1em}
:is(#main,body) .spc-planner .spc-title p{font-size:clamp(14px,1.25cqw,22px);margin-top:9px;color:var(--spc-mut);max-width:52em}
.spc-service{flex:0 0 clamp(190px,19cqw,320px)}
.spc-service select{border-color:var(--spc-accent);margin-top:7px;font-weight:600}
.spc-start{padding-block:clamp(22px,2cqw,34px)}
.spc-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2cqw,22px);margin-top:clamp(15px,1.4cqw,24px)}
.spc-ways button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0;overflow:hidden;position:relative;padding:0 0 0 clamp(14px,1.6cqw,28px);min-height:clamp(106px,10.6cqw,180px);text-align:left;border-color:var(--spc-edge);background:var(--spc-card)}
.spc-ways button[data-active=true]{border-color:var(--spc-accent);box-shadow:inset 0 -4px var(--spc-accent)}
.spc-ways span{width:52%;max-width:52%;z-index:1;padding-block:14px}
.spc-ways b{display:block;font-size:clamp(18px,1.8cqw,30px);font-weight:750;line-height:1.1;letter-spacing:-.035em;max-width:9.5em}
.spc-ways small,.spc-bottom small{display:block;color:var(--spc-mut);font-size:var(--spc-small);line-height:1.4;margin-top:9px;font-weight:400}
.spc-ways img,.spc-ways svg{width:48%;height:clamp(106px,10.6cqw,180px);max-width:48%;min-height:0;object-fit:cover}
.spc-ways img{mask-image:linear-gradient(90deg,transparent,#000 16%)}
.spc-ways svg{padding:clamp(9px,1.2cqw,20px)}
.spc-workspace{display:grid;min-height:clamp(560px,51cqw,980px);grid-template-columns:minmax(0,1.95fr) minmax(300px,1fr);border-block:1px solid var(--spc-edge)}
.spc-board{position:relative;display:flex;flex-direction:column;min-height:0;justify-content:space-between;color:#f6f8f5;background-color:#252725;background-image:linear-gradient(118deg,#f6dfac1c,transparent 36%),linear-gradient(#eee9dd0a 1px,transparent 1px),linear-gradient(90deg,#eee9dd0a 1px,transparent 1px),radial-gradient(ellipse at center,#47463e,transparent 78%);background-size:100% 100%,10px 10px,10px 10px,100% 100%}
.spc-planner[data-mode=dark] .spc-board{background-color:#061821}
.spc-tools,.spc-board-foot{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,1cqw,18px) clamp(14px,1.6cqw,28px);gap:8px}
.spc-toolset,.spc-toggle,.spc-board-foot>div{display:flex;gap:4px}
.spc-board button{color:#eef3f0;background:#242b28;border:1px solid #8f948780;font-size:clamp(12px,.98cqw,17px);min-height:clamp(34px,2.6cqw,44px);padding:6px 12px}
.spc-board button[aria-pressed=true],.spc-planner button.spc-primary,.spc-planner .spc-choice[aria-pressed=true]{background:var(--spc-accent);border-color:var(--spc-accent);color:var(--spc-ink)}
.spc-board-foot>span{font:600 clamp(10px,.75cqw,13px)/1.3 ui-monospace,monospace;color:#d5d8cf;text-transform:uppercase;letter-spacing:.09em}
.spc-drawing{user-select:none;-webkit-user-select:none;display:grid;align-content:center;overflow:hidden;min-height:0;flex:1}
.spc-drawing svg,.spc-mini svg{display:block;width:100%;height:auto}
.spc-drawing [data-room],.spc-mini [data-pin]{cursor:pointer}
.spc-board[data-view="3d"] .spc-drawing,.spc-board[data-view="3d"] .spc-drawing [data-room]{cursor:grab}
.spc-board.rotating .spc-drawing,.spc-board.rotating .spc-drawing [data-room]{cursor:grabbing}
:is(#main,body) .spc-planner .spc-view-help{margin:0;padding:0 18px 8px;font-size:clamp(12px,.85cqw,15px);text-align:center;color:#e2e6dd!important}
.spc-board-foot{flex-wrap:wrap}.spc-view-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px!important}.spc-view-actions>div{display:flex;gap:4px}
.spc-rotate-actions button{min-width:38px}
@media(pointer:coarse){.spc-view-help .spc-mouse-hint{display:none}}
.spc-drawing [data-resize]{touch-action:none}.spc-drawing:has([data-resize]){touch-action:pan-y}
.spc-board.arranging .spc-drawing{cursor:move;touch-action:none}
.spc-editor{padding:clamp(18px,1.9cqw,34px);border-left:1px solid var(--spc-edge);max-height:none;overflow:visible}
.spc-editor h3{margin-bottom:16px!important}
.spc-room{border-bottom:1px solid var(--spc-edge)}
.spc-room.current{margin-top:12px;padding-left:clamp(11px,.9cqw,16px);border-left:3px solid var(--spc-accent)}
.spc-room .spc-room-head{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;padding:clamp(12px,1cqw,18px) 0;font-size:clamp(16px,1.4cqw,25px)}
.spc-room-head span:first-child{font-size:25px;line-height:1}
.spc-room-head b{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spc-room-head small{white-space:nowrap;font-size:var(--spc-ui);font-weight:400}
.spc-room-fields{padding:0 0 14px}.spc-room-fields label{font-size:var(--spc-small)}
.spc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.spc-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.spc-room-fields :is(select,input){margin-top:5px}
.spc-room-fields input[type=number]{font-size:clamp(17px,1.4cqw,24px)}
.spc-planner fieldset.spc-shapes{border:0;padding:0;margin:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.spc-shapes legend{font-size:var(--spc-small);font-weight:600;padding:0;margin-bottom:6px}
.spc-shapes label{position:relative;cursor:pointer}.spc-shapes input{position:absolute;width:1px;height:1px;opacity:0}
.spc-shapes span{display:flex;align-items:center;gap:8px;min-height:var(--spc-control);padding:6px 10px;font-size:var(--spc-ui);font-weight:600;border:1px solid var(--spc-edge);border-radius:4px}
.spc-shapes i{font:700 24px/1 Arial,sans-serif}
.spc-shapes input:checked+span{border-color:var(--spc-accent);box-shadow:inset 0 0 0 1px var(--spc-accent);background:color-mix(in srgb,var(--spc-accent) 7%,transparent)}
.spc-shapes input:focus-visible+span{outline:2px solid currentColor;outline-offset:3px}
.spc-formline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.spc-planner .spc-linkbtn{border:0;background:transparent;text-decoration:underline;min-height:32px;font-size:var(--spc-small);padding:4px 0;font-weight:400}
.spc-room-actions{display:flex;flex-wrap:wrap;gap:3px 18px}
.spc-edit-actions,.spc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.spc-edit-actions{display:grid;grid-template-columns:1fr}.spc-edit-actions button{text-align:left}
.spc-edit-actions [data-act=arrange]{background:transparent;border-color:transparent;min-height:36px;padding-block:6px}
.spc-editor p{margin-top:10px;font-size:var(--spc-small)}
.spc-total{background:var(--spc-accent);color:var(--spc-ink);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(13px,1.3cqw,24px) var(--spc-gap)}
.spc-total>span{display:flex;align-items:center;gap:clamp(12px,1.5cqw,26px);flex-wrap:wrap}
.spc-total small{font-size:clamp(15px,1.3cqw,23px);font-weight:700}
.spc-total strong{font-size:clamp(38px,5.5cqw,104px);line-height:.95;letter-spacing:-.06em}
.spc-total i{border-left:1px solid currentColor;padding-left:clamp(12px,1.5cqw,26px);font-size:var(--spc-ui);font-style:normal}
.spc-total button{background:#121613;color:#fff;border-color:#121613;min-height:clamp(44px,3.8cqw,64px);padding-inline:24px;font-size:clamp(14px,1.25cqw,22px)}
.spc-scale{position:relative;isolation:isolate;background:#29332b;color:#fff;min-height:clamp(340px,35cqw,610px);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spc-gap);overflow:hidden}
.spc-scene{position:absolute;inset:0;z-index:-1;background-position:center;background-size:cover}
.spc-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#1919138c,transparent 52%),linear-gradient(0deg,#1919167a,transparent 25%)}
.spc-scale-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
:is(#main,body) .spc-planner[data-mode] .spc-scale-heading h3{font-size:clamp(32px,4.15cqw,68px)!important;color:#fff!important;text-shadow:0 2px 14px #0004}
.spc-scale-heading p{font-size:var(--spc-small);color:#fff!important;margin-top:8px}
.spc-scale-heading>div+div{width:clamp(180px,25cqw,350px);padding:16px;background:#1c201cba;border:1px solid #fff6;border-radius:5px;backdrop-filter:blur(6px)}
:is(#main,body) .spc-planner .spc-scale select{color:#fff!important;background-color:#272b27!important;border-color:#ffffff80!important;margin-top:5px}
.spc-planner .spc-scale select option{color:#fff;background:#272b27}
.spc-range{margin-top:12px!important}.spc-range output{float:right}
.spc-range input{display:block;width:100%;margin:9px 0 2px;min-height:24px}
.spc-ruler{color:white;margin-top:30px;padding:0 3% 18px}
.spc-meter{position:relative;border-bottom:3px solid var(--spc-accent);height:18px;min-width:2px;max-width:100%;margin-inline:auto}
.spc-meter i{position:absolute;bottom:-6px;height:12px;border-left:1px solid #fffc}
.spc-meter::before,.spc-meter::after{content:"";position:absolute;height:24px;border-left:2px solid var(--spc-accent);bottom:-12px}
.spc-meter::before{left:0}.spc-meter::after{right:0}
.spc-meter strong{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);background:var(--spc-accent);color:var(--spc-ink);border:1px solid #fffa;border-radius:4px;white-space:nowrap;padding:4px 12px;font-size:clamp(16px,1.4cqw,24px)}
.spc-duo{display:grid;grid-template-columns:1fr 1.06fr}
.spc-duo>.spc-section+.spc-section{border-left:1px solid var(--spc-edge)}
.spc-section{border-top:1px solid var(--spc-edge)}
.spc-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.spc-row>button{flex:none;font-size:var(--spc-small);padding:7px 12px}
.spc-scope{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(110px,1fr);gap:clamp(14px,1.5cqw,26px);align-items:center;margin-top:22px}
.spc-mini{min-width:0;background:var(--spc-paper);overflow:hidden;border:0;border-radius:0}
.spc-planner[data-mode=dark] .spc-mini{background:#f3f1e9;border-radius:4px}
.spc-check,.spc-option{display:flex!important;gap:10px;align-items:center;font-size:var(--spc-ui)!important;padding:9px 0}
.spc-check input,.spc-option input{width:clamp(18px,1.3cqw,24px);height:clamp(18px,1.3cqw,24px);margin:0;flex:none}
.spc-scope-total{display:flex;flex-direction:column;border-top:1px solid var(--spc-edge);padding-top:12px;margin-top:12px;font-size:var(--spc-small)}
.spc-scope-total strong{font-size:clamp(26px,3.3cqw,53px);line-height:1.1;letter-spacing:-.055em;color:var(--spc-text)}
.spc-table-wrap{overflow-x:auto}
.spc-planner table{border-collapse:collapse;width:100%;color:inherit;margin:22px 0 0;font-size:var(--spc-ui)}
.spc-planner :is(td,th){padding:clamp(8px,.8cqw,14px) 8px;text-align:left;border:0;border-bottom:1px solid var(--spc-edge);background:transparent;color:inherit;vertical-align:middle}
.spc-planner th{background:var(--spc-bgsoft);font-weight:700;font-size:var(--spc-small)}
.spc-planner td:last-child,.spc-planner th:last-child{text-align:right}
.spc-planner td:first-child{font-weight:600}.spc-planner tr.excluded{color:var(--spc-mut)}
.spc-planner .spc-subtotal{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid currentColor;margin-top:12px;padding-top:12px;font-size:var(--spc-ui);font-weight:700}
.spc-subtotal b{font-size:clamp(28px,2.6cqw,44px);line-height:1.1;letter-spacing:-.045em;white-space:nowrap}
.spc-material{display:grid;grid-template-columns:1.12fr 1fr;background:var(--spc-deep);color:#f6f7f3}
.spc-material-picture,.spc-patch-picture{background-color:#252624;background-size:cover;background-position:center;min-height:clamp(255px,25cqw,430px);position:relative}
.spc-material-picture>div{padding:var(--spc-gap);background:linear-gradient(#141613e8,#14161360 65%,transparent);min-height:140px}
:is(#main,body) .spc-planner[data-mode] .spc-material-picture :is(h3,p){color:#fff!important}
.spc-material-picture p{max-width:34em;margin-top:9px;font-size:var(--spc-small)}
.spc-material-tag{position:absolute;right:12%;bottom:39%;padding:5px 12px;border:1px solid #fffb;border-radius:4px;background:var(--spc-accent);color:var(--spc-ink);font-weight:700;font-size:var(--spc-ui)}
.spc-material-tag::before{content:"";position:absolute;right:100%;top:50%;width:35px;height:30px;border-top:2px solid var(--spc-accent);border-left:2px solid var(--spc-accent);transform:skewX(-32deg);transform-origin:right top}
.spc-work{padding:var(--spc-gap);align-self:center;border-left:1px solid #ffffff30}
:is(#main,body) .spc-planner[data-mode] .spc-work :is(h4,label,small,output){color:#f6f5ee!important}
.spc-work .spc-option{padding:15px 0;border-bottom:1px solid #ffffff35}.spc-work .spc-option>small{margin-left:auto}
.spc-finishes{display:flex;gap:12px;margin-top:18px}
.spc-planner .spc-swatch{flex:1;background:transparent;color:#fff;border:1px solid #718278;padding:7px}
.spc-swatch i{display:block;min-height:clamp(48px,5cqw,85px);background:var(--chip);border-radius:2px;margin-bottom:8px}
.spc-swatch[aria-pressed=true]{outline:2px solid var(--spc-accent)}
.spc-planner[data-mode] .spc-depth{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(70px,110px) minmax(56px,.4fr);align-items:center;gap:12px;border-bottom:1px solid #ffffff35;padding:7px 0;font-size:var(--spc-ui)}
.spc-depth output{text-align:right}.spc-depth input{background:#fff!important;color:#16211c!important}
.spc-depth.excluded{opacity:.55}.spc-depth-head{font-size:var(--spc-small)!important;margin-top:16px}
.spc-depth-head span:last-child{text-align:right}
.spc-planner .spc-depth input{min-height:clamp(34px,2.5cqw,44px);padding:4px 10px}
.spc-work>small{display:block;font-size:var(--spc-small);margin-top:10px}
.spc-work .spc-subtotal{background:#fcf8ec;color:#181b18;border:1px solid var(--spc-accent);border-radius:5px;padding:14px 16px;margin-top:16px}
.spc-patch-grid{display:grid;grid-template-columns:.7fr 1.5fr;gap:24px;margin-top:24px}
.spc-patch-picture{border-radius:5px;min-height:200px}
.spc-patch-picture span{position:absolute;bottom:16px;left:16px;border-radius:4px;background:#14211de6;color:#fff;padding:5px 10px;font-size:var(--spc-small)}
.spc-patch-row{border-bottom:1px solid var(--spc-edge);padding:12px 0}
.spc-patch-row .spc-row{margin-bottom:7px}
.spc-patch-foot{display:flex;gap:12px;align-items:center;justify-content:space-between}
.spc-patches .spc-subtotal{background:var(--spc-accent);color:var(--spc-ink);border:0;padding:12px 16px}
.spc-photos .spc-row>small{font-size:var(--spc-small);color:var(--spc-mut)}
.spc-photo-grid{display:grid;grid-template-columns:minmax(180px,1fr) 1.85fr;align-items:center;gap:clamp(16px,1.7cqw,30px);margin-top:22px}
.spc-photo-grid>.spc-mini{display:grid;align-content:center}
.spc-photo-grid>[data-ui=photos]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:start;gap:clamp(12px,1.2cqw,22px)}
.spc-photo-grid figure{margin:0;width:100%;min-width:0}.spc-photo-grid figure button{width:100%;padding:0;text-align:left;overflow:hidden;background:transparent;border:0}
.spc-photo-grid figure img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;border-radius:5px}
.spc-photo-grid figure :is(figcaption,button span){display:flex;align-items:center;gap:7px;padding:9px 0;font-size:var(--spc-small);line-height:1.3;font-weight:600}
.spc-photo-grid figure :is(figcaption,span) b{background:var(--spc-accent);color:var(--spc-ink);width:24px;height:24px;border-radius:100%;display:inline-grid;place-items:center;flex:none}
.spc-photo-grid .spc-add-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:1px dashed var(--spc-mut);gap:8px;min-height:100px;height:auto;aspect-ratio:1.45;padding:15px}
.spc-add-photo>b{font:400 34px/1 Arial,sans-serif}.spc-add-photo small{color:var(--spc-mut);font-weight:400;max-width:20em}
.spc-empty{border:1px dashed var(--spc-edge);border-radius:5px;padding:18px;color:var(--spc-mut);font-size:var(--spc-ui)}
.spc-bottom h3{margin-bottom:18px!important}
.spc-bottom input{margin-top:6px!important}
.spc-bottom details{border-bottom:1px solid var(--spc-edge);padding:12px 0}
.spc-bottom summary{font-weight:600;font-size:var(--spc-ui);line-height:1.35}
:is(#main,body) .spc-planner .spc-bottom details p{font-size:var(--spc-small);color:var(--spc-mut);margin-top:9px}
.spc-guide-layout{display:grid;grid-template-columns:minmax(130px,.8fr) 1.3fr;gap:clamp(14px,1.5cqw,28px);align-items:start}
.spc-guide-figure svg{display:block;width:100%;height:auto;color:var(--spc-text)}
.spc-guide-figure figcaption{font-size:var(--spc-small);text-align:center;margin-top:9px;color:var(--spc-mut)}
.spc-guide-figure figcaption b{color:var(--spc-text)}
.spc-guide-layout details:first-child{padding-top:0}
.spc-status{pointer-events:none}
.spc-status:not(:empty){position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:100010;max-width:min(90vw,540px);width:max-content;padding:12px 18px;background:#172622;color:#fff;border:1px solid var(--spc-accent);border-radius:7px;box-shadow:0 5px 20px #0004;font-size:15px}
.spc-planner .spc-validation{padding:12px var(--spc-gap);background:#fff3cf;color:#533e00;font-weight:600;font-size:var(--spc-ui)}
.spc-dialog{width:min(720px,94vw);max-height:88vh;overflow:auto;border:1px solid var(--spc-edge);background:var(--spc-paper);color:var(--spc-text);border-radius:9px;padding:0;margin:auto;box-shadow:0 20px 100px #0005}
.spc-dialog::backdrop{background:#06110fc7}.spc-dialog-box{padding:24px}
.spc-dialog-box>div:first-child{margin-bottom:18px}.spc-dialog p{font-size:16px;margin:9px 0}
.spc-dialog label{margin:10px 0}.spc-dialog textarea{min-height:100px}
.spc-dialog img.spc-image{max-height:200px;max-width:100%;border-radius:4px}
.spc-upload-stage{background:#29312e;border:1px solid var(--spc-edge);margin-top:10px}
.spc-upload-stage svg{display:block;width:100%;height:min(44vh,370px);cursor:crosshair;touch-action:manipulation}
.spc-dialog small{display:block;color:var(--spc-mut);font-size:14px}
@container spc (max-width:1100px){
  .spc-workspace{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}
  .spc-editor{padding:20px;max-height:none}.spc-room.current{margin-top:7px}.spc-room .spc-room-head{padding-block:10px}
  .spc-fields{margin-block:9px}.spc-room-fields{padding-bottom:9px}.spc-edit-actions{gap:5px;margin-top:10px}
  .spc-row{gap:10px}.spc-row>button{padding-inline:9px}.spc-photo-grid>[data-ui=photos]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}
  .spc-guide-layout{grid-template-columns:minmax(105px,.75fr) 1.3fr;gap:14px}
}
@container spc (max-width:820px){
  .spc-title{gap:20px}.spc-service{flex-basis:175px}.spc-ways b{font-size:18px}.spc-ways small{font-size:12px}
  .spc-workspace{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr)}
  .spc-editor{padding:16px}.spc-editor h3{font-size:24px!important}.spc-room .spc-room-head{gap:6px}
  .spc-fields{gap:8px}.spc-shapes span{font-size:13px;gap:5px;padding-inline:6px}
  .spc-scope{gap:12px;grid-template-columns:minmax(0,1.2fr) minmax(90px,1fr)}
  .spc-duo>.spc-section{min-width:0}.spc-row{flex-wrap:wrap}
  .spc-photo-grid{grid-template-columns:minmax(0,1fr) 1.65fr;gap:15px}
  .spc-guide-layout{grid-template-columns:1fr}.spc-guide-figure{max-width:190px}
  .spc-planner[data-mode] .spc-depth{grid-template-columns:minmax(0,1fr) 70px 55px;gap:7px}
}
@container spc (max-width:640px){
  .spc-title{display:block;padding:23px 18px}:is(#main,body) .spc-planner .spc-title p{font-size:15px;line-height:1.45}
  .spc-service{display:block;margin-top:18px}.spc-service select{font-size:16px}
  .spc-start,.spc-section{padding:20px 16px}.spc-ways{gap:8px;margin-top:16px}
  .spc-ways button{display:flex;min-height:144px;flex-direction:column-reverse;padding:0;text-align:left;justify-content:flex-end;gap:0}
  .spc-ways img,.spc-ways svg{width:100%;max-width:100%;height:75px;min-height:0;object-position:center;mask-image:none}
  .spc-ways svg{padding:8px 13px}.spc-ways span{max-width:100%;width:100%;padding:11px 9px}
  .spc-ways b{font-size:16px;line-height:1.1}.spc-ways small{display:none}
  .spc-workspace{grid-template-columns:1fr;min-height:0}.spc-editor{border-left:0;padding:20px 18px;max-height:none}
  .spc-room .spc-room-head{font-size:17px;min-height:48px}.spc-room-head small{font-size:16px}
  .spc-room-fields input[type=number]{font-size:19px}.spc-room-fields label,.spc-shapes legend{font-size:13px}
  .spc-planner :is(input:where(:not([type=checkbox],[type=radio],[type=range],[type=file])),select,textarea){font-size:16px;min-height:44px}
  .spc-planner .spc-room-fields input[type=number]{font-size:19px}.spc-shapes span{font-size:15px;min-height:44px;padding-inline:10px}.spc-edit-actions{grid-template-columns:1fr 1fr;gap:8px}
  .spc-edit-actions button{text-align:center}.spc-edit-actions [data-act=arrange]{border-color:var(--spc-edge);min-height:44px}
  .spc-tools,.spc-board-foot{padding:11px 14px}.spc-board button{min-height:36px}
  .spc-total{align-items:stretch;flex-direction:column;gap:15px;padding:18px}.spc-total>span{justify-content:space-between;gap:10px}
  .spc-total small{max-width:84px;line-height:1.25}.spc-total strong{font-size:45px}.spc-total button{width:100%;min-height:48px;font-size:15px}
  .spc-scale{min-height:360px;padding:22px 18px}.spc-scale-heading{display:block}
  :is(#main,body) .spc-planner[data-mode] .spc-scale-heading h3{font-size:34px!important}
  .spc-scale-heading p{font-size:12px}.spc-scale-heading>div+div{width:100%;padding:10px 12px;margin-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
  .spc-range{margin-top:0!important}.spc-range input{margin-top:14px}.spc-scale-heading select{min-height:40px!important;font-size:14px!important}
  .spc-ruler{padding:0 0 15px}.spc-meter strong{font-size:16px;bottom:-16px}
  .spc-duo{grid-template-columns:1fr}.spc-duo>.spc-section+.spc-section{border-left:0}
  .spc-scope{grid-template-columns:1.6fr 1fr;margin-top:18px}.spc-check{font-size:15px!important;padding-block:8px}
  .spc-scope-total strong{font-size:34px}.spc-row{flex-wrap:nowrap;align-items:center}
  .spc-row h3{min-width:0}.spc-row>button{font-size:12px;padding-inline:8px}
  .spc-planner table{font-size:14px;margin-top:18px}.spc-planner :is(td,th){padding:10px 5px}.spc-planner th{font-size:12px}
  .spc-material{grid-template-columns:1fr}.spc-material-picture{min-height:250px}.spc-material-picture>div{padding:22px 18px;min-height:100px}
  .spc-material-tag{bottom:30%}.spc-work{padding:22px 18px;border-left:0}
  .spc-planner[data-mode] .spc-depth{font-size:15px;grid-template-columns:minmax(0,1fr) 80px 60px;gap:10px}
  .spc-patch-grid{grid-template-columns:1fr}.spc-patch-picture{min-height:150px;max-height:150px}
  .spc-photo-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.spc-photo-grid>.spc-mini{max-width:380px;width:100%;margin:auto}
  .spc-photo-grid>[data-ui=photos]{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:9px}
  .spc-photo-grid figure img,.spc-photo-grid .spc-add-photo{aspect-ratio:1;min-height:0}.spc-photo-grid .spc-add-photo{font-size:13px;padding:9px}
  .spc-photo-grid figure :is(figcaption,button span){font-size:12px;gap:4px;align-items:flex-start}.spc-photo-grid figure :is(figcaption,span) b{width:18px;height:18px}
  .spc-photos .spc-row>small{font-size:11px;flex-shrink:0;max-width:45px}
  .spc-bottom h3{margin-bottom:16px!important}.spc-actions{gap:8px}.spc-actions button{flex:1;min-width:130px}
  .spc-guide-layout{grid-template-columns:minmax(100px,.75fr) 1.3fr;gap:14px}.spc-guide-figure{max-width:none}
  .spc-guide-layout summary{font-size:14px}.spc-guide-figure figcaption{font-size:12px}
  .spc-fields.three{grid-template-columns:1fr 1fr}.spc-dialog-box{padding:17px}
}
@media(prefers-reduced-motion:reduce){.spc-planner *{transition:none!important;scroll-behavior:auto!important}}
/* The dedicated page fills the viewport without affecting embedded shortcodes. */
.spc-page-frame{display:flow-root;min-width:0;padding:0;border:0}
.spc-page-frame>.spc-planner{box-sizing:border-box;width:var(--spc-page-width,100%);max-width:none;margin-left:var(--spc-page-left,0px);margin-right:var(--spc-page-right,0px);border-inline-width:0;border-radius:0}
#main :is(.fusion-fullwidth,.fusion-column-wrapper,.fusion-layout-column):has(.spc-page-frame){overflow:visible}

/* Framed panels, with website-specific solid surface colours. */
.spc-planner[data-design=panels]{padding:clamp(16px,2cqw,36px);border:0;--spc-panel-gap:clamp(14px,1.45cqw,26px)}
.spc-planner[data-palette=graphite][data-mode=dark]{--spc-paper:#282a36;--spc-card:#282a36;--spc-deep:#282a36;--spc-bgsoft:#282a36;--spc-text:#ffffff;--spc-mut:#ffffff;--spc-edge:#737582;--spc-plan-paper:#282a36;--spc-plan-room:#282a36;--spc-plan-ink:#ffffff;--spc-plan-line:#ffffff;background:#282a36;background-image:none}
:is(#main,body) .spc-planner[data-design=panels] h3{font-size:clamp(23px,2.4cqw,44px)!important}
.spc-planner[data-design=panels] .spc-title{padding:8px 0 18px;border:0;gap:var(--spc-panel-gap);align-items:center}
.spc-hero-copy{flex:1;min-width:0}.spc-eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(11px,.9cqw,16px);margin-bottom:14px}
:is(#main,body) .spc-planner[data-design=panels] :is(h1,h2){font-size:clamp(40px,5.2cqw,96px)!important;letter-spacing:-.025em!important;line-height:1!important}
.spc-planner[data-design=panels] .spc-title p{font-size:clamp(16px,1.6cqw,27px);line-height:1.35;margin-top:14px}
.spc-hero-plan{width:49%;min-width:0;pointer-events:none}.spc-hero-plan svg{display:block;width:100%;height:auto}
.spc-hero-benefits{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:18px!important;font-size:clamp(13px,1.12cqw,20px)}
.spc-hero-benefits li{display:flex;align-items:center;gap:8px;margin:0}.spc-hero-benefits span{color:var(--spc-accent);font-size:1.4em;font-weight:800}
.spc-planner[data-design=panels] .spc-start{padding:0}
.spc-planner[data-design=panels] .spc-ways{margin-top:0;gap:var(--spc-panel-gap)}
.spc-planner[data-design=panels] .spc-ways button{border-radius:10px;min-height:clamp(110px,8.4cqw,156px);border-color:var(--spc-edge);padding-left:clamp(14px,1.7cqw,30px)}
.spc-planner[data-design=panels] .spc-ways button[data-active=true]{border:2px solid var(--spc-accent);box-shadow:none}
.spc-planner[data-design=panels] .spc-ways img,.spc-planner[data-design=panels] .spc-ways svg{height:clamp(108px,8.4cqw,154px);width:40%;max-width:40%;mask-image:none}
.spc-planner[data-design=panels] .spc-ways span{width:60%;max-width:60%;padding-right:10px}
.spc-planner[data-design=panels] .spc-ways b{font-size:clamp(17px,1.6cqw,29px)}
.spc-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:clamp(22px,2cqw,36px) 0 20px}
.spc-workspace-heading .spc-service{display:flex;align-items:center;gap:12px;flex:0 0 clamp(230px,27cqw,450px);margin:0;font-size:var(--spc-ui);font-weight:400}
.spc-workspace-heading .spc-service select{margin:0;min-height:42px;border-color:var(--spc-edge)}
.spc-planner[data-design=panels] .spc-workspace{border:0;gap:var(--spc-panel-gap);grid-template-columns:minmax(0,1.95fr) minmax(300px,1fr);min-height:clamp(560px,51cqw,980px)}
.spc-planner[data-design=panels] :is(.spc-board,.spc-editor,.spc-project-stats,.spc-scale,.spc-section,.spc-material,.spc-helpbar){border:1px solid var(--spc-edge);border-radius:11px;background-color:var(--spc-paper);background-image:none;color:var(--spc-text)}
.spc-planner[data-design=panels] .spc-editor{padding:clamp(16px,1.4cqw,26px);display:flex;flex-direction:column;max-height:none;overflow:visible}
.spc-planner[data-design=panels] .spc-editor h3{margin:0!important}.spc-room-count{font-size:var(--spc-small);white-space:nowrap}
.spc-planner[data-design=panels] .spc-room.current{padding-left:0;border-left:0;margin-top:9px}.spc-room-heading{display:flex;align-items:center;gap:10px}
.spc-room-heading>input{width:21px;height:21px;margin:0;flex:0 0 21px}.spc-room-heading .spc-room-head{min-width:0;flex:1}
.spc-planner[data-design=panels] .spc-room-head span:first-child{display:none}
.spc-planner[data-design=panels] .spc-room-fields{padding-bottom:10px}
.spc-name-row{display:flex;align-items:flex-end;gap:10px}.spc-name-row>label{flex:1;min-width:0}.spc-name-row>button{flex:0 0 42px;padding:8px;min-height:42px;line-height:1}
.spc-name-row svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.spc-planner[data-design=panels] .spc-room .spc-room-head{font-size:clamp(16px,1.4cqw,25px);padding-block:14px}
.spc-planner[data-design=panels] .spc-room-head small{font-size:var(--spc-ui)}
.spc-planner[data-design=panels] .spc-fields{margin-block:10px}.spc-planner[data-design=panels] .spc-shapes input:checked+span{background:var(--spc-card)}
.spc-planner[data-design=panels] .spc-edit-actions{margin-top:14px;gap:5px}
.spc-planner[data-design=panels] .spc-edit-actions [data-act=add]{text-align:center;border:2px solid var(--spc-accent)}
.spc-planner[data-design=panels] .spc-total{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:auto;padding:20px 0 0;border-top:1px solid var(--spc-edge);background:var(--spc-paper);color:var(--spc-text)}
.spc-planner[data-design=panels] .spc-total>small{font-size:var(--spc-small);font-weight:600;text-transform:uppercase;letter-spacing:.04em;max-width:none}
.spc-total-figure{display:flex;align-items:center;justify-content:space-between;gap:14px}
.spc-planner[data-design=panels] .spc-total strong{font-size:clamp(38px,4.2cqw,76px);line-height:1.05}
.spc-planner[data-design=panels] .spc-total i{font-size:var(--spc-small);border:0;padding:0;text-align:right}
.spc-planner[data-design=panels] .spc-total button{width:100%;min-height:50px;padding:12px 14px;background:var(--spc-accent);border-color:var(--spc-accent);color:var(--spc-ink);font-size:clamp(18px,1.3cqw,24px);font-weight:700}
.spc-planner[data-design=panels] .spc-board button{background:var(--spc-card);border-color:var(--spc-edge);color:var(--spc-text)}
.spc-planner[data-design=panels] .spc-board button[aria-pressed=true]{background:var(--spc-accent);border-color:var(--spc-accent);color:var(--spc-ink)}
.spc-planner[data-design=panels] .spc-board-foot>span{color:var(--spc-mut)}
:is(#main,body) .spc-planner[data-design=panels] .spc-view-help{color:var(--spc-mut)!important}
.spc-live-preview{display:flex;align-items:center;gap:8px;font-size:var(--spc-small);margin-right:auto}.spc-live-preview i{width:10px;height:10px;border-radius:50%;background:var(--spc-accent)}
.spc-board:fullscreen{width:100vw;height:100dvh;max-height:100dvh;border-radius:0!important}
.spc-board:fullscreen .spc-drawing{display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}
.spc-board:fullscreen .spc-drawing svg{width:100%;height:100%;max-height:100%;max-width:100%}
.spc-project-stats{display:grid;grid-template-columns:1fr .8fr 1.2fr auto;gap:20px;align-items:center;margin-top:var(--spc-panel-gap);padding:clamp(14px,1.6cqw,28px)}
.spc-stat{display:flex;align-items:center;gap:16px;min-width:0}.spc-stat+.spc-stat{border-left:1px solid var(--spc-edge);padding-left:20px}
.spc-stat>svg{width:clamp(28px,2.8cqw,48px);height:clamp(28px,2.8cqw,48px);fill:none;stroke:var(--spc-accent);stroke-width:2;stroke-linejoin:round;flex-shrink:0}
.spc-stat>div{min-width:0}.spc-stat span{font-size:var(--spc-small);display:block}.spc-stat strong{display:block;font-size:clamp(23px,2.45cqw,43px);line-height:1.15;font-weight:700;margin-top:3px}
.spc-stat [data-ui=statsWork]{font-size:clamp(21px,2.1cqw,38px)}
.spc-project-stats>button{font-size:var(--spc-ui);white-space:nowrap}
.spc-overview{display:grid;grid-template-columns:1fr 1fr;gap:var(--spc-panel-gap);margin-top:var(--spc-panel-gap)}
.spc-planner[data-design=panels] .spc-scale{min-height:clamp(340px,30cqw,530px);padding:clamp(16px,1.5cqw,26px);gap:18px;justify-content:flex-start}
.spc-planner[data-design=panels] .spc-scale-heading{align-items:flex-start;gap:16px}
:is(#main,body) .spc-planner[data-design=panels] .spc-scale-heading h3{font-size:clamp(23px,2.4cqw,44px)!important;color:var(--spc-text)!important;text-shadow:none}
.spc-planner[data-design=panels] .spc-scale-heading p{color:var(--spc-mut)!important;font-size:var(--spc-small)}
.spc-planner[data-design=panels] .spc-scale-heading>div+div{width:clamp(155px,17cqw,280px);max-width:45%;padding:0;margin:0;border:0;background:var(--spc-paper);backdrop-filter:none;flex-shrink:0;display:block}
.spc-planner[data-design=panels] .spc-range{font-size:var(--spc-small);margin-top:7px!important}
:is(#main,body) .spc-planner[data-design=panels] .spc-scale select{background:var(--spc-card)!important;color:var(--spc-text)!important;border-color:var(--spc-edge)!important;min-height:38px;font-size:var(--spc-small)}
.spc-planner[data-design=panels] .spc-scale select option{background:var(--spc-card);color:var(--spc-text)}
.spc-planner[data-design=panels] .spc-scene{position:relative;inset:auto;z-index:0;min-height:210px;flex:1;border-radius:8px;background-position:center}
.spc-planner[data-design=panels] .spc-scene::after{display:none}
.spc-planner[data-design=panels] .spc-ruler{position:absolute;bottom:32px;left:30px;right:30px;padding:0 0 18px;margin:0;z-index:1}
.spc-planner[data-design=panels] .spc-measurements{padding:clamp(16px,1.5cqw,26px);min-width:0}
:is(#main,body) .spc-planner[data-design=panels] .spc-section-intro{color:var(--spc-mut);font-size:var(--spc-small);margin-top:7px}
.spc-planner[data-design=panels] .spc-measurements table{margin-top:16px}
.spc-planner[data-design=panels] .spc-measurements th{background:var(--spc-card);border-block:1px solid var(--spc-edge)}
.spc-table-include{width:22px!important;height:22px!important;margin:0!important}
.spc-planner[data-design=panels] .spc-measurements td:first-child{width:28px;padding-left:0;padding-right:8px}
.spc-planner[data-design=panels] .spc-measurements td:nth-child(2){font-weight:600}
.spc-planner[data-design=panels] .spc-material{margin-top:var(--spc-panel-gap);overflow:hidden;grid-template-columns:1.12fr 1fr;color:var(--spc-text)}
.spc-planner[data-design=panels] .spc-material-picture{background-color:var(--spc-paper);min-height:clamp(280px,23cqw,410px)}
.spc-planner[data-design=panels] .spc-material-picture>div{background:var(--spc-paper);padding:clamp(16px,1.5cqw,26px);min-height:0}
:is(#main,body) .spc-planner[data-design=panels] .spc-material-picture :is(h3,p){color:var(--spc-text)!important}
.spc-planner[data-design=panels] .spc-material-tag{border-color:var(--spc-accent);bottom:30%}
.spc-planner[data-design=panels] .spc-work{padding:clamp(16px,1.5cqw,26px);border-color:var(--spc-edge)}
:is(#main,body) .spc-planner[data-design=panels] .spc-work :is(h4,label,small,output){color:var(--spc-text)!important}
.spc-planner[data-design=panels] .spc-depth input{background:var(--spc-card)!important;color:var(--spc-text)!important;border-color:var(--spc-edge)}
.spc-planner[data-design=panels] .spc-work .spc-subtotal{background:var(--spc-paper);color:var(--spc-text);border:2px solid var(--spc-accent)}
.spc-planner[data-design=panels] .spc-patches{margin-top:var(--spc-panel-gap)}
.spc-planner[data-design=panels] .spc-patch-picture{background-color:var(--spc-paper)}
.spc-project-bottom{display:grid;grid-template-columns:1.16fr 1fr;gap:var(--spc-panel-gap);margin-top:var(--spc-panel-gap)}
.spc-planner[data-design=panels] .spc-project-bottom>.spc-section{padding:clamp(16px,1.5cqw,26px);min-width:0}
.spc-planner[data-design=panels] .spc-photo-grid{grid-template-columns:minmax(130px,1fr) 1.6fr;gap:16px;margin-top:20px}
.spc-planner[data-design=panels] .spc-mini{background:var(--spc-paper)}
.spc-planner[data-design=panels] .spc-photo-grid>[data-ui=photos]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}
.spc-planner[data-design=panels] .spc-photo-grid figure img,.spc-planner[data-design=panels] .spc-photo-grid .spc-add-photo{aspect-ratio:1.15}
.spc-planner[data-design=panels] .spc-photo-grid :is(figcaption,figure button span){font-size:clamp(11px,.8cqw,14px)}
.spc-save>label{margin-top:20px}.spc-save input{margin-top:6px!important}.spc-save .spc-actions{gap:10px;flex-wrap:wrap}
.spc-save .spc-actions button{flex:1;font-size:var(--spc-small);padding-inline:10px;white-space:nowrap}
.spc-save button.spc-primary{border:2px solid var(--spc-accent);background:var(--spc-card)!important;color:var(--spc-text)!important}
.spc-save>small{display:block;color:var(--spc-mut);font-size:var(--spc-small);margin-top:15px;line-height:1.5}
.spc-helpbar{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1.2fr;gap:20px;align-items:start;margin-top:var(--spc-panel-gap);padding:clamp(15px,1.4cqw,25px)}
:is(#main,body) .spc-planner[data-design=panels] .spc-helpbar h3{font-size:clamp(20px,1.65cqw,29px)!important}
.spc-helpbar details{padding-left:20px;border-left:1px solid var(--spc-edge)}
.spc-helpbar summary{font-size:var(--spc-small);font-weight:600;cursor:pointer}
:is(#main,body) .spc-planner[data-design=panels] .spc-helpbar p{color:var(--spc-mut);font-size:var(--spc-small);line-height:1.5;margin-top:12px}
.spc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.spc-planner[data-palette=graphite] .spc-status:not(:empty){background:#282a36;color:#ffffff}
@container spc (max-width:1100px){
 .spc-planner[data-design=panels] .spc-workspace{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}
 .spc-live-preview{display:none}.spc-project-stats{gap:14px}.spc-stat{gap:9px}.spc-stat+.spc-stat{padding-left:14px}
 .spc-planner[data-design=panels] .spc-photo-grid{grid-template-columns:1fr}.spc-planner[data-design=panels] .spc-photo-grid>.spc-mini{max-width:270px;margin:auto;width:100%}
 .spc-helpbar{grid-template-columns:1fr 1fr}.spc-helpbar details{border-left:0;padding-left:0}
 .spc-planner[data-design=panels] .spc-scale-heading{display:block}.spc-planner[data-design=panels] .spc-scale-heading>div+div{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:none;margin-top:12px}
 .spc-planner[data-design=panels] .spc-range{margin-top:0!important}
}
@container spc (max-width:820px){
 .spc-workspace-heading{flex-wrap:wrap}.spc-workspace-heading .spc-service{flex-basis:280px}
 .spc-planner[data-design=panels] .spc-workspace{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}
 .spc-project-stats{grid-template-columns:1fr 1fr}.spc-project-stats>button{min-height:44px}.spc-stat+.spc-stat{border:0;padding:0}
 .spc-overview,.spc-project-bottom{grid-template-columns:1fr}
 .spc-planner[data-design=panels] .spc-photo-grid{grid-template-columns:minmax(130px,1fr) 1.6fr}
 .spc-save .spc-actions button{min-height:44px}.spc-planner[data-design=panels] .spc-scale{min-height:410px}
 .spc-planner[data-design=panels] .spc-total-figure{flex-wrap:wrap}
}
@container spc (max-width:640px){
 .spc-planner[data-design=panels] .spc-title{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px;align-items:stretch}
 .spc-hero-plan{width:100%;max-width:520px;margin:auto}.spc-eyebrow{font-size:11px;margin-bottom:12px}
 .spc-hero-benefits{font-size:12px;gap:7px 16px;margin-top:15px!important}
 .spc-planner[data-design=panels] .spc-ways{gap:8px}.spc-planner[data-design=panels] .spc-ways button{padding:0;min-height:138px;justify-content:flex-end;border-radius:8px}
 .spc-planner[data-design=panels] .spc-ways img,.spc-planner[data-design=panels] .spc-ways svg{width:100%;max-width:100%;height:66px;min-height:0}
 .spc-planner[data-design=panels] .spc-ways span{max-width:100%;width:100%;padding:10px 7px}.spc-planner[data-design=panels] .spc-ways b{font-size:14px}
 .spc-workspace-heading{margin-block:23px 16px;gap:15px}.spc-workspace-heading .spc-service{flex:1 1 100%;gap:10px;font-size:14px}
 .spc-workspace-heading .spc-service select{font-size:16px}
 .spc-planner[data-design=panels] .spc-workspace{grid-template-columns:minmax(0,1fr);min-height:0}
 .spc-planner[data-design=panels] .spc-editor{padding:16px}.spc-planner[data-design=panels] .spc-edit-actions{margin-bottom:15px}
 .spc-planner[data-design=panels] .spc-total strong{font-size:44px}.spc-planner[data-design=panels] .spc-total>small{font-size:12px}
 .spc-planner[data-design=panels] .spc-total i{font-size:12px}.spc-planner[data-design=panels] .spc-total button{font-size:18px}
 .spc-project-stats{padding:16px;gap:18px 12px}.spc-stat>svg{width:27px;height:27px}.spc-stat strong{font-size:25px}.spc-stat [data-ui=statsWork]{font-size:22px}
 .spc-project-stats>button{font-size:13px;white-space:normal;min-height:44px}
 .spc-planner[data-design=panels] .spc-scale{min-height:410px;padding:16px}
 .spc-planner[data-design=panels] .spc-scale-heading>div+div{max-width:100%;width:100%;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:14px}
 .spc-planner[data-design=panels] .spc-scene{min-height:200px}.spc-planner[data-design=panels] .spc-ruler{left:26px;right:26px;bottom:28px}
 .spc-planner[data-design=panels] .spc-material{grid-template-columns:1fr}.spc-planner[data-design=panels] .spc-material-picture{min-height:260px}
 .spc-planner[data-design=panels] .spc-work{border-left:0}.spc-planner[data-design=panels] .spc-photo-grid{grid-template-columns:1fr;margin-top:16px}
 .spc-planner[data-design=panels] .spc-photo-grid>.spc-mini{max-width:310px}.spc-planner[data-design=panels] .spc-photo-grid figure img,.spc-planner[data-design=panels] .spc-photo-grid .spc-add-photo{aspect-ratio:1}
 .spc-save .spc-actions{display:grid;grid-template-columns:1fr 1fr}.spc-save .spc-actions [data-act=load]{grid-column:1/-1}
 .spc-helpbar{grid-template-columns:1fr;gap:0;padding:16px}.spc-helpbar h3{margin-bottom:10px!important}.spc-helpbar details{padding:13px 0;border-top:1px solid var(--spc-edge)}
 .spc-helpbar summary{font-size:14px}.spc-helpbar p{font-size:14px}
}
/* Avada's global number-field rules use !important. Keep calculator inputs on the host palette. */
:is(#main,body) .spc-planner[data-design=panels] :is(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea){background-color:var(--spc-card)!important;color:var(--spc-text)!important;border:1px solid var(--spc-edge)!important;border-radius:5px!important}
.spc-planner[data-palette=graphite] .spc-upload-stage{background:#282a36}
:is(#main,body) .spc-planner[data-design=panels] :is(.spc-title p,.spc-hero-benefits li,.spc-section-intro,.spc-helpbar p){color:var(--spc-text)!important}
:is(#main,body) .spc-planner[data-design=panels] :is(table,th,td){font-family:inherit!important}
.spc-planner [data-act=fullscreen] svg{width:18px;height:18px;display:block}


/* 1.2.1 — Floor Levelling Sydney contrast and layout reliability.
   Only graphite/levelling instances are changed; other sites retain their palettes. */
.spc-planner[data-palette="graphite"][data-mode="dark"]{
  --spc-paper:#282A36;--spc-card:#282A36;--spc-deep:#282A36;
  --spc-bgsoft:#282A36;--spc-plan-paper:#282A36;--spc-plan-room:#282A36;
  --spc-text:#FFFFFF;--spc-mut:#FFFFFF;--spc-ink:#FFFFFF;
  --spc-edge:#777986;
  background-color:#282A36!important;background-image:none!important;
  color:#FFFFFF!important;color-scheme:dark;
  overflow:visible;
}
/* Explicitly neutralise dark-text styles introduced by Avada/form defaults.
   Keep text inside PDF, render imagery and other brand themes unchanged. */
:is(#main,body) .spc-planner[data-palette="graphite"][data-mode="dark"] :is(
  h1,h2,h3,h4,p,small,span,b,strong,em,i,legend,label,summary,output,
  th,td,figcaption,li,button,option,textarea
){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-shadow:none}
:is(#main,body) .spc-planner[data-palette="graphite"][data-mode="dark"] :is(
 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
 select,textarea
){
  background:#282A36!important;background-image:none!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  caret-color:#FFFFFF!important;border-color:var(--spc-edge)!important;
  box-shadow:none!important;opacity:1;
}
:is(#main,body) .spc-planner[data-palette="graphite"][data-mode="dark"] :is(input,textarea)::placeholder{
 color:#D9DAE1!important;-webkit-text-fill-color:#D9DAE1!important;opacity:1;
}
:is(#main,body) .spc-planner[data-palette="graphite"][data-mode="dark"] select :is(option,optgroup){
 background-color:#282A36!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
}
:is(#main,body) .spc-planner[data-palette="graphite"][data-mode="dark"] :is(button,select,input,textarea,a):focus-visible{
 outline:2px solid #FF0000!important;outline-offset:3px;
}
.spc-planner[data-palette="graphite"] :is(.spc-board,.spc-editor,.spc-scale,.spc-section,.spc-material,.spc-helpbar,.spc-project-stats,.spc-patches,.spc-dialog,.spc-upload-stage){
 background-color:#282A36!important;color:#FFFFFF!important;
}
.spc-planner[data-palette="graphite"] :is(.spc-scene,.spc-material-picture,.spc-patch-picture){
 background-color:#282A36!important;
}
.spc-planner[data-palette="graphite"] .spc-board button:not([aria-pressed="true"]),
.spc-planner[data-palette="graphite"] button:not(.spc-primary):not([data-act="quote"]):not([aria-pressed="true"]):not(.spc-select-item){
 background-color:#282A36;color:#FFFFFF;
}
:is(#main,body) .spc-planner[data-palette="graphite"] :is(.spc-subtotal,.spc-total,.spc-room-actions,.spc-status,.spc-validation){
 color:#FFFFFF!important;
}
.spc-planner[data-palette="graphite"] .spc-validation{
 background:#282A36;border:2px solid #FF0000;
}
.spc-planner[data-palette="graphite"] .spc-mini{background:#282A36!important}
.spc-planner[data-palette="graphite"] .spc-scale{overflow:visible}
.spc-planner[data-palette="graphite"] .spc-scale-heading>div+div{
 background:#282A36!important;border-color:var(--spc-edge);backdrop-filter:none;
}
.spc-planner[data-palette="graphite"] .spc-scale select{
 background:#282A36!important;
}
/* Important: preserve the original photograph under its heading and the concrete photo.
   These backgrounds are provided as inline background-image URLs by calculator.js. */
.spc-planner[data-palette="graphite"] .spc-room-actions button.spc-linkbtn{
 color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
 text-decoration:underline;text-underline-offset:3px;
}
.spc-planner[data-palette="graphite"] .spc-swatch{color:#FFFFFF!important}
/* Compact the unnecessarily tall canvas and surrounding padding, retaining space for editors. */
.spc-planner[data-palette="graphite"][data-design="panels"]{
 padding:clamp(12px,1.3cqw,24px)!important;
 --spc-panel-gap:clamp(10px,1.1cqw,20px);
}
.spc-planner[data-palette="graphite"][data-design="panels"] .spc-title{
 padding:0 0 clamp(14px,1.2cqw,22px)!important;gap:clamp(12px,1.7cqw,30px);
}
.spc-planner[data-palette="graphite"][data-design="panels"] .spc-ways button{
 min-height:clamp(90px,7.2cqw,128px);
}
.spc-planner[data-palette="graphite"][data-design="panels"] .spc-ways :is(img,svg){height:clamp(90px,7.2cqw,128px)}
.spc-planner[data-palette="graphite"][data-design="panels"] .spc-workspace{
 min-height:clamp(420px,39cqw,690px);
}
.spc-planner[data-palette="graphite"][data-design="panels"] .spc-workspace-heading{
 margin:clamp(14px,1.2cqw,24px) 0 clamp(10px,.9cqw,18px);
}
.spc-planner[data-palette="graphite"] .spc-drawing svg{
 max-height:clamp(270px,29cqw,560px);
}
/* Custom, consistent accessible dropdown treatment on desktop and mobile.
   The native select remains present for data flow and no-JS fallback. */
.spc-planner[data-palette="graphite"] .spc-combobox{
 position:relative;display:block;width:100%;min-width:0;
}
.spc-planner[data-palette="graphite"] .spc-combobox .spc-native-select{
 position:absolute!important;width:1px!important;height:1px!important;
 min-height:1px!important;padding:0!important;margin:0!important;
 border:0!important;clip-path:inset(50%);overflow:hidden;
 opacity:0!important;pointer-events:none;
}
.spc-planner[data-palette="graphite"] .spc-select-trigger{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 width:100%;min-width:0;min-height:44px;padding:9px 12px;
 background:#282A36!important;color:#FFFFFF!important;
 border:1px solid #777986!important;border-radius:6px!important;
 font-size:clamp(14px,1.08cqw,19px);line-height:1.3;font-weight:600;
 text-align:left;text-shadow:none;-webkit-text-fill-color:#FFFFFF;
}
.spc-planner[data-palette="graphite"] .spc-select-trigger:hover,
.spc-planner[data-palette="graphite"] .spc-combobox.is-open .spc-select-trigger{
 border-color:#FF0000!important;
}
.spc-planner[data-palette="graphite"] .spc-select-trigger svg{
 width:17px;height:17px;flex:0 0 17px;stroke:#FFFFFF;fill:none;
 stroke-width:2;transition:transform .16s ease;
}
.spc-planner[data-palette="graphite"] .spc-combobox.is-open .spc-select-trigger svg{transform:rotate(180deg)}
.spc-planner[data-palette="graphite"] .spc-select-label{
 min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.spc-planner[data-palette="graphite"] .spc-select-list{
 position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:1000;
 max-height:min(265px,40vh);overflow-y:auto;overscroll-behavior:contain;
 padding:5px;background:#282A36;border:1px solid #FF0000;border-radius:7px;
 box-shadow:0 10px 30px #0009;color:#FFFFFF;
}
.spc-planner[data-palette="graphite"] .spc-select-list.is-up{
 top:auto;bottom:calc(100% + 5px);
}
.spc-planner[data-palette="graphite"] .spc-select-list[hidden]{display:none!important}
.spc-planner[data-palette="graphite"] .spc-select-item{
 display:block;width:100%;text-align:left;border:1px solid transparent!important;
 padding:10px 12px;min-height:39px;border-radius:4px;background:#282A36!important;
 color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
 font-size:clamp(14px,1.03cqw,18px);line-height:1.3;font-weight:600;
}
.spc-planner[data-palette="graphite"] .spc-select-item:hover,
.spc-planner[data-palette="graphite"] .spc-select-item:focus-visible{
 background:#282A36!important;border-color:#FF0000!important;
}
.spc-planner[data-palette="graphite"] .spc-select-item[aria-selected="true"]{
 background:#282A36!important;border-left:3px solid #FF0000!important;
}
.spc-planner[data-palette="graphite"] .spc-select-item:disabled{
 color:#C5C6CE!important;-webkit-text-fill-color:#C5C6CE!important;
}
.spc-planner[data-palette="graphite"] .spc-dialog{color:#FFFFFF;background:#282A36}
.spc-planner[data-palette="graphite"] .spc-dialog::backdrop{background:#000A}
@container spc (max-width:640px){
 .spc-planner[data-palette="graphite"][data-design="panels"]{padding:12px!important}
 .spc-planner[data-palette="graphite"][data-design="panels"] .spc-workspace{min-height:0}
 .spc-planner[data-palette="graphite"] .spc-drawing svg{max-height:490px}
 .spc-planner[data-palette="graphite"] .spc-select-trigger{min-height:44px;font-size:16px}
 .spc-planner[data-palette="graphite"] .spc-select-item{font-size:16px}
}

/* 1.2.2 — Four equal, space-efficient entry options, then an optional basic mode. */
.spc-planner[data-design="panels"] .spc-ways{
  grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,.9cqw,16px);
}
.spc-planner[data-design="panels"] .spc-ways button{
  min-height:clamp(90px,7.4cqw,120px);padding-left:clamp(10px,1cqw,18px);gap:0;
  border-radius:9px;align-items:center;flex-direction:row;justify-content:space-between;
}
.spc-planner[data-design="panels"] .spc-ways b{
  font-size:clamp(14px,1.28cqw,21px);line-height:1.18;letter-spacing:-.025em;
  max-width:none;overflow-wrap:normal;
}
.spc-planner[data-design="panels"] .spc-ways small{
  font-size:clamp(11px,.9cqw,14px);margin-top:5px;line-height:1.28;
}
.spc-planner[data-design="panels"] .spc-ways span{
  max-width:63%;width:63%;min-width:0;padding:9px 2px 9px 0;
}
.spc-planner[data-design="panels"] .spc-ways img,
.spc-planner[data-design="panels"] .spc-ways svg{
  width:37%;max-width:37%;height:clamp(90px,7.4cqw,120px);min-height:0;
  mask-image:none;flex:none;
}
.spc-planner[data-design="panels"] .spc-ways svg{padding:clamp(9px,1cqw,18px)}
/* v1.2.3: deliberately minimal legacy six-room calculator.
   No dashboard, cards, 3D model, per-room outputs, coloured totals, or actions.
   One narrow centered column with white fields, just like the supplied reference. */
.spc-planner[data-design="panels"] .spc-quick{
  background:var(--spc-paper);color:var(--spc-text);border:0;border-radius:0;
  padding:clamp(15px,1.2cqw,23px) 12px 0;margin:0;
  box-shadow:none;min-width:0;
}
.spc-planner[data-design="panels"] .spc-basic-column{
  width:100%;max-width:318px;margin:0 auto;text-align:center;
}
.spc-planner[data-design="panels"] .spc-quick-list{display:block;}
.spc-planner[data-design="panels"] .spc-basic-pair{display:block;border:0;padding:0;margin:0;}
:is(#main,body) .spc-planner[data-design="panels"][data-mode][data-palette] .spc-quick :is(.spc-basic-field,.spc-basic-total-label){
  display:block;min-width:0;padding:0;margin:0 0 14px!important;
  color:#BFC0C8!important;-webkit-text-fill-color:#BFC0C8!important;font:400 20px/1.25 Arial,Helvetica,sans-serif!important;
  text-align:center!important;letter-spacing:0!important;text-transform:none!important;
}
:is(#main,body) .spc-planner.spc-quick-active[data-design="panels"][data-mode][data-palette] .spc-quick :is(.spc-basic-field input[data-quick-field][type=number],.spc-basic-total-label input[data-ui="quickTotal"][readonly]){
  display:block;width:100%;height:41px!important;min-height:41px!important;
  box-sizing:border-box;border:1px solid #d6d6d6!important;border-radius:2px!important;
  padding:5px 10px!important;margin:8px 0 0!important;outline-offset:1px;
  background:#FFFFFF!important;background-image:none!important;color:#1f2329!important;
  -webkit-text-fill-color:#1f2329!important;caret-color:#1f2329!important;
  box-shadow:none!important;font:400 17px/1.2 Arial,Helvetica,sans-serif!important;
  text-align:left!important;opacity:1!important;
}
.spc-planner[data-design="panels"] .spc-quick input[type=number]{-moz-appearance:textfield;appearance:textfield;}
.spc-planner[data-design="panels"] .spc-quick input[type=number]::-webkit-inner-spin-button,
.spc-planner[data-design="panels"] .spc-quick input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
:is(#main,body) .spc-planner.spc-quick-active[data-design="panels"][data-mode][data-palette] .spc-quick .spc-basic-total-label input[data-ui="quickTotal"][readonly]{
  background:#f1f1f1!important;color:#202020!important;-webkit-text-fill-color:#202020!important;
}
.spc-planner .spc-basic-sr-only{
  position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
.spc-planner.spc-quick-active :is(.spc-workspace-heading,.spc-workspace,.spc-project-stats,.spc-overview,.spc-material,.spc-patches,.spc-project-bottom,.spc-helpbar,.spc-validation){display:none!important}
/* On Carpet Removal Sydney the original simple calculator sat on this purple. */
.spc-planner[data-brand="removal"].spc-quick-active,
.spc-planner[data-brand="removal"].spc-quick-active .spc-quick{
  background:#333645!important;background-image:none!important;color:#fff;
}
/* The empty line above the Avada footer quote form was the planner's 24px bottom margin.
   Only remove it on assigned full-width calculator pages; embedded shortcodes stay unchanged. */
.spc-page-frame>.spc-planner[data-design="panels"]{margin-bottom:0!important;}
.spc-page-frame{margin-bottom:0!important;padding-bottom:0!important;}
@container spc (max-width:900px){
 .spc-planner[data-design="panels"] .spc-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
 .spc-planner[data-design="panels"] .spc-ways b{font-size:clamp(15px,1.8cqw,19px)}
 .spc-planner[data-design="panels"] .spc-ways button{min-height:105px}
 .spc-planner[data-design="panels"] .spc-ways img,.spc-planner[data-design="panels"] .spc-ways svg{height:105px}

}
@container spc (max-width:640px){
 .spc-planner[data-design="panels"] .spc-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
 .spc-planner[data-design="panels"] .spc-ways button{
   display:flex;flex-direction:column-reverse;min-height:155px;padding:0;justify-content:flex-end;gap:0;align-items:stretch;text-align:left;
 }
 .spc-planner[data-design="panels"] .spc-ways img,.spc-planner[data-design="panels"] .spc-ways svg{
   height:64px;max-width:100%;width:100%;object-position:center;flex:none;padding:6px 16px;
 }
 .spc-planner[data-design="panels"] .spc-ways img{padding:0}
 .spc-planner[data-design="panels"] .spc-ways span{width:100%;max-width:100%;padding:8px 9px 11px}
 .spc-planner[data-design="panels"] .spc-ways b{font-size:clamp(13px,3.5cqw,16px);line-height:1.17}
 .spc-planner[data-design="panels"] .spc-ways small{font-size:11px;display:block;line-height:1.2;margin-top:4px}
 .spc-planner[data-design="panels"] .spc-quick{padding-inline:14px;padding-top:18px}
 :is(#main,body) .spc-planner[data-design="panels"][data-mode][data-palette] .spc-quick :is(.spc-basic-field,.spc-basic-total-label){font-size:18px!important}

}

/* v1.2.4: optional furnishing choice, kept subordinate to room dimensions. */
.spc-planner .spc-furnish-picker{display:block;margin:11px 0 2px;font-weight:650;font-size:var(--spc-small);}
.spc-planner .spc-furnish-picker select{display:block;width:100%;min-height:41px;margin-top:5px;cursor:pointer;}
.spc-planner .spc-furnish-hint{font-weight:400;opacity:.83;font-size:.91em;}
.spc-planner[data-palette="graphite"] .spc-furnish-picker select{background:#282A36;color:#fff;border-color:#656779;}
.spc-planner[data-palette="graphite"] .spc-furnish-picker option{background:#282A36;color:#fff;}

/* 1.2.5: usable room orientation, snapping, and measured hallway trimming. */
.spc-planner .spc-arrange-tools{margin:12px 0 15px;padding:12px;border:1px solid var(--spc-edge);border-radius:7px;background:var(--spc-card);color:var(--spc-text)}
.spc-planner .spc-arrange-tools>strong{display:block;font-size:14px;color:inherit;margin-bottom:9px}
.spc-planner .spc-arrange-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.spc-planner .spc-arrange-buttons button{font-size:13px;line-height:1.25;white-space:normal;min-height:42px;padding:7px 8px;text-align:center;color:var(--spc-text);background:var(--spc-card);border:1px solid #8a8994;border-radius:5px}
.spc-planner .spc-arrange-buttons button:hover,.spc-planner .spc-arrange-buttons button:focus-visible{border-color:var(--spc-accent)}
.spc-planner .spc-arrange-buttons button.spc-trim-button{border-color:var(--spc-accent)}
.spc-planner .spc-arrange-tools>small{display:block;font-size:12px;line-height:1.5;color:inherit;margin-top:8px}
.spc-planner .spc-room-overlap{font-size:13px;font-weight:600;line-height:1.5;border-left:3px solid var(--spc-accent);padding:7px 9px;margin:10px 0 0;color:#fff;background:#431b24}
@media(max-width:450px){.spc-planner .spc-arrange-buttons{grid-template-columns:1fr 1fr}.spc-planner .spc-arrange-buttons button{font-size:12px}}

/* 1.2.6 — Full-height viewport, no phantom bands or clipping. */
.spc-planner[data-design="panels"] .spc-board .spc-drawing[data-ui="plan"]{
  position:relative;display:block;flex:1 1 320px;min-height:300px;
  width:100%;overflow:hidden;align-content:unset;
}
.spc-planner[data-design="panels"] .spc-board .spc-drawing[data-ui="plan"]>svg{
  position:absolute;inset:0;display:block;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;min-width:0!important;
}
.spc-planner .spc-connected-note{font-size:12px!important;line-height:1.5;margin:8px 0 0!important;color:#fff!important}
.spc-planner .spc-connected-note.spc-unconnected{color:#c6c6ce!important}
@container spc (max-width:640px){
  .spc-planner[data-design="panels"] .spc-board .spc-drawing[data-ui="plan"]{min-height:315px;flex-basis:315px}
}