body {
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.button {
    background: #00f;
    color: #fff;
}

.icon {
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.preview {
    width: 640px;
    height: 480px;
}

    .preview img {
        max-width: 640px;
        max-height: 480px;
    }

.panel-upload {
    border: 1px solid #ccc;
    background: #ffe;
    text-align: center;
}

table.list {
    width: 100%;
}

    table.list > thead > th {
    }

    table.list > tbody > tr > td {
    }

        table.list > tbody > tr:hover {
            background-color: #eee;
        }

table.fields {
    width: 100%;
}

    table.fields > tbody > tr > th {
        width: 25%;
    }

    table.fields > tbody > tr > td {
        width: 75%;
    }