/* Align hardware to the plaster opening; the glazing stays farther behind. */
.preview .scene #liveWindow{transition:left .35s ease,width .35s ease,top .35s ease,height .35s ease;isolation:isolate;overflow:visible;background:none}
.preview .scene #liveWindow:not(.mounted-outside){left:21.9%;width:56.2%;top:8.9%;height:59.3%;box-shadow:inset 3px 0 5px #30271d45,inset -2px 0 3px #30271d30}
.preview .scene #liveWindow:not(.mounted-outside) #liveShade{left:.65%;right:.65%;width:98.7%;top:1.3%;max-height:98.5%;box-shadow:inset 2px 0 3px #0002,1px 2px 3px #0003!important}
.preview .scene #liveWindow:not(.mounted-outside) #liveValance{left:0;right:0;top:-.3%;height:4%;min-height:7px;border-radius:1px;box-shadow:0 2px 3px #0004,inset 0 1px #fff8}
.preview .scene #liveWindow:not(.mounted-outside):before{content:'';display:block;position:absolute;inset:0;z-index:8;pointer-events:none;border-left:2px solid #d8cbb7;border-right:2px solid #cbbca7;border-top:2px solid #c3b39b;box-shadow:inset 2px 0 2px #0002}
.preview .scene #liveWindow.mounted-outside{left:17.4%;width:65.2%;top:4.7%;height:68.4%;box-shadow:none}
.preview .scene #liveWindow.mounted-outside #liveShade{left:0;right:0;width:100%;top:1%;box-shadow:7px 7px 9px #31291f45,2px 2px 3px #31291f30!important}
.preview .scene #liveWindow.mounted-outside #liveValance{left:-1%;right:-1%;top:-1%;height:4.5%;min-height:9px;box-shadow:2px 5px 6px #0004,inset 0 1px #fff9;border-radius:3px}
.mount-brackets{position:absolute;left:0;right:0;top:0;height:3.8%;min-height:6px;z-index:6;pointer-events:none}.mount-brackets:before,.mount-brackets:after{content:'';position:absolute;top:0;width:1.3%;min-width:3px;height:100%;background:linear-gradient(90deg,#aaa59d,#f4f1e9,#bab3a7);border:1px solid #7775;border-radius:2px}.mount-brackets:before{left:0}.mount-brackets:after{right:0}
.preview .scene #liveWindow .control-chain{right:1%;top:3%;width:6px;z-index:9}.preview .scene #liveWindow .control-chain.on-left{left:1%;right:auto}
.mount-status{position:absolute;top:12px;left:12px;z-index:12;background:#fffef9f2;color:#063f98;padding:7px 12px;border-radius:16px;font-size:11px;line-height:1.3;box-shadow:0 2px 5px #0001;pointer-events:none}.mount-status strong,.mount-status small{display:block}.mount-status small{color:#444;font-size:10px;margin-top:2px}
@media(prefers-reduced-motion:reduce){.preview .scene #liveWindow{transition:none}}

/* Contoured cassette: curved face, fine lower lip and fitted end caps. */
.preview .scene #liveWindow:not(.mounted-outside) #liveValance,
.preview .scene #liveWindow.mounted-outside #liveValance{
 height:8%;min-height:17px;max-height:32px;z-index:11;overflow:visible;
 border:0;border-radius:0;background:none!important;box-shadow:none;
 color:var(--hardware-color,#e5e1d8);pointer-events:none;
 filter:drop-shadow(0 2px 1px #0003);
}
.preview .scene #liveWindow:not(.mounted-outside) #liveValance{left:-.4%;right:-.4%;top:-.5%}
.preview .scene #liveWindow.mounted-outside #liveValance{left:-1.3%;right:-1.3%;top:-1.5%}
.preview .scene #liveWindow #liveValance:before,
.preview .scene #liveWindow #liveValance:after{content:none}
.cassette-realistic{display:block;width:100%;height:100%;overflow:visible}

.preview .scene #liveWindow .control-chain{
 border-color:var(--hardware-color);
 background:linear-gradient(90deg,#00000025,transparent 40%,#00000025);
 box-shadow:1px 1px 2px #0006;
}
.preview .scene #liveWindow #liveShade .bottom-rail{
 background:linear-gradient(180deg,#ffffff35,transparent 35%,#00000030 80%,#ffffff15),var(--hardware-color);
 border-color:color-mix(in srgb,var(--hardware-color) 75%,#333);
}