.living-bay{position:absolute;z-index:4;left:50%;top:58%;width:min(62vw,760px);height:min(42vw,470px);min-height:320px;transform:translate(-50%,-50%);overflow:hidden;touch-action:none;cursor:crosshair;isolation:isolate;filter:drop-shadow(0 24px 60px rgba(0,0,0,.34))}.living-bay canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.living-bay:before{content:"";position:absolute;z-index:2;inset:8% 5%;pointer-events:none;border:1px solid rgba(34,238,242,.08);clip-path:polygon(0 16%,12% 16%,12% 0,88% 0,88% 16%,100% 16%,100% 84%,88% 84%,88% 100%,12% 100%,12% 84%,0 84%)}.living-bay:after{content:"TOUCH // DRAW // DISTURB";position:absolute;z-index:3;right:7%;bottom:8%;font:800 .56rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:rgba(186,228,231,.38);pointer-events:none;transition:opacity .5s}.living-bay[data-active="true"]:after{opacity:.08}.bay-depth{position:absolute;z-index:-1;inset:10% 7%;background:radial-gradient(ellipse at 50% 60%,rgba(34,238,242,.09),transparent 50%),radial-gradient(ellipse at 25% 68%,rgba(255,138,0,.07),transparent 42%);filter:blur(16px);pointer-events:none}.bay-status{position:absolute;z-index:3;left:7%;bottom:8%;display:flex;align-items:center;gap:8px;font:800 .55rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:rgba(142,239,242,.48);pointer-events:none}.bay-status i{width:5px;height:5px;background:#22eef2;transform:rotate(45deg);box-shadow:0 0 12px rgba(34,238,242,.8)}@media(max-width:900px){.living-bay{width:min(76vw,650px);height:min(48vw,430px)}}@media(max-width:720px){.living-bay{top:59%;width:94vw;height:42vh;min-height:280px;max-height:390px}.living-bay:before{inset:5% 3%}.living-bay:after{right:5%;bottom:5%;font-size:.48rem}.bay-status{left:5%;bottom:5%;font-size:.48rem}}