.code-challenge-wrapper {
    display: inline-block;
    width: 100%;
}

.code-challenge-wrapper .editor {
    height: 400px;
    border: 1px solid #ccc;
}

.code-challenge-controls {
    margin-bottom: 10px;
}

.code-challenge-controls .theme-label {
    margin-left: 10px;
}

.code-challenge-actions {
    margin-top: 10px;
}

.code-challenge-actions .button {
    margin: 5px;
}

.code-challenge-output {
    border: 1px solid #ccc;
    padding: 10px;
    height: 200px;
    overflow-y: scroll;
    white-space: pre-wrap;
    margin-top: 10px;
    background: #f5f5f5;
    display: none;
}