page {
    background-color:#272822; color:white; 
    font-size:14px; font-family:monospace;
}
view.title {
    font-size:18px; font-weight:bold;
    margin-top:20px; margin-bottom:10px;
}

view.output {
    max-width:-webkit-fill-available;
    overflow:auto;
    clear:both;
}
view.output view.item {
    font-size:18px; text-align:center;
    padding:10px; border:solid 1px green;
}
view.output view.list view.item {
    background-color:darkgray;
    margin-left:20px;
}
view.output view.code {
    margin-left:10px; padding:10px; 
    border-left:solid 2px cyan;
}

view.action view.item {
    float:left; padding:0;
}
view.option view.item {
    border:0; padding:0;
    float:left; margin:2px;
}
view.option view.item.textarea {
    border:solid 1px green;
    width:calc(100% - 2px);
    clear:both;
}
view.option view.item.select {
    border:solid 1px green; padding:6px;
}
view.option view.item button {
    height:29px;
}
view.option view.item input {
    border:solid 1px green;
    width:80px;
}

tr {
    text-align:center; white-space:nowrap;
    display:flex;
}
th {
    border:solid 1px red; padding:5px;
    width:100%;
}
td {
    border:solid 1px green; padding:5px;
    width:100%;
}
td view.which {
    float:left;
}