#imageholder {
    box-sizing                      : content-box;
    height                          : 50vh;
}

#drawing {
    background                      : #fff7e7;
    border                          : 1px solid #888;
    border-width                    : 1px 0;
}

form {
    display                         : flex;
    flex-direction                  : row;
    align-items                     : flex-end;
}

.field {
    margin-top                      : 1.5ex;
}

.field label {
    display                         : inline-block;
    width                           : 15ch;
}

.field input {
    background                      : #ffc;
    border                          : 1px solid #ccc;
    color                           : #266;
    padding-left                    : .5ch;
    width                           : 5ch;
}

.field input[type='checkbox'] {
    display                         : inline-block;
    margin-left                     : .5em;
    padding                         : 0;
    width                           : auto;
}

.field input[type='checkbox'] + label {
    width                           : auto;
}

.field input#bgcolor {
    background                      : none;
    border                          : none;
}

#buttons {
    margin-left                     : 5ch;
}

button {
    background                      : #039;
    border-color                    : #003;
    border-radius                   : .5ch;
    box-shadow                      : 0 0 .1em #ccc;
    color                           : #fff;
    cursor                          : pointer;
    display                         : block;
    margin-top                      : 1ex;
    padding                         : .5ex 1ch;
    width                           : 20ch;
}
