#canvas
{
    width: 100vw;
    height: 100vh;
}

#context-menu
{
    position:absolute;
    background: #bbb;
    padding: 4px;
    border: 1px solid #444;
    overflow: hidden;
}
#context-menu>div
{
    user-select: none;
}
#context-menu>div:not(.action)
{
    color: gray;
}
#context-menu>div.action:hover
{
    background: white;
    cursor: pointer;
}

#form
{
    padding: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    background: white;
    border: 1px solid #444;
    
    grid-template-columns: auto 1fr;
    gap: 10px 16px;
    align-items: center;
}

button.error
{
    background-color: tomato;
    color: white;
}

button.success
{
    background-color: mediumseagreen;
    color: white;
}