/* Readable, restrained selection surface; preserve the bathroom photography. */
:root{--ink:#242526;--muted:#55514a;--line:#c9c2b7}
body{background:#f5f3ee;color:var(--ink);line-height:1.5}
main{max-width:1320px}.step,.supplier-board,.advanced-options,.specification>details{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 9px #24252606}
.step{padding:24px}.step h2{font-size:23px;line-height:1.25}.small,.preview-caption p,.material .text p{color:var(--muted);font-size:15px;line-height:1.5}
button,select,input{font:inherit}button,select,.primary,summary{min-height:44px}button:disabled{cursor:default;opacity:.6}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #725327;outline-offset:3px}
.tile-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile-options button{position:relative;border:2px solid #c9c2b7;border-radius:9px;padding:6px;transition:border-color .15s}
.tile-options strong{font-size:14px;line-height:1.4}.tile-options small{display:block;padding:0 5px 6px;font-size:13px;color:#55514a}
.tile-options button[aria-pressed=true],.finish-options button[aria-pressed=true]{border-color:#725327;background:#f1e8d9;color:#242526}
.tile-options button[aria-pressed=true]{padding:6px;border-width:2px}.tile-options button[aria-pressed=true]::before{content:'✓';position:absolute;right:10px;top:10px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#725327;color:white;font-size:18px;font-weight:700}
.finish-options button{min-height:48px;white-space:normal}.project-route{background:#eae5dc}.project-route button[aria-pressed=true]{background:#242526;color:white}
.preview-caption{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.preview-caption strong{font-size:17px}.preview-caption p:empty{display:none}
#render-preview,#render-preview-controls{background:#242526;color:#fff;border-color:#242526;font-weight:600;padding:12px 18px}
#room-stage{border-radius:12px;background:#e9e5de}#room-stage>img{height:100%;object-fit:contain}
.picker-preview-action{display:none}.pricing{background:#eae5dc;border:1px solid var(--line);border-radius:12px}.primary{border-radius:8px}.mobile-whatsapp{background:#242526;color:#fff;bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 4px 16px #24252624}
.mobile-room-preview:not([hidden]){border-color:#725327}.mobile-room-preview span{background:#242526;color:#fff}
@media(max-width:850px){.picker-preview-action{display:block;margin:0 0 16px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px}.picker-preview-action button{width:100%}.picker-preview-action p{font-size:14px;margin:8px 0 0;color:#55514a}.picker-preview-action p:empty{display:none}#render-preview{display:none}.step{padding:18px}.workspace{gap:16px}.mobile-room-preview:not([hidden]){width:112px;bottom:84px}.mobile-preview-bar{border-color:var(--line);box-shadow:0 2px 8px #24252612}}
@media(max-width:540px){.tile-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile-options strong{font-size:14px}.tile-options small{font-size:13px}.heading h1{font-size:30px}.preview-caption{padding:12px}.finish-options button{font-size:15px}main{padding:16px 14px}.advanced-options>summary,.save-tools>summary{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.tile-render-status:not([hidden]){padding:10px 12px;border-left:3px solid #153d38;background:#e8eeeb;color:#153d38;font-size:14px;line-height:1.5;}