/* A full-window architectural scene underneath the site's readable surfaces. */
.room-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#182b36;--light:.72;--room-hue:140}
.room-effects-on #app{position:relative;z-index:1;background:transparent}
.room-effects-on main,.room-effects-on .lighting-experience{background:transparent}
.room-effects-on main>.wrap{background:color-mix(in srgb,var(--bg) 95%,transparent)}
.room-effects-on .lighting-experience>.wrap{margin-top:30px;margin-bottom:30px}
.room-effects-on .room-intro{display:inline-block;padding:24px 30px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--bg) 94%,transparent)}
.room-view-space{display:none}.room-effects-on .room-view-space{display:block;height:180px}
.room-effects-on .platform-demo-tabs{margin-top:0;padding:12px 24px 0;border-radius:20px 20px 0 0;background:color-mix(in srgb,var(--bg) 94%,transparent)}
.room-effects-on .lighting-layout{padding:30px;border-radius:0 0 20px 20px;background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:0 20px 80px #071b2520}
.room-effects-on header,.room-effects-on footer,.room-effects-on main>section:not(.lighting-experience){background:color-mix(in srgb,var(--bg) 94%,transparent)}
.room-outdoors{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 23%,#fff9db 0%,#fff9db00 30%),linear-gradient(#a0cbd6 0%,#dce9e5 53%,#83978b 54%,#344f43 100%)}
.room-hills{position:absolute;inset:38% -5% 20%;background:#75918c;clip-path:polygon(0 52%,14% 16%,28% 42%,43% 7%,62% 51%,80% 20%,100% 40%,100% 100%,0 100%)}
.room-garden{position:absolute;inset:58% 0 0;background:radial-gradient(ellipse at 4% 15%,#324f45 0 12%,transparent 12.5%),radial-gradient(ellipse at 95% 23%,#42624d 0 20%,transparent 20.5%),linear-gradient(174deg,transparent 20%,#728973 20.5%,#456447 68%)}
.room-terrace{position:absolute;inset:82% 0 0;background:repeating-linear-gradient(90deg,transparent 0 22%,#70818145 22.1% 22.3%),linear-gradient(#b5bdb6,#d8dcd4);transform:perspective(300px) rotateX(32deg);transform-origin:bottom}
.room-window{position:absolute;inset:0;box-shadow:inset 0 0 0 14px #263b43,inset 0 0 55px #10242d30;background:linear-gradient(90deg,transparent 32.8%,#30434b 32.8% 33.2%,transparent 33.2% 66.8%,#30434b 66.8% 67.2%,transparent 67.2%)}
.room-fabric{position:absolute;top:0;bottom:0;width:var(--fabric-width,27.5%);background:repeating-linear-gradient(90deg,#536875 0,#81929b 24px,#455b69 49px,#607682 72px);box-shadow:5px 0 18px #0b20254d;transition:width 100ms linear}
.room-fabric-left{left:0;border-radius:0 0 6px 0}.room-fabric-right{right:0;transform:scaleX(-1);border-radius:0 0 6px 0}
.room-scene[data-shade=Sheer] .room-fabric{background:repeating-linear-gradient(90deg,#f7fafb40 0,#ffffff99 25px,#e5edf36e 48px,#ffffffc2 65px);backdrop-filter:blur(3px);box-shadow:4px 0 14px #fff2}
.room-blinds,.room-duette{position:absolute;left:0;right:0;display:none;box-shadow:0 10px 22px #112b3540}
.room-blinds{top:0;height:var(--blind-height,55%);background:repeating-linear-gradient(180deg,#697f87 0,#acbbc0 calc(26px - var(--slat-gap,8px)),transparent calc(26px - var(--slat-gap,8px)),transparent 26px);border-bottom:7px solid #6a8089;transition:height 100ms linear}
.room-duette{top:var(--duette-top,25%);height:var(--duette-height,50%);background:repeating-linear-gradient(180deg,#dce2dfeb 0,#a5b4b7f5 9px,#e9eeeae8 18px);border-block:5px solid #83969b;transition:top 100ms linear,height 100ms linear}
.room-scene[data-shade=Blind] .room-blinds,.room-scene[data-shade=Duette] .room-duette{display:block}
.room-scene[data-shade=Blind] .room-fabric,.room-scene[data-shade=Duette] .room-fabric{display:none}
.room-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,#ffdc9c 0%,#d5ab6830 60%,transparent 90%);opacity:var(--light);transition:opacity 100ms linear}
.room-scene[data-control=lighting] .room-outdoors,.room-scene[data-control=lighting] .room-window,.room-scene[data-control=lighting] .room-fabric,.room-scene[data-control=lighting] .room-blinds,.room-scene[data-control=lighting] .room-duette{display:none}
.room-scene[data-control=lighting]{background:#101b25}
.room-scene[data-control=shades] .room-glow{display:none}
.room-scene[data-control=climate] .room-fabric,.room-scene[data-control=climate] .room-blinds,.room-scene[data-control=climate] .room-duette{display:none}
.room-scene[data-control=climate] .room-glow{background:color-mix(in srgb,#eeaa68 var(--room-warm,36%),#70bddb);opacity:.38}
.room-effects-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--ink);font:inherit;font-size:13px;padding:9px 14px;margin-top:12px}
.room-effects-toggle::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--muted)}
.room-effects-toggle[aria-pressed=true]::before{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}
@media(max-width:760px){.room-effects-on .lighting-experience>.wrap{margin:18px 12px;padding:20px 0}.room-effects-on .room-intro{padding:20px}.room-effects-on .room-view-space{height:150px}.room-effects-on .lighting-layout{padding:24px 18px}.room-effects-on .platform-demo-tabs{padding:8px 12px 0}.room-fabric{background-size:48px 100%}}
@media(prefers-reduced-motion:reduce){.room-scene *{transition:none!important}}
@media print{.room-scene,.room-effects-toggle{display:none!important}}