.image-upload-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.upload-preview{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:10px}
.upload-preview figure{margin:0;width:128px;min-width:0}
.upload-preview img,.saved-document img{display:block;width:128px;height:128px;object-fit:contain;background:#f1f4f1;border:1px solid #dce7df;border-radius:6px}
.upload-preview figcaption{font-size:12px;color:#617568;overflow-wrap:anywhere;margin-top:4px}
.upload-tile{display:grid;place-items:center;flex:none;width:128px;height:128px;margin:0;border:1px dashed #87a995;border-radius:6px;background:#f7faf8;color:#357551;font-size:36px;line-height:1;cursor:pointer}
.upload-tile:hover,.upload-tile:focus-visible{border-color:#26734b;background:#eef7f1;outline:2px solid #26734b;outline-offset:2px}
.saved-document{display:flex;align-items:center;gap:16px;min-width:0}
.saved-document>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.upload-preview figure,.upload-preview img,.saved-document img,.upload-tile{width:108px}.upload-preview img,.saved-document img,.upload-tile{height:108px}}