/* ===== PAINT ===== */
#paint-window .window-content { flex-direction: row; padding: 5px; background: #808080; border: none; margin: 0; }
.paint-toolbar {
    display: flex; flex-direction: column; padding: 5px;
    border-right: 2px solid; border-color: #FFF #808080 #808080 #FFF;
}
.color-swatch {
    width: 24px; height: 24px; border: 2px solid; border-color: #FFF #808080 #808080 #FFF;
    margin-bottom: 5px; cursor: default;
}
.color-swatch.active { border-color: #808080 #FFF #FFF #808080; }
.paint-toolbar button {
    background: #C0C0C0; border: 2px solid; border-color: #FFF #808080 #808080 #FFF;
    padding: 4px; margin-top: auto; cursor: default;
    font-family: "Tahoma", "Geneva", sans-serif; font-size: 11px; color: #000;
}
.paint-toolbar button:active { border-color: #808080 #FFF #FFF #808080; }
#paint-canvas { background: white; border: 2px inset; border-color: #808080 #FFF #FFF #808080; cursor: crosshair; flex-grow: 1; }