body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    background: #333;
}
button {
    font-size: 15px;
    background: white;
}
input {
    font-family: inherit;
    font-size: 100%;
    background: gray;
}

#selfile {
    font-size: 12px;
}

#jougi {
    margin: 0px;
    padding: 5px;
    background: #333;
    color: white;
    border: inset 1px #444;
}
#rulerColorLabel {
    margin-left: 6px;
}
#haikei {
    margin: 0px;
    padding: 5px;
    background: #444;
    color: white;
    border: inset 1px #333;
}
#canvas-wrap {
    padding: 5px;
    background: #49452F;
}
canvas {
    display: block;
}
#drop-zone {
    margin: 0;
    padding: 18px;
    background: #3a3a3a;
    color: #aaa;
    border: 2px dashed #666;
    text-align: center;
    font-size: 14px;
    cursor: default;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
#drop-zone.drag-over {
    background: #555;
    border-color: #99c0ff;
    color: #cce0ff;
}