/* images styles: each part of the site keeps its own file so nobody overwrites another's work. */

/* Bot settings: upload fields (.up-) */
.up-field { display: grid; gap: 10px; }
.up-box { display: grid; place-items: center; min-height: 72px; max-width: 360px; padding: 8px; border: 1px dashed var(--line, rgba(128, 128, 128, .4)); border-radius: 10px; background: rgba(128, 128, 128, .08); }
.up-preview { max-width: 100%; max-height: 220px; border-radius: 6px; object-fit: contain; }
.up-preview[hidden] { display: none; }
.up-status:empty { display: none; }
.up-tools { flex-wrap: wrap; gap: 8px; align-items: center; }
.up-tools input[type="file"] { max-width: 100%; }