.room-scene-container{max-width:900px;margin:0 auto}.room-thumbs button{border:3px solid transparent;transition:all .3s ease;padding:4px}.room-thumbs button.active,.room-thumbs button:hover{border-color:#00c1d5;transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,193,213,.3)}.room-scene{aspect-ratio:200/120;background:#0b2b42;position:relative}.room-bg{width:100%;height:100%;object-fit:cover;position:absolute;opacity:0;transition:opacity .6s ease}.room-bg.active{opacity:1}.artwork-on-wall{position:absolute;top:25%;left:50%;transform:translateX(-50%);width:35%;max-width:500px;box-shadow:0 30px 80px rgba(0,0,0,.6);transition:all .6s cubic-bezier(.25,.46,.45,.94);z-index:10}.scale-control .form-range{max-width:150px;height:8px;background:rgba(255,255,255,.2);border-radius:50px;outline:0;-webkit-appearance:none}.scale-control .form-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#00c1d5;border-radius:50%;cursor:pointer;margin-top:-.3rem!important;box-shadow:0 0 20px rgba(0,193,213,.6);transition:all .3s ease}.scale-control .form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 30px rgba(0,193,213,.8)}.scale-control .form-range::-moz-range-thumb{width:28px;height:28px;background:#00c1d5;border-radius:50%;border:0;cursor:pointer;box-shadow:0 0 20px rgba(0,193,213,.6)}.upload-room-btn{transition:all .4s ease;background:rgba(0,193,213,.1)!important}.upload-room-btn:hover{background:rgba(0,193,213,.25)!important;transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,193,213,.3)}.upload-room-btn:active{transform:translateY(-4px)}.draggable-artwork{position:absolute;cursor:move;user-select:none;touch-action:none;z-index:100;transition:box-shadow .3s ease;cursor:grab}.draggable-artwork.dragging,.draggable-artwork:hover{box-shadow:0 30px 90px rgba(0,193,213,.6)!important;transform:translateY(-5px)}.draggable-artwork:active{cursor:grabbing}