.designer-lab{background:#171c18;color:#f0f0e8;padding-top:85px;padding-bottom:85px}.designer-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.designer-heading .eyebrow{color:#b3bda9}.designer-heading h2{font-size:clamp(42px,5.1vw,80px);font-weight:400;line-height:1.08;letter-spacing:-3px;margin:24px 0 0}.designer-heading>p{font-size:16px;line-height:1.8;color:#b8c2b2;margin:0}.designer-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:25px;align-items:start}.designer-left{min-width:0;position:sticky;top:20px}.designer-preview{--comparison:50%;aspect-ratio:3/2;position:relative;background:#30372d;isolation:isolate;overflow:hidden}.designer-preview>img,.design-before,.design-before>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.design-before{display:none;clip-path:inset(0 calc(100% - var(--comparison)) 0 0)}.designer-preview.comparing .design-before{display:block}.designer-frame-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:12px;letter-spacing:.6px;text-shadow:0 1px 8px #000;color:white}.designer-frame-bottom{position:absolute;bottom:18px;left:18px;right:18px;display:flex;align-items:end;justify-content:space-between;gap:16px}.designer-frame-bottom>span{font-family:Georgia,serif;font-style:italic;font-size:27px;line-height:1.15;color:white;text-shadow:0 1px 12px #000}.designer-frame-bottom>button{font-size:14px;padding:11px 14px;color:white;background:#142116c9;border:1px solid #eaf3d6a6;backdrop-filter:blur(8px)}.designer-frame-bottom>button[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.designer-lab button:disabled{opacity:.45;cursor:default}.designer-lighting{padding:23px 0;border-bottom:1px solid #a4b38b40}.control-label{display:block;color:#9ead90;font-size:12px;letter-spacing:1px;margin-bottom:12px}.environment-options{display:flex;flex-wrap:wrap;gap:8px}.environment-options button{display:flex;align-items:center;gap:9px;font-size:14px;padding:12px 14px;background:transparent;color:#d7e3cb;border:1px solid #83947170}.environment-options i{width:11px;height:11px;border-radius:50%;display:block;background:#f5d790}.environment-options .warm-dot{background:#edb363}.environment-options .neutral-dot{background:#e2e0d9}.environment-options .cool-dot{background:#b5cce2}.environment-options button.selected,.design-options>button.selected{background:var(--acid);color:var(--ink);border-color:var(--acid)}.environment-options button:hover,.design-options>button:hover{border-color:#d7e5b9}.designer-panel{border:1px solid #91a37550;background:#20271f}.designer-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 20px;border-bottom:1px solid #91a37550;font-size:12px;color:#b8c7a7;letter-spacing:.3px}.designer-panel-heading button{font-size:14px;color:#dce8cb;border-bottom:1px solid #92a574;background:transparent;padding:0 0 3px}.design-choice{padding:21px 20px 24px;border-bottom:1px solid #91a37535}.design-choice>div:first-child{display:flex;align-items:center;gap:12px}.design-choice>div>span{font-size:12px;color:#93a57c}.design-choice h3{font-size:20px;font-weight:400;margin:0}.design-choice p{font-size:16px;line-height:1.6;color:#a9ba97;margin:9px 0 17px}.design-options{display:flex;gap:7px;flex-wrap:wrap}.design-options>button{border:1px solid #879c6b70;color:#dce8d0;background:transparent;font-size:14px;padding:11px 12px}.design-panel-note{font-size:16px;color:#a9ba97;margin:0;padding:21px 20px;line-height:1.6}.designer-scene-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;color:#adbf98;font-size:14px}.designer-scene-bar button{font-size:14px;color:#d2e2bd;background:transparent;border-bottom:1px solid #9bad80;padding:0 0 5px;text-align:right}.design-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#172317e8;backdrop-filter:blur(8px);padding:15px 20px;max-width:85%;font-size:14px;line-height:1.6;text-align:center;z-index:8}.design-status[hidden],.design-comparison-tools[hidden]{display:none}.design-compare-label{display:none;position:absolute;top:50px;background:#172317d1;padding:8px 12px;font-size:12px;pointer-events:none}.design-compare-label>b{display:block;font-size:12px;font-weight:400;letter-spacing:1px}.design-compare-label>span{display:block;color:#d4e0c7;font-size:12px;margin-top:4px}.design-before-label{left:18px}.design-after-label{right:18px;text-align:right}.designer-preview.comparing .design-compare-label{display:block}.design-divider{position:absolute;display:none;top:0;bottom:0;left:var(--comparison);width:2px;background:var(--acid);transform:translateX(-50%);cursor:ew-resize;touch-action:none;z-index:4}.design-divider::before{content:"";position:absolute;inset:0 -18px}.design-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--acid);color:var(--ink);font-size:22px;box-shadow:0 3px 14px #0004}.designer-preview.comparing .design-divider{display:block}.design-comparison-tools{padding:18px 0;border-bottom:1px solid #a4b38b40}.design-comparison-tools label{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:#c5d8ac}.design-comparison-tools input{width:100%;height:30px;accent-color:var(--acid);cursor:ew-resize;margin-top:10px}.design-comparison-tools output{color:var(--acid)}.designer-lab button:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.designer-lab button{min-height:42px}.designer-panel-heading button,.designer-scene-bar button{min-height:35px}
@media(max-width:1100px){.designer-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.designer-heading>p{max-width:260px}.designer-frame-bottom>span{font-size:23px}.design-choice{padding:18px 16px 21px}.designer-panel-heading{padding:20px 16px}.design-options>button{padding:10px}.environment-options button{padding:11px 12px}.designer-scene-bar{flex-wrap:wrap}.designer-scene-bar button{text-align:left}}
@media(max-width:800px){.designer-lab{padding-top:65px;padding-bottom:65px}.designer-heading{display:block;margin-bottom:28px}.designer-heading h2{font-size:clamp(40px,7.5vw,60px);letter-spacing:-2px}.designer-heading>p{margin-top:22px;max-width:none}.designer-layout{display:flex;flex-direction:column;gap:24px}.designer-left{position:relative;top:0;width:100%}.designer-panel{width:100%}.design-choice{padding:20px}.designer-panel-heading{padding:22px 20px}.designer-frame-top{top:12px;left:12px;right:12px;letter-spacing:0}.designer-frame-top>span:first-child{display:none}.designer-frame-top>span:last-child{margin-left:auto}.designer-frame-bottom{bottom:12px;left:12px;right:12px;gap:10px}.designer-frame-bottom>span{font-size:22px;max-width:55%}.designer-frame-bottom>button{padding:9px 10px;font-size:14px}.environment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.environment-options button{justify-content:center}.designer-lighting{padding:20px 0}.design-compare-label{top:40px;padding:7px 9px}.design-compare-label>span{display:none}.design-before-label{left:12px}.design-after-label{right:12px}.design-status{font-size:14px;width:max-content}.designer-scene-bar{gap:12px;padding-bottom:0}.design-options>button{padding:12px 16px}}

.design-transition{opacity:0;pointer-events:none}