* {
    box-sizing: border-box;
}

.struct-editor-container {
}

    .struct-editor-container .bottom-cmnds {
        background-color: rgb(230, 230, 230);
        border-color: rgb(0, 0, 0);
        border-style: solid;
        border-width: 1px;
        margin-bottom: 10px;
        padding: 10px;
    }

    .struct-editor-container canvas {
        border-color: rgb(0, 0, 0);
        border-style: solid;
        border-width: 1px;
    }

    .struct-editor-container .cmnd-pair {
        width: 100%;
    }

        .struct-editor-container .cmnd-pair label {
            font-weight: bold;
        }

        .struct-editor-container .cmnd-pair select {
            color: blue;
            padding: 1px;
            width: 120px;
        }

    .struct-editor-container .demo-video {
        background-color: inherit;
        border: none;
        color: rgb(0,0,255);
        float: right;
        font-size: inherit;
        line-height: inherit;
        margin-right: 8px;
        padding: 2px;
        text-align: right;
        text-decoration: underline;
    }

        .struct-editor-container .demo-video:hover {
            background-color: rgb(200,200,200);
        }

    .struct-editor-container .edit-button {
        margin-right: 10px;
        padding: 2px;
        width: 80px;
    }

    .struct-editor-container .top-cmnds {
        background-color: rgb(230, 230, 230);
        border-color: rgb(0, 0, 0);
        border-style: solid;
        border-width: 1px;
        display: grid;
        grid-column-gap: 2px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 2px;
        padding: 10px;
    }