#input {
    width: 100%;
    overflow: auto;
    height: 650px;
}
#output {
    width: 100%;
    overflow: auto;
    height: 650px;
}
label {
    display: inline-block;
    padding: 2px 8px 2px 8px;
    margin: 4px 4px;
    font: 400 13.3333px Arial;
    border: 1px solid #FFF;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.label {
    max-width: 120px;
    padding: 5px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
}
label#filename {
    white-space: nowrap; 
    width: 50px; 
    overflow: hidden;
    text-overflow: ellipsis; 
    border: 1px solid #FFF;
    display: inline-block;
    margin-top: -6px;
    font-size: smaller;
}
.button {
    background: #dfdfdf;
    border: 1px solid #444;
}
.button:hover {
    background: silver;
}
#fileElem {
    display: none;
}
span.template-2col {
    display: grid;
    grid-gap: 0.75rem;
    grid-template-columns: repeat(2, 1fr);
}