.wysiwyg { display: flex; flex: auto; height: 100%; }
.wysiwyg .input { padding: 8px; border: 1px solid #6F4242; width: 200px; }

#center > *:hover[contenteditable="true"] {
    outline: 1px dotted #c0c0c0;
}
#center > *:focus[contenteditable="true"] {
    outline: 1px dotted #c0c0c0;
}

#footer { border-top: 1px solid rgba(34,36,38,.15); transition: all .9s ease-in-out; max-height: 0; width: 100%; position: absolute; left: 0; bottom: 0; background: #fff; }
#footer-wrap { padding: 7px 8px; }
.color-label { cursor: pointer; padding: 0 0.4em 0 0.8em; }
.ui.label { margin-right: .5em; }
.palette-color {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid #f0f0f0;
    outline: 0;
    box-shadow: 0 0 10px #C0C0C0;
    margin: 0 0.8em 0 0;
    cursor: pointer;
}
::-webkit-color-swatch { border-color: transparent; }
::-moz-color-swatch { border-color: transparent; }
#desktop-more-menu { display: inline-block; }
#mobile-more-menu, #mobile-colors-menu { display: none; }
#bg-color-button, #bg-hover-color-button { display: none; }
@media only screen and (max-width: 719px) {
    #footer-wrap { padding: 1em; }
    #desktop-more-menu { display: none; }
    #mobile-more-menu { display: inline-block; }
    .shrink-menu .color-label { display: none; padding-right: 0; }
    .shrink-menu .ui.label { margin-right: 0; }
    .shrink-menu #bg-hover-color-button { margin-right: 4px; }
    .shrink-menu .palette-color { margin: 0; }
    .shrink-menu #font { margin-right: 0; }
}

/* https://stackoverflow.com/a/34961662 */
[contenteditable] b { font-weight: inherit; }
[contenteditable] i { font-style: inherit; }
[contenteditable] u { text-decoration: inherit; }
[contenteditable] img { display: none; }

#footer-wrap .toggle.button { float: right; }