body {
    padding: 0;
    margin: 0;
}

.rendered #rendered-images {
    display: block;
}

body:not(.rendered) #rendered-images {
    display: none;
}

.rendered #select-images {
    display: none;
}

body:not(.rendered) #select-images {
    display: block;
}


#select-images {
    padding-top: 40px;
}

#rendered-images {
    width: 185mm;
}

#toolbar {
    position: fixed;
    top: 0;
    padding: 5px 30px 5px;
    background-color: yellow;
    width: calc(100% - 60px);
    text-align: right;
}

.rendered #toolbar {
    display: none;
}

figure {
    display: inline-block;
    width: 33mm;
    max-height: 50mm;
    text-align: center;
}

input[type=number] {
    width: 15mm;
}

img {
    width: 30mm;
    max-height: 30mm;
    padding: 0 3mm 3mm;
}