.field .aes-file-drop {
  display: grid;
  min-height: 130px;
  padding: 22px;
  place-content: center;
  gap: 7px;
  border: 1px dashed var(--control-line);
  border-radius: 10px;
  background: var(--soft);
  text-align: center;
  cursor: pointer;
}
.aes-file-drop:hover, .aes-file-drop.dragover, .aes-file-drop:focus-within {
  border-color: var(--green);
  background: var(--mint);
}
.aes-file-drop:focus-within { outline: 2px solid var(--green); outline-offset: 3px; }
.aes-file-drop span { color: var(--muted); font-size: 11px; font-weight: 400; }
.aes-file-drop:has(input:disabled) { opacity: .65; cursor: wait; }
.aes-file-name { margin: 8px 0 0; color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.aes-help { margin: 18px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.aes-result { display: flex; flex-direction: column; justify-content: center; }
.aes-result-card { padding: 24px; }
.aes-result-name { margin: 12px 0 8px; font: 600 21px var(--display); overflow-wrap: anywhere; }
.aes-result-detail, .aes-status { color: var(--muted); font-size: 12px; line-height: 1.6; }
.aes-status { min-height: 20px; margin: 16px 0 0; }
.aes-result .button { display: inline-flex; margin-top: 10px; text-decoration: none; }
#aesUnavailable { margin: 20px 30px 0; }