@import"https://fonts.googleapis.com/css2?family=Archivo&family=Julius+Sans+One&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.flex{display:flex}.col{flex-direction:column}.row{flex-direction:row}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.align-items{align-items:center}.gap-10{gap:10px}.gap-20{gap:20px}.size{width:800px}.fixed{position:fixed;top:0;left:0}.mb-10{margin-bottom:10px}:root{--bg-color: rgb(245, 244, 244);--text-color: rgb(31, 41, 55) ;--canvas-color: white;--btn-color: rgb(101, 117, 255);--btn-hover-color: rgb(95, 108, 233);--btn-text: #fbfbfb;--btn-hover-text: rgb(255, 255, 255);--ff-sans-cond: "Julius Sans One", sans-serif;--ff-sans-normal: "Barlow", sans-serif}body{font-family:var(--ff-sans-normal);color:var(--text-color);background-color:var(--bg-color);width:100%;height:100%}h1{font-size:3rem;font-family:var(--ff-sans-cond);font-weight:400;color:#4d4d4d}.canvas-wrapper{width:800px;height:800px;border-radius:10px;box-shadow:0 0 15px #32323233;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><circle cx='1' cy='1' r='1' fill='%23ccc'/></svg>");background-repeat:repeat;background-color:#fff}canvas{border-radius:10px;cursor:url(/Mini-Room-Drawing-Tool-Bosch/Pencil.cur) 0 0,auto}.canvas-btn{background-color:var(--btn-color);border:none;border-radius:10px;width:150px;height:50px;cursor:pointer;box-shadow:5px 5px 10px #32323233;color:var(--btn-text)}.canvas-btn:hover{background-color:var(--btn-hover-color);box-shadow:5px 5px 10px #00000080;color:var(--btn-hover-text)}.modal{width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000px}.modal-box{padding:40px 30px 30px;background-color:#fff;width:600px;height:250px;text-align:center;border-radius:20px;color:var(--text-color);box-shadow:5px 5px 10px #32323233;position:relative}.btn-close{align-self:flex-end;border:none;background-color:var(--bg-color);position:absolute;top:20px;right:20px;border-radius:10px}.btn-close:hover{background-color:#bdbdbd}.modal-box p{font-size:1.5rem}.modal-btn{width:100%}.modal-btn button{border:none;width:100px;height:50px;border-radius:10px;color:var(--btn-text);background-color:var(--btn-color);box-shadow:5px 5px 10px #32323233}.modal-btn button:hover{background-color:var(--btn-hover-color);box-shadow:5px 5px 10px #00000080;color:var(--btn-hover-text)}