.editor {
    display: flex;
}

.toolbar {
    display: flex;
    flex-flow: column;
    min-width: 100px;
}

.toolbar section {
    border-bottom: 1px solid grey;
    padding: 10px;
    display: flex;
    justify-content: center;
}

.toolbar .colors {
    display: flex;
}

.toolbar .colorbox {
    width: 30px;
    height: 30px;
    border: 1px solid black;
}

.grid {
    display: flex;
}

.grid-row {
    display: flex;
    flex-flow: row;
}

.grid-cell {
    border: 1px solid black;
    min-width: 20px;
    min-height: 20px;
    display: flex;
    flex: 1 1;
}

.preview {
    width: 200px;
    height: 200px;
    border: 1px solid black;
}

.frames {
    display: flex;
    width: 100%;
    min-height: 20px;
}

.frame-canvas {
    border: 1px solid black;
}

.frame-canvas.active {
    border: 1px solid red;
}