body
{
    font: 1em Verdana, Geneva, sans-serif;
    padding: 0;
    margin: 5px;
    color: WhiteSmoke;
    background-color: Black;
}
div
{
    padding: 0;
    margin: 0;
}
button
{
    cursor: pointer;
}
.hidden
{
    display: none;
}

/****************************************************************************/
/* App */
/****************************************************************************/
 #app
{
    margin: 4px;
    background-color: #bbc;
    background: -webkit-linear-gradient(top, #99c, #bbc);
    background: -moz-linear-gradient(top, #bbc, #558);
    background: -ms-linear-gradient(top, #bbc, #558);
    background: linear-gradient(top, #bbc, #558);
}

#app>header
{
    padding: 0 0.5em;
    font-size: 1.25em;
    color: WhiteSmoke;
    background-color: #006;
    box-shadow: 1px 1px 4px black;
}

#app>footer
{
    padding: 0.25em;
    color: WhiteSmoke;
    background-color: #006;
    font-size: 0.75em;
}

#main
{
    text-align: center;
}

#main>canvas
{
    cursor: crosshair;
    margin: 1em auto;
    color: black;
    background-color: white;
    box-shadow: 0 0 8px 2px #555;
}

#toolbar
{
    padding: 2px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
}
#toolbar button
{
    border: none;
    background-color: transparent;
    color: white;
    font-size: 1em;
}
#toolbar .dropdown-menu
{
    display: inline-block;
    position: relative;
}
#toolbar .menu
{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding-left: 1.5em;
    border: 1px solid black;
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.5);
    background-color: silver;
    color: black;
    list-style-type: none;
}
#toolbar .menu>li
{
    margin: 0;
    padding: 0.35em;
    min-width: 4em;
    min-height: 1.5em;
    border-width: 0;
    background-color: WhiteSmoke;
    font-size: .75em;
    cursor: pointer;
}
#toolbar .menu>li:hover
{
    background-color: aliceBlue;
}
#toolbar .menu>li.selected
{
    list-style-type: circle;
    background-color: lightblue;
}

#text-input
{
    display: none;
    position: absolute;
    width: 8em;
}
#text-input>input
{
    font-size: 24px;
}