.table-designer--soon{padding:90px 7vw 100px;background:#e5e7e7;color:#171714;text-align:center;border-block:1px solid #17171430}.table-designer__eyebrow{display:inline-block;margin:0 0 24px;padding:8px 18px;border:1px solid #707c7066;color:#465246;letter-spacing:.2em;font-size:14px}.table-designer--soon h2{font-size:clamp(42px,5.5vw,80px);font-weight:400;margin:0 0 24px}.table-designer__intro{font-size:clamp(22px,2.4vw,32px);font-style:italic;margin:0 0 16px}.table-designer__detail{max-width:630px;margin:auto;font-size:19px;line-height:1.6;color:#4c524d}
.room-config{padding:100px 3.5vw 120px;background:#151815;color:#f2f0e9}.room-config__head{display:grid;grid-template-columns:1fr 1.4fr;gap:12px 6vw;align-items:end;margin-bottom:50px}.room-config__head h2{grid-column:2;font-size:clamp(52px,7vw,105px);font-weight:400;line-height:.9;letter-spacing:-.04em;margin:0}.room-config__head h2 i{color:#98a08f}.room-config__head>p:last-child{grid-column:2;font-size:20px;line-height:1.5}.room-config__workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:clamp(28px,4vw,65px);align-items:start}.room-config__stage{position:sticky;top:20px;isolation:isolate;overflow:hidden;background:#292d29;box-shadow:0 28px 70px #0006}.room-config__stage>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.room-config__stage svg{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.cabinet-mask{fill:var(--cabinet);opacity:.5;mix-blend-mode:color}.floor-mask{fill:var(--floor);opacity:.48;mix-blend-mode:color}.stone-mask{fill:url(#stone-pattern);opacity:.62;mix-blend-mode:multiply}.room-config__stage>[data-summary]{position:absolute;z-index:3;left:18px;bottom:18px;padding:9px 13px;background:#111c;font-size:15px;backdrop-filter:blur(8px)}.room-config fieldset{border:0;border-top:1px solid #ffffff33;margin:0 0 28px;padding:18px 0 0}.room-config legend{padding-right:12px;font-size:21px}.room-config__styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.room-config label{cursor:pointer}.room-config input{position:absolute;opacity:0}.room-config__styles span{display:block;height:100%;border:1px solid #ffffff25;padding:5px}.room-config__styles img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:7px}.room-config__styles b,.room-config__swatch b{display:block;font-size:13px;font-weight:400;line-height:1.2}.room-config__styles input:checked+span{border-color:#c8d0bf;background:#ffffff12}.room-config__palette{display:flex;flex-wrap:wrap;gap:12px}.room-config__swatch{width:68px}.room-config__swatch span{display:block;width:46px;height:46px;margin-bottom:7px;background:var(--swatch);border:1px solid #ffffff44}.room-config__swatch input:checked+span{outline:2px solid #fff;outline-offset:4px;transform:scale(.94)}.room-config input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.room-config__palette--stone .room-config__swatch{width:82px}.room-config__palette--stone .room-config__swatch span{width:62px}.room-config__note{font-size:15px;line-height:1.5;color:#aaa;margin-top:30px}
.room-config__render{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.room-config__render.is-ready{opacity:1}.room-config__loading{position:absolute;top:12px;left:12px;z-index:4;padding:9px 13px;background:#151815ed;color:#fff;font:14px/1.4 sans-serif}.room-config__loading[hidden]{display:none}.room-config__stage>[data-summary]{font-family:Arial,sans-serif;font-size:13px;line-height:1.5;max-width:calc(100% - 36px)}
@media(max-width:950px){.room-config__workspace{grid-template-columns:1fr}.room-config__stage{position:relative;top:auto}.room-config__controls{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.room-config__controls fieldset:first-child,.room-config__note{grid-column:1/-1}}
@media(max-width:780px){.table-designer--soon{padding:60px 20px 65px}.room-config{padding:70px 20px 80px}.room-config__head{display:block}.room-config__head h2{margin:25px 0}.room-config__controls{display:block}.room-config__styles{grid-template-columns:1fr}.room-config__styles span{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px}.room-config__styles img{margin:0}.room-config__stage>[data-summary]{left:8px;right:8px;bottom:8px;font-size:13px}}