.app{display:flex;flex-direction:row}.tile-calculator-component{width:100%;display:flex;justify-content:center;margin:30px 0}.tile-calculator{width:450px;padding:25px;background:#fff;border-radius:12px;box-shadow:0 5px 20px rgb(0 0 0 / .1);font-family:Arial,sans-serif}.tile-calculator h3{text-align:center;margin-bottom:25px;font-size:24px;color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:15px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#333}.tile-calculator button{width:100%;margin-top:15px;padding:12px;background:#222;color:#fff;border:none;border-radius:6px;cursor:pointer}.tile-calculator button:hover{background:#444}.calculator-results{margin-top:20px;padding:15px;background:#f5f5f5;border-radius:6px;text-align:center}.drawing-component{width:100%;margin-top:50px}.drawing-header{display:flex;justify-content:center;align-items:center;gap:20px}.drawing-header h3{font-size:24px}#create-room{padding:12px 25px;background:#222;color:#fff;border:none;border-radius:6px;cursor:pointer}#room-clear-button{padding:12px 25px;background:#222;color:#fff;border:none;border-radius:6px;cursor:pointer}#create-room:hover{background:#444}.room-container{width:600px;height:500px;margin:30px auto;background:#fff;border-radius:12px;box-shadow:0 5px 20px rgb(0 0 0 / .1);overflow:hidden}