* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
    background-color: #1e1e2e;
    color: #e2e2e2;
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
    /* user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; */
}
.container {
    display: flex;
    flex: 1;
    overflow: hidden;
}
.editor-section {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #3a3a4a;
    z-index: 1;
}
.output-section {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.canvas-container {
    flex: 1;
    position: relative;
    overflow: hidden;
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}
#renderCanvas {
    width: 100%;
    height: 100%;
    outline: none;
}