#tool_freeCanvas_area {
    position: fixed; 
    top: 1%; 
    right : 56px;
    padding:5px 5px 5px 5px; 
    background-color:white; 
    border-radius: 4px;
    display:none;
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    height: 287px;
    width: 50%;
    resize: vertical;
    overflow: hidden;
    gap: 2px;
}
#freeCanvasToolContainer {
	display: flex;
	gap: 2px;
	flex-direction: column;
}

#freeCanvasColorPalet {
	grid-template-columns: 32px 32px 32px; 
	grid-column-start: 1;
	grid-row-start: 1;
	padding:1px 1px 1px 1px; 
	display: grid;
	border: 1px solid gray;
	border-radius: 4px;
	align-content: baseline;
}
#freeCanvasColorPalet div {
	width: 32px;
	height: 32px;
	border: 2px solid white;
	border-radius: 4px;
	cursor: pointer;
}
#freeCanvasSizePalet {
	grid-template-columns: 32px 32px 32px;
	grid-column-start: 1;
	grid-row-start: 2;
	padding:1px 1px 1px 1px;
	display: grid;
	border: 1px solid gray;
	border-radius: 4px;
	align-content: baseline;
}

#freeCanvasSizePalet div {
	width: 32px;
	height: 32px;
	border: 2px solid white;
	border-radius: 4px;
	cursor: pointer;
}

#freeCanvasTypePalet {
	grid-template-columns: 32px 32px 32px;
	grid-column-start: 1;
	grid-row-start: 3;
	padding:1px 1px 1px 1px;
	display: grid;
	border: 1px solid gray;
	border-radius: 4px;
	align-content: baseline;
}

#freeCanvasTypePalet div {
	width: 32px;
	height: 32px;
	border: 2px solid white;
	border-radius: 4px;
	cursor: pointer;
}

#freeCanvasUtilPalet {
	grid-column-start: 1;
	grid-row-start: 4;
	grid-template-columns: 32px 32px;
	padding:1px 1px 1px 1px;
	display: grid;
	border: 1px solid gray;
	border-radius: 4px;
	justify-content: end;
}

#freeCanvasUtilPalet div{
	width: 32px;
	height: 32px;
	border: 2px solid white;
	border-radius: 4px;
	display: flex;
}

#sizePalet div{
	width: 32px;
	height: 32px;
	border: 2px solid white;
	border-radius: 4px;
	display: flex;
}

#freeCanvasDrawArea {
	height: 100%;
	width: 100%;
	padding:1px 1px 1px 1px; 
	display: grid;
	border: 1px solid gray;
	border-radius: 4px;
}