:root{--ink:#252422;--terra:#b04d3a;--paper:#faf8f4;--line:#e0dad2;--muted:#706a63}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#fff;padding:9px 13px;color:var(--ink);font-size:14px}button:hover{border-color:var(--terra)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #bd6857;outline-offset:3px}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;background:white;height:90px;padding:0 4%;border-bottom:1px solid var(--line)}header img{width:120px;max-height:70px;object-fit:contain}header>div{display:flex;flex-direction:column;text-align:center}header b{font:24px Georgia,serif}header span{font-size:12px;letter-spacing:.18em;color:var(--muted);margin-top:4px}.primary{background:var(--terra);color:white;border-color:var(--terra)}main{padding:22px 4% 36px;max-width:1600px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.viewtabs,.history{display:flex;gap:8px}.viewtabs button{padding:10px 18px;border-radius:25px}.active{background:#f3e7df!important;border-color:var(--terra)!important;color:#853d2d!important}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.visual{min-width:0}#designStage,#roomStage{border:1px solid var(--line);background:#e9e4dd;border-radius:10px;overflow:hidden}.canvasbar{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;background:#f4f1ec;font-size:14px;gap:10px}.canvasbar label{display:flex;align-items:center;gap:6px}#editor{display:block;width:100%;height:min(62vh,660px);object-fit:contain;touch-action:none;cursor:grab}#room{display:block;width:100%;height:auto;touch-action:none}.hint{font-size:14px;color:var(--muted);padding:12px 18px;margin:0;background:#f4f1ec}.selection{background:#fff;padding:14px 18px;border-top:1px solid var(--line)}#selectedName{font-size:14px;font-weight:bold}#selectionTools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}#selectionTools label{display:flex;align-items:center;gap:5px;font-size:14px}#motifRotation{width:70px}#motifSize{width:95px}aside{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panelnav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:12px 10px;gap:5px}.panelnav button{border:0;border-radius:4px;padding:10px 5px;font-size:14px}.panel{padding:22px}.panelheading h2{margin:0}.panelheading>span{display:block;color:var(--muted);font-size:14px;margin-top:5px}h2{font:25px/1.3 Georgia,serif;margin:0 0 14px}h3{font-size:16px;margin:0 0 10px}.muted{font-size:14px;color:var(--muted);margin:10px 0 18px}input[type=number],input[type=search],select{border:1px solid var(--line);border-radius:4px;padding:9px 10px;background:white;color:var(--ink);font-size:14px;max-width:100%}input[type=search],select{width:100%}input[type=range]{accent-color:var(--terra);max-width:100%}input[type=checkbox]{accent-color:var(--terra)}.full{display:block;margin:16px 0;font-size:14px}.full>select,.full>input:not([type=checkbox]){display:block;width:100%;margin-top:7px}.fields{display:flex;gap:10px;margin:12px 0}.fields>*{width:50%;min-width:0;font-size:14px}.fields label input{width:100%;display:block;margin-top:5px}.motifgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.motifgrid button{padding:5px 3px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px}.motifgrid canvas{width:58px;height:58px}.pager{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:14px}.pager button{font-size:13px;padding:7px 10px}.repeatbox{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.repeatbox>button{width:100%}.bordergrid,.texturegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.bordergrid button,.texturegrid button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px;font-size:14px}.bordergrid canvas{width:100%;height:65px}.texturegrid canvas{width:100%;height:48px}.currentcolour{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f2ed;border-radius:5px}.currentcolour>span{width:42px;height:42px;border-radius:50%;border:1px solid #ddd}.currentcolour div{flex:1;font-size:14px}.currentcolour small{font-size:12px;display:block}.currentcolour input{width:35px;height:35px;border:0;padding:0}.colourgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.colourgrid button{padding:4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.colourgrid .chip{width:36px;height:36px;border-radius:50%;border:1px solid #0001}.referenceNote{font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.referenceNote a{display:block;margin-top:7px}.designsummary{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);gap:15px}.designsummary h2{margin:5px 0;font-size:27px}.designsummary p{margin:0;font-size:14px;color:var(--muted)}.designsummary>span{font-size:14px;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--terra);font-weight:bold}.footnote,small{font-size:13px;color:var(--muted)}.roomintro{min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.roomintro h1{font:46px Georgia,serif;margin:18px 0 0}.roomintro p{color:var(--muted)}.file{cursor:pointer;font-size:14px;display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:5px}.file input{position:absolute;width:1px;height:1px;opacity:0}.file:focus-within{outline:3px solid var(--terra)}.roomintro small{margin-top:14px}.roomtools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;background:#fff}.roomtools label{font-size:14px;display:flex;align-items:center;gap:8px}.roomtools select{width:auto}.roomtools input{width:100px}#roomWorkspace>small{display:block;padding:0 18px 14px;background:#f4f1ec}#photoError{color:#a12b22;margin:0 18px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 4%;font-size:14px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:16px}.panel{padding:17px}.motifgrid canvas{width:50px;height:50px}}@media(max-width:760px){header{height:78px;padding:0 16px}header img{width:85px}header b{font-size:19px}header span{font-size:10px}header .primary{font-size:12px;max-width:115px;padding:8px}main{padding:16px 12px}.workspace{display:flex;flex-direction:column}.visual,aside{width:100%}.topbar{flex-wrap:wrap}.viewtabs{width:100%}.viewtabs button{flex:1;padding:9px 12px}.history{justify-content:flex-end;width:100%}#editor{height:430px}.canvasbar{padding:10px;font-size:13px}.hint{padding:10px;font-size:13px}.selection{padding:12px}.panelnav{position:sticky;top:0;background:white}.panel{padding:18px}.motifgrid{grid-template-columns:repeat(6,1fr)}.motifgrid canvas{width:42px;height:42px}.colourgrid{grid-template-columns:repeat(7,1fr)}.colourgrid .chip{width:32px;height:32px}.roomintro{min-height:400px}.roomtools{padding:12px;gap:8px}.roomtools input{width:75px}.designsummary h2{font-size:23px}.bordergrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.motifgrid{grid-template-columns:repeat(4,1fr)}.colourgrid{grid-template-columns:repeat(5,1fr)}.bordergrid{grid-template-columns:1fr 1fr}header b{font-size:17px}}
#threeStage{background:#e9e4dd;border:1px solid var(--line);border-radius:10px;overflow:hidden}#threeViewport{height:min(65vh,660px);position:relative;touch-action:none;background:radial-gradient(ellipse,#eeebe6,#d4cec5)}#threeViewport canvas{display:block;width:100%;height:100%;touch-action:none}#threeLoading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--muted);pointer-events:none}.threeTools{display:flex;flex-wrap:wrap;gap:8px;padding:15px;background:white}.threeTools label{display:flex;gap:8px;font-size:14px;align-items:center}.threeTools select{width:auto}.materialspec{display:flex;gap:20px;flex-wrap:wrap;padding:14px 18px;font-size:14px;background:#fff}.renderNote{display:block;padding:12px 18px;background:#f4f1ec}dialog{width:min(1000px,96vw);max-height:94vh;border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#211a15a0;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between;gap:16px}.dialoghead h2{margin:8px 0}.dialoghead button{height:40px}#importPhoto{width:100%;max-height:430px;object-fit:contain;display:block;margin-top:18px;touch-action:none;background:#e7e2db}.importControls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.importControls label{font-size:14px;flex:1;min-width:125px}.importControls input,.importControls select{display:block;width:100%;margin-top:5px}.extractColumns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.extractColumns>canvas{width:100%;height:auto;border:1px solid var(--line)}#extractionPalette>div{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:14px}#extractionPalette .chip{height:28px;width:28px;border-radius:50%;flex-shrink:0}#extractionPalette select{width:auto;flex:1}.extractColumns p{margin:10px 0}.full input[type=number]{width:100%}.threeTools button.active{border-color:var(--terra)}@media(max-width:760px){.viewtabs button{font-size:13px;padding:9px 7px}.history{flex-wrap:wrap;justify-content:center}.history button{font-size:13px;padding:8px}#threeViewport{height:440px}.threeTools{padding:10px}.materialspec{gap:10px;font-size:13px}dialog{padding:17px}.extractColumns{grid-template-columns:1fr}#importPhoto{max-height:340px}}

.panelnav{grid-template-columns:repeat(5,1fr)}.panelnav button{font-size:13px;padding:10px 3px}#motifWidth,#motifHeight{width:76px}.stylegrid,.presetgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.stylegrid button,.presetgrid button{text-align:left;padding:10px;border-radius:7px;display:flex;flex-direction:column;gap:7px;background:#faf8f4;overflow:hidden}.stylegrid canvas,.presetgrid canvas{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#e9e4dd;border-radius:4px}.stylegrid strong,.presetgrid strong{font:17px Georgia,serif}.stylegrid small,.presetgrid small{font-size:11px;line-height:1.4}.collectionheading{margin-top:18px}.collectionheading h3{font:25px Georgia,serif}.textbutton{border:0;padding:0;color:var(--terra);background:none}.presetgrid button[aria-pressed=true]{border-color:var(--terra);background:#f3e7df}.presetgrid .presetnumber{font:11px Arial,sans-serif;color:var(--muted);letter-spacing:.05em}@media(max-width:760px){.stylegrid{grid-template-columns:repeat(3,1fr)}.presetgrid{grid-template-columns:repeat(3,1fr)}.stylegrid strong,.presetgrid strong{font-size:16px}.panelnav button{font-size:13px}}@media(max-width:420px){.stylegrid,.presetgrid{grid-template-columns:1fr 1fr}}

.brandfilter{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.brandfilter button{font-size:12px;padding:8px}.referenceCard{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#faf8f4}.referenceCard>button{border:0;border-radius:0;width:100%;height:100%}.referenceCard>a{display:block;padding:10px;font-size:11px;color:var(--terra);background:#fff}.referenceCard strong{font-size:15px}

.materialstrip{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;padding:16px 18px;background:#fff;border-top:1px solid var(--line)}.materialstrip strong{display:block;font:19px Georgia,serif;margin-top:7px}.materialstrip p{font-size:12px;color:var(--muted);margin:7px 0}.materialstrip canvas{width:100%;height:auto;border-radius:6px;box-shadow:inset 0 0 15px #36251925}.materialstrip .eyebrow{font-size:10px}.materialstrip button{font-size:12px;padding:7px 10px}@media(max-width:760px){.materialstrip{grid-template-columns:1fr;gap:12px;padding:12px}.materialstrip>div{display:grid;grid-template-columns:1fr auto}.materialstrip .eyebrow,.materialstrip strong,.materialstrip p{grid-column:1}.materialstrip button{grid-column:2;grid-row:1/4;align-self:center}.materialstrip canvas{max-height:150px;object-fit:cover}}

.selectionbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.selectionbar .active{background:#b04d3a;color:white}.selectionbar button{min-height:42px}

.embedded header,.embedded footer{display:none}.embedded main{padding:16px 12px 28px;max-width:1600px}.primary{border-radius:0;background:#333;border-color:#333;color:#fff}.quote-button{min-height:44px;font-weight:bold}.embedded .referenceLinks span{display:block;margin:7px 0}@media(max-width:760px){.history .quote-button{width:100%;font-size:15px;padding:12px}.embedded #editor{height:380px}.embedded .viewtabs{gap:5px}.embedded .viewtabs button{font-size:14px}.panelnav button{min-height:44px}.footnote{line-height:1.6}}

.product-start{margin:16px 0;padding:18px;border:1px solid #d8cbbf;background:#fff}.product-start>label{display:block;font-size:16px;font-weight:600;margin-bottom:8px}.product-start>select{font:inherit;width:100%;max-width:680px;min-height:48px;padding:10px;border:1px solid #aaa}#sourceIdentity{display:grid;grid-template-columns:120px 1fr;gap:18px;margin-top:18px}#sourceIdentity[hidden]{display:none}#sourcePhoto{width:120px;height:160px;object-fit:contain}#sourceName{font-size:20px}#sourceDetail,#sourceNote{font-size:14px;line-height:1.5}#sourceSwatches{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}#sourceSwatches button{font-size:14px;padding:8px;display:flex;align-items:center;gap:6px}#sourceSwatches span{width:20px;height:20px;border:1px solid #999;border-radius:50%}#sourceReset{font-size:14px}@media(max-width:560px){#sourceIdentity{grid-template-columns:85px 1fr}#sourcePhoto{width:85px;height:120px}.product-start{padding:12px}}
