#app{display:grid;padding:0;grid-template-columns:1fr 1fr}#loading{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background-color:#1f1f1f;z-index:9}#loading.hide{visibility:collapse;opacity:0}#loading.show{visibility:visible;opacity:1}#loading span{display:inline-flex;align-items:center;height:100%;max-height:calc(100vh - 60px)}.box{width:100%;margin-top:15px}.box .row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.row-btns{display:flex;gap:15px}.box .row .btn{font-size:.9em}#photos #add-photo,#download{background-color:#451575}#photos #add-photo:hover,#download:hover{background-color:#3f136b}#list-photos{width:100%;min-height:80px;position:relative;background-color:#181818;border:1px solid var(--separator-border-color);border-radius:10px;overflow:hidden}#list-photos #list-drag-drop{position:absolute;display:grid;place-items:center;place-content:center;width:100%;height:100%;background-color:#181818;z-index:2;visibility:collapse}#list-photos article{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-top:1px solid var(--separator-border-color)}#list-photos article:first-of-type{border-top:none}#list-photos article img{object-fit:cover;width:70px;height:70px;border-radius:5px;border:1px solid var(--separator-border-color)}#list-photos article .delete{display:inline-flex;cursor:pointer}#control{display:grid;grid-template-columns:1fr;place-content:baseline;place-items:center;gap:10px;border-right:1px solid var(--separator-border-color)}#control #render-btns{margin-top:20px}#view,#view #paper-wrapper{overflow:hidden}#control,#view{padding:1rem}#paper{background-color:#fff;transform-origin:left top}@media only screen and (max-width:750px){#app{grid-template-columns:1fr}#control{border-right:none}}