.toolbar {
    padding: 16px;
    background: #eee;
}

    .toolbar .head {
        display: flex;
        grid-gap: 10px;
        margin-bottom: 16px;
        flex-wrap: wrap;
    }

        .toolbar .head > input {
            max-width: 100px;
            padding: 6px 10px;
            border-radius: 6px;
            border: 2px solid #ddd;
            outline: none;
        }

        .toolbar .head select {
            background: #fff;
            border: 2px solid #ddd;
            border-radius: 6px;
            outline: none;
            cursor: pointer;
        }

        .toolbar .head .color {
            background: #fff;
            border: 2px solid #ddd;
            border-radius: 6px;
            outline: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            grid-gap: 6px;
            padding: 0 10px;
        }

            .toolbar .head .color span {
                font-size: 14px;
            }

            .toolbar .head .color input {
                border: none;
                padding: 0;
                width: 26px;
                height: 26px;
                background: #fff;
                cursor: pointer;
            }

                .toolbar .head .color input::-moz-color-swatch {
                    width: 20px;
                    height: 20px;
                    border: none;
                    border-radius: 50%;
                }

    .toolbar .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        grid-gap: 10px;
    }

        .toolbar .btn-toolbar button {
            background: #fff;
            border: 2px solid #ddd;
            border-radius: 6px;
            cursor: pointer;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }

            .toolbar .btn-toolbar button:hover {
                background: #f3f3f3;
            }

#content {
    padding: 16px;
    outline: none;
    max-height: 50vh;
    overflow: auto;
}

#show-code[data-active="true"] {
    background: #eee;
}