.designer-showcase{background:#f1ede4;border-block:1px solid #ded8cc;padding-block:clamp(26px,3vw,42px);color:#1f1f1d}
.designer-showcase__layout{display:grid;justify-items:center}
.designer-showcase__intro{width:100%;max-width:760px;text-align:center}.designer-showcase__intro .eyebrow{justify-content:center;font-size:11px;letter-spacing:.16em}
.designer-showcase h2{font-size:clamp(34px,3.4vw,48px);line-height:1.07;letter-spacing:-.045em;margin:8px 0}
.designer-showcase__description{font-size:15px;line-height:1.45;color:#59574f;margin:0 auto 15px;max-width:620px}
.designer-showcase__demo{width:100%;max-width:820px;min-width:0;background:#faf8f3;border:1px solid #ddd7ca;border-radius:6px;padding:16px 20px 18px;box-sizing:border-box}
.designer-showcase__preview-heading{display:flex;justify-content:space-between;gap:12px;color:#68645a;font-size:11px}.designer-showcase__preview-heading span:first-child{letter-spacing:.12em;font-weight:700}
.designer-showcase__scene{max-width:580px;margin-inline:auto;padding:14px 10px 18px}
.designer-showcase__board{position:relative;aspect-ratio:23.75/17.75;overflow:hidden;background:#835b3c;color:#29180e;border-radius:5px;box-shadow:0 14px 26px #3021122b;isolation:isolate}
.designer-showcase__photo{position:absolute;width:116.2%;height:auto;max-width:none;left:-8.1%;top:-27.2%}
.designer-showcase__art{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:hidden;color:#29180e;opacity:.84;mix-blend-mode:multiply}
.designer-showcase__art svg,.designer-showcase__art img{display:block;width:100%;height:100%}
.designer-showcase__controls{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr);gap:16px;align-items:end;max-width:700px;margin:2px auto 0}
.designer-showcase [hidden]{display:none!important}.designer-showcase__woods{border:0;margin:0;padding:0;min-width:0}
.designer-showcase__woods legend,.designer-showcase__name{font-size:12px;font-weight:600;margin:0 0 9px;display:block}
.designer-showcase__woods>div{display:flex;gap:6px}.designer-showcase__woods button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;border:1px solid #d5cfc2;border-radius:3px;background:#fffdf9;color:#1f1f1d;padding:10px 7px;min-height:44px;font:inherit;font-size:11px;cursor:pointer}
.designer-showcase__woods button[aria-pressed=true]{border-color:#96511b;box-shadow:inset 0 -3px #e78221;background:#fff4e6}
.designer-showcase__swatch{width:14px;height:14px;flex:none;border-radius:50%;border:1px solid #0002;background:#805838}.designer-showcase__swatch--maple{background:#e1c594}.designer-showcase__swatch--cherry{background:#bf7c52}
.designer-showcase__name input{display:block;width:100%;margin-top:9px;background:#fffdf9;border:1px solid #d5cfc2;border-radius:3px;min-height:44px;padding:9px 11px;font:inherit;font-size:16px;color:#1f1f1d;box-sizing:border-box}
.designer-showcase__name input:focus-visible,.designer-showcase button:focus-visible,.designer-showcase__cta:focus-visible{outline:2px solid #1f1f1d;outline-offset:3px}
.designer-showcase__hint{font-size:10px;color:#777166;line-height:1.5;margin:10px 0 0;text-align:center}.designer-showcase__status{font-size:12px;color:#594a3b;line-height:1.5;margin:8px 0 0;text-align:center}
.designer-showcase__action{display:grid;justify-items:center;gap:7px;max-width:700px;margin:12px auto 0;padding-top:12px;border-top:1px solid #ddd7ca}
.designer-showcase__cta{display:flex;width:min(100%,460px);min-height:54px;gap:30px;align-items:center;justify-content:space-between;box-sizing:border-box;padding-inline:24px;background:#e78221;color:#1f1f1d;border-color:#c96812;box-shadow:0 7px 18px #98500f2b;font-size:15px;font-weight:700;letter-spacing:.02em}.designer-showcase__cta:hover{background:#f09233;border-color:#c96812;color:#1f1f1d;transform:translateY(-1px)}
.designer-showcase__carry{font-size:11px;line-height:1.4;color:#68645a;margin:0;text-align:center}.designer-showcase__carry span{color:#596047;margin-right:5px}
@media(max-width:989px){.designer-showcase__demo{padding:18px}.designer-showcase__controls{grid-template-columns:1fr;gap:15px}.designer-showcase__woods button{font-size:12px}.designer-showcase__scene{padding-inline:2px}}
@media(max-width:749px){.designer-showcase{padding-block:28px}.designer-showcase__intro .eyebrow{font-size:10px}.designer-showcase h2{font-size:36px;margin:8px 0}.designer-showcase__description{font-size:15px;margin-bottom:15px}.designer-showcase__demo{padding:14px}.designer-showcase__preview-heading{font-size:10px}.designer-showcase__scene{padding:16px 2px 19px}.designer-showcase__controls{gap:12px;margin-top:0}.designer-showcase__woods legend,.designer-showcase__name{font-size:12px}.designer-showcase__hint{font-size:10px;margin-top:9px}.designer-showcase__action{margin-top:12px;padding-top:12px}.designer-showcase__cta{width:100%;min-height:54px}}