body{padding:0;margin:0;height:100vh;font-family:DM Mono,monospace}needle-engine{position:absolute;top:0;left:0;width:100%;height:100%}.button-container button{background-color:#6b5b95;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.button-container button:hover{background-color:#574b8a}.wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;width:100%;max-width:400px;padding:20px}.last-div{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;display:flex;flex-direction:column;gap:10px;text-align:center;width:20%;z-index:20}.last-div button{font-family:DM Mono,monospace;font-size:18px;padding:12px 20px;background-color:#fff;color:#000;font-weight:200;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:100%}.last-div button:hover{background-color:#9e9e9e}.top-left-btn{position:absolute;top:20px;left:10px;z-index:20}.square-btn{width:40px;height:40px;background-color:#eef4ee;color:#000;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:background-color .3s ease}.square-btn:hover{background-color:#9e9e9e}.top-right-btn{position:absolute;right:10px;top:20px;z-index:20;padding:10px 40x}.right-square-btn{width:165px;height:40px;background-color:#eef4ee;color:#000;border:none;border-radius:8px;font-size:20px;cursor:pointer;font-family:DM Mono,monospace;transition:background-color .3s ease}.right-square-btn:hover{background-color:#9e9e9e}.center-top-text{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#fff;padding:10px 40px;border-radius:10px;z-index:15}.center-top-text p{margin:0;color:#000;font-size:18px}.bottom-container{position:absolute;bottom:10px;margin:0 20px;left:49%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:10;gap:20px;width:calc(100% - 40px);height:20%;border-radius:15px;padding:10px}.fileloader{display:flex;flex-direction:row;gap:10px}.fileloader button{font-size:18px;padding:12px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.fileloader button:hover{background-color:#3e8e41}.exitRoomDiv{max-width:200px;text-align:center}.exit-room-btn{font-size:18px;padding:12px 20px;background-color:#e33a3a;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.exit-room-btn:hover{background-color:#b52e2e}.room-code{font-size:18px;padding:12px;width:100%;margin-bottom:20px;border:2px solid #ccc;border-radius:5px;outline:none}.room-code::placeholder{font-family:DM Mono,monospace;text-align:center}.join-room{font-family:DM Mono,monospace;font-size:18px;padding:12px 20px;background-color:#ccc;color:#000;font-weight:200;border:none;border-radius:5px;cursor:not-allowed;transition:background-color .3s ease;width:100%}.join-room:enabled{cursor:pointer;background-color:#9c75ff}.join-room:enabled:hover{background-color:#885afe}.control-panel{position:absolute;right:20px;top:55%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;background-color:#dfdfdf;padding:20px;border-radius:10px}.scale-box{display:flex;flex-direction:row;align-items:center;gap:24px;margin-bottom:20px}.scale-btn{font-size:18px;padding:6px 12px;background-color:#b2b2b6;color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.scale-btn:hover{background-color:#4f4f4f}.rotate-box{display:flex;flex-direction:row;align-items:center;gap:20px;margin-bottom:20px}.rotate-btn{font-size:16px;padding:6px 12px;background-color:#b2b2b6;color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.rotate-btn:hover{background-color:#4f4f4f}#setUrl-form,#setLogo-form{display:flex;flex-direction:column;width:100%;gap:10px}#setUrl-form input[type=text]{font-size:16px;padding:10px;border:2px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.url-submit-btn{font-size:16px;padding:10px 20px;background-color:#9c75ff;color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.url-submit-btn:hover{background-color:#885afe}#scale-description{margin-bottom:15px;font-size:16px;color:#333}.LogoControlPanel{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;background-color:#808080b3;padding:20px;border-radius:10px}.logo-submit-btn{font-size:16px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.logo-submit-btn:hover{background-color:#3e8e41}.ImageGridPanel{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;background-color:#808080b3;padding:20px;border-radius:10px;width:220px;height:300px;box-sizing:border-box}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;width:100%;height:200px;box-sizing:border-box}.image-button{background:none;border:none;padding:0;width:100%;height:100%;cursor:pointer;border-radius:5px;overflow:hidden;transition:transform .2s}.image-button img{width:100%;height:100%;object-fit:cover}.image-button:hover{transform:scale(1.05)}.image-button.selected{border:3px solid #4CAF50;background-color:#4caf5033;transform:scale(1.1)}.add-button{margin-top:10px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;text-align:center}.add-button:hover{background-color:#45a049}#delete-object-btn{font-size:16px;padding:10px 20px;background-color:#e33a3a;color:#f5f5f5;border:2px solid #e33a3a;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .3s ease,color .3s ease}#delete-object-btn:hover{background-color:#e33a3a;color:#000}#confirm-delete-yes{font-size:16px;padding:10px 20px;background-color:#4caf50;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}#confirm-delete-yes:hover{color:#000}#confirm-delete-no{font-size:16px;padding:10px 20px;background-color:#e33a3a;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}#confirm-delete-no:hover{color:#000}.footer{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 40px);max-width:10000px;padding:20px;background-color:#e1e1e6;border-radius:10px;position:absolute;bottom:5px;left:50%;transform:translate(-50%);box-sizing:border-box;z-index:50;height:150px;margin-bottom:20px}.tabs{z-index:30;display:flex;justify-content:flex-start;width:100%;margin-bottom:0;position:absolute;top:-38px;left:0;box-sizing:border-box}.tabs button{background-color:#c0c1c5;border:none;padding:10px 11px;font-family:DM Mono,monospace;font-size:16px;cursor:pointer;margin:0;border-radius:10px;width:109px;color:#000;transition:background-color .3s ease}.tabs button:hover{background-color:#6d6767!important}.tabs button:nth-child(2){margin-left:-15px;z-index:1;background-color:#c0c1c5}.tabs button:nth-child(3){margin-left:-9px;z-index:0;background-color:#c0c1c5}.tabs button:nth-child(4){margin-left:-9px;z-index:0;background-color:#c0c1c5}.footer-content{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin:auto}.design{display:flex;flex-direction:row;align-items:center;margin:0 10px}.furniture{display:flex;justify-content:center;align-items:center;gap:10px;padding:5px;max-width:600px;width:100%;box-sizing:border-box;margin:0 auto;position:relative}.furniture-icons{display:flex;justify-content:center;align-items:center;gap:10%;padding:5px;max-width:600px;width:100%;box-sizing:border-box;margin:-10px auto}.furniture-icons img{width:100px;height:auto;border-radius:10px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.furniture-icons img:hover{box-shadow:0 4px 15px #0003;background-color:#d7d3d3}.furniture-icons button{background-color:transparent;border:none;padding:0;margin:5px;cursor:pointer}.furniture-images{display:flex;justify-content:center;align-items:center;gap:4%;padding:5px;max-width:500px;width:100%;box-sizing:border-box;margin:-10px auto}.add-upload-btn{width:40px;height:40px;background-color:#c0c1c5;color:#333;font-size:24px;font-weight:700;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;position:absolute;right:-50px}.add-upload-btn:hover{background-color:#b1b1b1}.image-button{background-color:transparent;border:none;padding:0;margin:5px;cursor:pointer}.image-button img{width:100px;height:100px;border-radius:10px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.image-button img:hover{box-shadow:0 4px 15px #0003;background-color:#d7d3d3}.nav-button{padding:5px 10px;cursor:pointer}.tabs button.active{background-color:#e1e1e6;color:#333;font-weight:700;transition:background-color .3s ease}.color-group{display:flex;flex-direction:row;align-items:center;margin:0 100px}.color{width:30px;height:30px;border-radius:50%;margin:5px}.color.black{background-color:#000}.color.white{background-color:#fff}.color.canyon{background-color:#8b5a2b}.color.blue{background-color:#a9c4d4}.color.yellow{background-color:#f4c542}.color.sage{background-color:#8a9a5b}.color.green{background-color:#a3b18a}.upload{flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.upload-button{padding:15px 40px;font-size:18px;font-family:DM Mono,monospace;background-color:#c0c1c5;color:#000;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;min-width:315px;width:auto;text-align:center}.upload-button:hover{background-color:#b1b1b1}.upload-button:disabled{background-color:#ebebeb;cursor:not-allowed}.upload-instruction{margin-top:10px;font-size:14px;font-family:DM Mono,monospace;color:#555}#file-info{display:flex;gap:8px;align-items:center}.file-name,.file-progress{display:inline-block}.furniture-upload-container{display:flex;align-items:center;gap:10px}#furniture-file-progress{display:inline-block}.tutorial-box{position:absolute;top:-80px;left:calc(100% + 20px);background-color:#e1e1e6;border:1px solid #ccc;border-radius:8px;padding:10px;font-size:16px;font-family:DM Mono,monospace;color:#333;box-shadow:0 4px 6px #0000001a;z-index:100;display:flex;align-items:center;gap:10px;width:220px}.tutorial-box .close-btn{position:absolute;top:-1px;right:1px;background:none;border:none;font-size:16px;font-weight:700;cursor:pointer;color:#ff1515}.tutorial-box-logo{position:absolute;top:-80px;left:calc(50% + 20px);background-color:#e1e1e6;border:1px solid #ccc;border-radius:8px;padding:10px;font-size:16px;font-family:DM Mono,monospace;color:#333;box-shadow:0 4px 6px #0000001a;z-index:100;display:flex;align-items:center;gap:10px;width:220px}.tutorial-box-logo .close-btn{position:absolute;top:-1px;right:1px;background:none;border:none;font-size:16px;font-weight:700;cursor:pointer;color:#ff1515}