/* Scoped to Design pages; shared BidSimp tokens and system typography. */
body[data-page="design"],body[data-page="color-inspiration"],body[data-page="accent-wall-designer"]{background:#f8f7f3;color:var(--text)}
.design-page{width:min(1180px,calc(100% - 48px));margin:auto;padding:28px 0 54px}.design-page *{box-sizing:border-box}.design-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.82rem;margin-bottom:28px}.design-breadcrumb a{color:inherit}.design-intro{margin:0 0 24px;max-width:860px}.design-kicker{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#57644e;margin:0 0 10px}.design-intro h1{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px}.design-intro>p:last-child{font-size:clamp(1rem,2vw,1.24rem);line-height:1.6;color:#525b54;margin:0}.design-lede{max-width:750px;line-height:1.7;color:var(--muted);margin:0 0 28px}.design-directory{display:grid;grid-template-columns:1fr 1fr;gap:24px}.design-tool-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbdfd5;border-radius:var(--radius);background:#fff;color:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s}.design-tool-card:hover{box-shadow:0 8px 24px #283e1b12;border-color:#8a967e}.palette-art,.wall-art{height:250px;background:#eeece4;overflow:hidden}.palette-art{display:flex;padding:30px 30px 0;gap:0;align-items:stretch}.palette-art span{flex:1;border-radius:60px 60px 0 0}.palette-art span:nth-child(even){margin-top:32px}.wall-art svg{height:100%;width:100%;display:block}.design-card-copy{padding:28px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.design-card-copy h2{font-size:1.55rem;letter-spacing:-.03em;margin:0 0 10px}.design-card-copy p{color:#626b62;line-height:1.65;margin:0 0 24px;flex:1}.design-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border:1px solid #cdd3c8;border-radius:9px;background:white;color:#263026;font:inherit;font-size:.88rem;font-weight:750;cursor:pointer;text-align:center;text-decoration:none;line-height:1.4}.design-button.primary{background:var(--accent);border-color:#cbe145;color:#20291e}.design-page button:hover{filter:brightness(.97)}.design-page :is(button,input,select,a):focus-visible{outline:3px solid #557746;outline-offset:3px}.design-page button:disabled{opacity:.55;cursor:wait}.design-workspace{border:1px solid #dce0d5;border-radius:18px;background:#fff;padding:26px}.palette-controls{display:flex;flex-wrap:wrap;gap:20px 36px;border-bottom:1px solid #e6e9e1;padding-bottom:22px;margin-bottom:24px}.design-page fieldset{border:0;min-width:0;padding:0;margin:0}.design-page legend,.wall-controls>label,.wall-editor-body>label,.wall-controls #density-control>label{display:block;font-size:.8rem;font-weight:750;margin-bottom:8px}.design-segment{display:flex;flex-wrap:wrap;gap:5px}.design-segment button{min-height:44px;padding:9px 14px;border:1px solid #d9ddd4;border-radius:7px;background:#fff;font:inherit;font-size:.82rem;color:#4c574c;cursor:pointer}.design-segment button[aria-pressed="true"]{background:#25372b;color:#fff;border-color:#25372b}.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.palette-heading h2{font-size:1.65rem;letter-spacing:-.025em;margin:0}.design-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.design-swatches[data-size="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.design-swatch{min-width:0;border:1px solid #e1e4dc;border-radius:12px;overflow:hidden;background:#fff}.swatch-color{height:230px}.swatch-caption{padding:13px 12px}.swatch-caption h3{font-size:.85rem;margin:0 0 6px;color:#4c574c}.swatch-caption button{border:0;background:transparent;color:#263026;padding:0;min-height:44px;text-align:left;cursor:pointer;font:700 .95rem ui-monospace,monospace;width:100%}.swatch-caption button span{display:block;font:400 .72rem system-ui,sans-serif;color:#697366;margin-top:6px}.design-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}.design-format{font-size:.75rem;color:#737c71}.design-feedback{min-height:22px;margin:12px 0 0;font-size:.84rem;color:#395c31;line-height:1.5}.design-guide{margin-top:38px;padding-top:28px;border-top:1px solid #dce0d5;max-width:100%}.design-guide h2{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 18px}.design-guide h3{font-size:1rem;margin:0 0 8px}.design-guide p{color:#5e685f;line-height:1.75;margin:0 0 20px;max-width:900px}.design-guide a{color:#355f37;text-underline-offset:3px}.design-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.wall-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;padding:0;overflow:hidden}.wall-display{padding:24px;min-width:0;background:#fdfcf9}.wall-preview-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:18px}.wall-preview-heading .design-kicker{margin:0}.wall-preview-heading>span:last-child{font-size:.72rem;color:#6b7568}#wall-preview{border:1px solid #d7d8cd;border-radius:12px;overflow:hidden;background:#f3f0e9}#wall-preview svg{display:block;width:100%;height:auto}.wall-controls{padding:24px;border-left:1px solid #e2e5dc}.wall-controls h2{margin:0 0 20px;font-size:1.2rem}.wall-controls select,.wall-controls input:not([type="color"]){min-height:44px;width:100%;max-width:100%;border:1px solid #cdd3c8;border-radius:7px;background:#fff;color:#29352c;padding:10px;font:inherit;font-size:.85rem}.wall-controls select{margin-bottom:18px}.wall-color-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 20px}.wall-color-controls label{font-size:.73rem;font-weight:650}.wall-color-controls input{display:block;width:100%;height:44px;padding:3px;background:white;border:1px solid #cdd3c8;border-radius:7px;margin:8px 0 5px;cursor:pointer}.wall-color-controls output{font: .75rem ui-monospace,monospace}.wall-controls fieldset{margin-bottom:18px}.wall-controls legend span,.wall-controls label span{font-weight:400;color:#6e776b}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dimension-fields label{font-size:.75rem;display:block;margin-bottom:6px}.design-help{font-size:.72rem;line-height:1.5;color:#71796c;margin:8px 0 0}.design-error{font-size:.75rem;color:#a13228;line-height:1.45;margin:6px 0 0}.wall-controls #reset-design{width:100%;margin-top:18px}.design-summary{background:#edf0e6;padding:22px 26px;border-radius:12px;margin-top:22px}.design-summary h2{font-size:1rem;margin:0 0 12px}.design-summary p{font-size:.85rem;line-height:1.7;margin:6px 0;color:#4f604c}#wall-summary{white-space:pre-line}.design-page [hidden]{display:none!important}

@media(max-width:800px){.wall-workspace{grid-template-columns:1fr}.wall-controls{border-left:0;border-top:1px solid #e2e5dc}.wall-color-controls{max-width:360px}.swatch-color{height:170px}.design-card-copy{padding:22px}.palette-art,.wall-art{height:200px}}
@media(max-width:540px){.design-page{width:calc(100% - 28px);padding-top:20px}.design-breadcrumb{font-size:.74rem;gap:7px;margin-bottom:22px}.design-directory,.design-guide-grid{grid-template-columns:1fr;gap:20px}.design-workspace{padding:16px}.wall-workspace{padding:0}.wall-display,.wall-controls{padding:16px}.palette-controls{gap:18px;margin-bottom:20px;padding-bottom:18px}.design-segment button{padding:9px 12px}.palette-heading{align-items:flex-start}.palette-heading h2{font-size:1.3rem}.palette-heading .design-button{padding:10px 13px;flex-shrink:0}.design-swatches,.design-swatches[data-size="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.design-swatch:first-child{grid-column:1/-1}.design-swatch:first-child .swatch-color{height:135px}.swatch-color{height:140px}.swatch-caption{padding:10px 12px}.swatch-caption h3{margin:0}.design-actions .design-button{flex:1 1 125px}.design-format{width:100%}.design-guide{margin-top:28px}.design-guide-grid{gap:0}.design-summary{padding:18px}.palette-art,.wall-art{height:210px}}
@media(prefers-reduced-motion:reduce){.design-tool-card{transition:none}}

/* V1.1: reuse the existing selected-mood forest tone, without changing global buttons. */
body:is([data-page="color-inspiration"],[data-page="accent-wall-designer"]){--design-forest:#25372b}
body:is([data-page="color-inspiration"],[data-page="accent-wall-designer"]) .design-button.primary{background:var(--design-forest);border-color:var(--design-forest);color:#fff}
body:is([data-page="color-inspiration"],[data-page="accent-wall-designer"]) .design-button.primary:hover{background:#304638;filter:none}
.wall-display>.design-summary{margin-top:18px}
.design-share{position:relative;display:inline-flex}.design-share-panel{position:fixed;overflow-y:auto;width:210px;max-width:calc(100vw - 64px);z-index:10;padding:8px;background:#fff;border:1px solid #cdd3c8;border-radius:10px;box-shadow:0 8px 24px #25372b26}.design-share-panel button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:6px;background:white;text-align:left;font:inherit;font-size:.85rem;cursor:pointer;color:#263026}.design-share-panel button:hover{background:#edf0e6}.design-link-fallback{margin:8px 0 0;font-size:.8rem;color:#4f604c}.design-link-fallback input{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid #cdd3c8;border-radius:7px;padding:10px;font:inherit;background:#fff;color:#263026}
@media(max-width:540px){.design-actions .design-share{flex:1 1 125px}.design-share>.design-button{width:100%}.design-share-panel{left:auto;right:0}}

/* Use the Design tool's established 800px stacked-layout breakpoint. Desktop is unchanged. */
.wall-editor-trigger,.wall-editor-close{display:none}.wall-editor-body{display:contents}
@media(max-width:800px){
 .wall-display>.wall-editor-trigger{display:inline-flex;margin:0 0 18px;min-height:44px;padding:10px 16px}
 .wall-workspace>.wall-controls{display:none}
 .wall-workspace>.wall-controls.is-open{display:flex;flex-direction:column;position:fixed;z-index:100;overflow:hidden;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #cdd3c8;border-radius:12px;background:#fff;box-shadow:0 10px 32px #25372b33;--editor-safe-top:env(safe-area-inset-top,0px);--editor-safe-bottom:env(safe-area-inset-bottom,0px);--editor-safe-left:env(safe-area-inset-left,0px);--editor-safe-right:env(safe-area-inset-right,0px)}
 .wall-editor-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0;border-bottom:1px solid #e2e5dc;background:#fff}
 .wall-editor-heading h2{margin:0;font-size:1.1rem}
 .wall-editor-heading>.wall-editor-close{display:inline-flex;min-height:44px;padding:9px 14px;flex-shrink:0}
 .wall-controls>.wall-editor-body{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px}
 .wall-editor-body select,.wall-editor-body input:not([type="color"]){font-size:16px}
}

/* Accent wall interior colors: compact disclosures with an explicit native fallback. */
body[data-page="accent-wall-designer"] .wall-color-controls{display:block;max-width:none}.wall-color-picker{margin-bottom:10px;border:1px solid #cdd3c8;border-radius:9px;padding:8px}.wall-color-picker>summary{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px;font-size:.8rem}.wall-color-picker>summary:after{content:'+';margin-left:auto}.wall-color-picker[open]>summary:after{content:'−'}.wall-color-chip{width:34px;height:34px;flex-shrink:0;border:1px solid #0002;border-radius:6px}.wall-color-name{display:block;font-size:.72rem;margin-top:3px;color:#525b54}.wall-interior-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.wall-interior-swatches button{min-width:0;min-height:58px;padding:4px 2px;border:1px solid transparent;border-radius:6px;background:#fff;color:#263026;font:inherit;font-size:.64rem;cursor:pointer}.wall-interior-swatches button span{display:block;height:25px;border:1px solid #0002;border-radius:4px;margin-bottom:4px}.wall-interior-swatches button[aria-pressed="true"]{border-color:#25372b;background:#edf0e6;box-shadow:inset 0 0 0 1px #25372b}.wall-custom-color{margin-top:10px;font-size:.8rem}.wall-custom-color>summary{cursor:pointer;min-height:44px;padding:12px 0;color:#25372b;font-weight:750}.wall-custom-color label{display:block;margin:8px 0}.wall-custom-error{font-size:.72rem;color:#a13228;margin:6px 0}.wall-color-picker summary:focus-visible{outline:3px solid #557746;outline-offset:2px}