/* Layout matched to the approved Dark Gallery reference. */
.constructor-page{background:radial-gradient(ellipse at 10% 70%,#211f1a,#121311 65%)}
.constructor-page .brand-ribbon{position:absolute;z-index:30;top:0;left:0;right:0;height:43px;margin:0 3.3%;padding:14px 0;border-color:#a38454;background:none;font-size:8px;letter-spacing:.23em}
.constructor-page .site-header{position:absolute;top:43px;left:0;right:0;height:90px;padding:0 3.5%;background:transparent;border:0;gap:45px}.constructor-page .desktop-nav{margin-right:auto;gap:30px;font-size:11px}.constructor-page .site-logo{width:195px;flex-shrink:0}.constructor-page .site-header:after{content:'↗';color:#c7a675;border-left:1px solid #91734c;padding-left:20px;font-size:22px}
.constructor-banner{display:block;position:relative;isolation:isolate;width:100%;height:auto;aspect-ratio:1.62;margin:0;border-bottom:1px solid #af8b51;background:#121310;overflow:hidden}
.constructor-banner .wardrobe-slideshow{position:absolute;inset:0;background:#131310;z-index:-1}.constructor-banner .slide-stage{position:absolute;inset:0;width:100%;height:100%;background:#121310}.constructor-banner .wardrobe-slide{inset:0}.constructor-banner .wardrobe-slide img{width:100%;height:100%;object-fit:contain;object-position:right center}.constructor-banner .wardrobe-slide:first-child img{object-fit:cover}.constructor-banner .wardrobe-slide:not(:first-child){left:30%;background:radial-gradient(ellipse at center,#242019,#121310)}
.constructor-banner .banner-brand{position:absolute;left:3.7%;top:29.8%;z-index:2;max-width:39%;padding:0;display:block;background:none;text-align:left}.constructor-banner .banner-brand>.kicker{font-size:9px!important;letter-spacing:.26em;font-weight:400;margin:0 0 30px}.constructor-banner .banner-brand h2{font-family:Forma,Arial,sans-serif;font-size:clamp(30px,3.55vw,61px);line-height:1.18;letter-spacing:-.055em;font-weight:400;margin:0 0 27px;text-transform:uppercase}.banner-rule{display:block;width:60px;height:1px;margin:0 0 26px;background:#bd965e}.constructor-banner .banner-brand>p:not(.kicker){font-size:clamp(11px,1.21vw,18px);line-height:1.55;margin:0 0 27px;color:#c6c2b9}.constructor-banner .banner-brand .button{min-width:0;width:260px;max-width:100%;padding:16px 20px;font-size:14px;letter-spacing:.015em;justify-content:center;gap:10px;background:#8e6e3420;border-color:#c0a06b}
.constructor-banner .slide-controls{position:absolute;bottom:6.5%;left:3.7%;right:auto;padding:0;border:0;background:none;z-index:4}.constructor-banner .slide-controls>div:first-child{display:none}.constructor-banner .slide-navigation{gap:18px}.constructor-banner .slide-navigation button{width:37px;height:37px;font-size:18px;border-color:#b18f5d;color:#d8bc90}.constructor-banner #slide-counter{font-size:12px}.constructor-banner [data-slide-pause]{margin-left:8px}
.constructor-page main{padding:25px 3.3% 0;max-width:1600px}.constructor-page .intro{padding:0 0 16px;margin:0}.constructor-page .intro .eyebrow{font-size:9px;font-weight:400;letter-spacing:.21em;margin-bottom:22px}.constructor-page .intro h1{font-size:clamp(27px,3.35vw,49px);letter-spacing:-.045em;line-height:1.2}.constructor-page .intro>p{font-size:14px;margin:3px 0 0;color:#c4c0b6}.workspace{grid-template-columns:minmax(285px,30.5%) minmax(0,1fr);gap:15px}.settings{background:linear-gradient(115deg,#1f201d,#181916);border:1px solid #373832;border-radius:7px}.settings section{padding:20px 24px;background:none;margin:0;border-bottom:1px solid #373832}.settings h2{font-size:10px;letter-spacing:.17em;margin-bottom:17px;font-weight:400}.settings h2 b{display:none}.settings h2>span{margin-left:0;font-size:10px}.dimension{grid-template-columns:1fr minmax(140px,60%);margin:10px 0;font-size:12px}.dimension input[type=range]{display:none}.dimension input[type=number]{width:100%;border:0!important;background:transparent!important;padding:9px 12px;appearance:textfield;-moz-appearance:textfield;font-size:12px}.dimension input::-webkit-inner-spin-button{appearance:none}.dimension-stepper{display:flex;align-items:center;border:1px solid #393b36;border-radius:6px;background:#20211e;overflow:hidden;min-width:0}.dimension-stepper button{background:transparent;border:0;border-left:1px solid #353732;color:#d9d5ca;padding:4px 10px;min-height:34px;font-size:18px;cursor:pointer}.dimension-stepper button:hover{background:#3c3428}.dimension-stepper button:disabled{opacity:.3;cursor:default}
.selected-decor{background:none;border:0;padding:0;margin:13px 0 15px;gap:10px}.selected-decor img{width:45px;height:45px}.selected-decor strong{font-size:11px;line-height:1.5}.selected-decor span{font-size:9px}.settings #decorSection>.row{font-size:11px}.settings #decorBrand{padding:7px 12px;font-size:11px;border-color:#9a7f55}.decor-library>summary{font-size:11px;color:#d4bd99;display:flex;justify-content:space-between;cursor:pointer;padding:8px 0;list-style:none}.decor-library[open]>summary{margin-bottom:12px}.settings-fold{margin:0 24px;border-bottom:1px solid #373832}.settings-fold:last-child{border-bottom:0}.settings-fold>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:23px 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.settings-fold>summary>span{font-size:22px;font-weight:400;line-height:1;transition:transform .2s}.settings-fold[open]>summary>span{transform:rotate(90deg)}.fold-content{padding-bottom:20px}.settings-fold summary::-webkit-details-marker,.decor-library summary::-webkit-details-marker{display:none}.decor-grid{max-height:215px}.visual-column{top:20px}.scene-card{position:relative;border:1px solid #aaa59a;border-radius:6px;background:#d1cdc4}.scene-heading,.scene-bottom{display:none}#stage{height:clamp(400px,41vw,625px)}.view-tools{position:absolute;top:12px;right:13px;padding:0;z-index:2;background:#b7b3aa70;border-radius:6px;gap:0;max-width:95%;flex-wrap:wrap}.view-tools button{padding:9px 12px;font-size:10px;border:0;background:transparent;border-radius:5px;color:#31332f}.view-tools button[aria-pressed=true]{background:#292b27;color:#fff8e9}.estimate{padding:16px 0 0;border-bottom:0}.estimate strong{font-size:23px}.estimate span{font-size:10px}.estimate button{padding:12px 20px;font-size:12px;background:#b58b4720}.estimate p{font-size:10px;line-height:1.6}.constructor-page .site-footer{margin-top:55px}
@media(min-width:1600px){.constructor-banner{max-height:960px;aspect-ratio:auto;height:60vw}.constructor-banner .wardrobe-slide:first-child img{object-position:center}.constructor-banner .banner-brand{left:max(3.7%,calc((100vw - 1480px)/2));top:30%}}
@media(max-width:1000px) and (min-width:651px){.constructor-page .site-header{gap:22px}.constructor-page .desktop-nav{gap:16px;font-size:9px}.constructor-page .site-header:after{display:none}.constructor-banner .banner-brand{top:28%;max-width:42%}.constructor-banner .banner-brand>.kicker{margin-bottom:18px}.constructor-banner .banner-brand h2{font-size:30px;margin-bottom:18px}.banner-rule{margin-bottom:18px}.constructor-banner .banner-brand>p:not(.kicker){margin-bottom:17px;font-size:11px}.constructor-banner .banner-brand .button{font-size:11px;padding:12px 15px;width:220px}.constructor-banner .slide-controls{bottom:5%}.constructor-banner .slide-navigation button{width:30px;height:30px}.constructor-page .intro h1{font-size:30px}}
@media(max-width:850px){.workspace{display:flex;gap:20px}.visual-column{order:-1}.settings{width:100%}.settings section{padding:20px 24px}.dimension{grid-template-columns:1fr 180px}.constructor-page .site-header{height:70px}.constructor-page .mobile-menu nav{top:70px}.constructor-page .site-header:after{display:none}#stage{height:440px}}
@media(max-width:650px){.constructor-page .brand-ribbon{height:33px;padding:10px 0;margin:0 5%;font-size:7px}.constructor-page .site-header{top:33px;padding:0 5%;height:68px}.constructor-page .site-header .site-logo{width:170px}.constructor-banner{display:block;aspect-ratio:auto;height:740px;margin:0}.constructor-banner .banner-brand{top:137px;left:6%;max-width:88%;padding:0}.constructor-banner .banner-brand h2{font-size:34px;margin:0 0 23px}.constructor-banner .banner-brand>.kicker{font-size:8px!important;margin-bottom:22px}.constructor-banner .banner-brand>p:not(.kicker){font-size:12px;margin-bottom:23px;max-width:270px}.constructor-banner .banner-brand .button{width:242px;font-size:12px;padding:15px}.constructor-banner .wardrobe-slide:first-child img{object-fit:cover;object-position:64% center;opacity:.5}.constructor-banner .wardrobe-slide:not(:first-child){left:0;opacity:.4}.constructor-banner .wardrobe-slide:not(:first-child).is-active{opacity:.5}.constructor-banner .wardrobe-slideshow:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10110fe8,#10110f38);pointer-events:none}.constructor-banner .slide-controls{left:6%;bottom:40px}.constructor-banner .slide-navigation{gap:18px}.constructor-page main{padding:24px 5% 0}.constructor-page .intro h1{font-size:26px}.constructor-page .intro>p{font-size:12px}.constructor-page .intro .eyebrow{font-size:8px;margin-bottom:20px}.constructor-page .intro{padding-bottom:20px}.view-tools button{font-size:9px;padding:8px}.view-tools{top:9px;right:9px}.scene-card #stage{height:385px}.dimension{grid-template-columns:1fr 175px}}
.header-tools{display:flex;align-items:center;gap:20px;flex-shrink:0}.header-tools a{text-decoration:none;font-size:23px;line-height:1;color:#d6b789}.header-tools a:last-child{border-left:1px solid #7d6341;padding-left:20px;font-size:20px}.constructor-page .site-header:after{display:none}.quick-decors{display:flex;gap:7px;margin:16px 0 13px}.quick-decors button{width:42px;height:47px;padding:2px;background:none;border:1px solid #665844;border-radius:5px;cursor:pointer}.quick-decors button[aria-pressed=true]{border-color:#e3c99f;box-shadow:0 0 0 1px #cba976}.quick-decors img{width:100%;height:100%;object-fit:cover;border-radius:3px}.selected-decor img{display:none}.selected-decor span{order:2}.selected-decor>div{display:flex;flex-direction:column}.constructor-page .intro .eyebrow:after{background:#786547}.header-tools a:focus-visible{outline:2px solid #d7b67e}@media(max-width:1100px){.constructor-page .desktop-nav{gap:20px}.constructor-page .site-header{gap:25px}.header-tools{gap:12px}}@media(max-width:900px){.header-tools{display:none}}
.site-header .site-logo{display:flex;align-items:center;text-decoration:none;overflow:visible}.reference-wordmark{display:block;font:300 28px/1 Arial,sans-serif;letter-spacing:.28em;color:#ddc5a0}.reference-wordmark small{display:block;font:7px/1.4 Forma,Arial,sans-serif;letter-spacing:.31em;margin-top:9px;text-align:center}.constructor-banner .banner-brand h2,.constructor-page .intro h1{font-family:Arial,sans-serif;font-weight:300;letter-spacing:-.025em}
/* Gold dimension sliders remain paired with exact numeric fields. */
.dimension input[type=range]{display:block;grid-column:1/-1;width:100%;height:22px;margin:5px 0 4px;appearance:none;-webkit-appearance:none;background:transparent;border:0;cursor:pointer;accent-color:#c7a46b}
.dimension input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#8e6e3e,#d8b77c);border-radius:4px}
.dimension input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;background:#d7b577;border:2px solid #efd7a8;box-shadow:0 0 0 3px #c7a46b16}
.dimension input[type=range]::-moz-range-track{height:3px;background:#8e744d;border:0;border-radius:4px}
.dimension input[type=range]::-moz-range-progress{height:3px;background:#d2af73}
.dimension input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#d7b577;border:2px solid #efd7a8}
.dimension input[type=range]:focus-visible{outline:2px solid #d8b77c;outline-offset:3px}.dimension{row-gap:4px}