.assessment-image-field--full { grid-column: 1 / -1; }
.assessment-image-field__upload { display: flex; width: 100%; box-sizing: border-box; justify-content: center; }
.assessment-image-field__items { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); min-width: 0; }
.assessment-image-field__input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.assessment-image-field__input:focus-visible + .assessment-image-field__items { outline: 2px solid var(--color-info); outline-offset: 2px; }
.assessment-image-field__upload[aria-disabled="true"] { cursor: not-allowed; opacity: .55; pointer-events: none; }
.assessment-image-field__item { position: relative; display: grid; gap: var(--space-1); width: 112px; min-width: 0; padding: var(--space-1); border: 1px solid var(--color-border, #deded8); border-radius: var(--radius-sm); background: var(--color-surface-card); }
.assessment-image-field__thumb { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius-xs); background: var(--color-surface-hover); }
.assessment-image-field__name { overflow: hidden; color: var(--color-text-secondary); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.assessment-image-field__failed { display: grid; min-height: 80px; place-items: center; color: var(--color-danger); font-size: .75rem; }
.assessment-image-field__remove { min-height: 28px; padding: var(--space-1) var(--space-2); font-size: .75rem; }
.assessment-image-field__retry { min-height: 28px; padding: var(--space-1) var(--space-2); font-size: .75rem; }
.assessment-image-field__error { margin: var(--space-2) 0 0; color: var(--color-danger); font-size: .875rem; }
@media (prefers-reduced-motion: reduce) { .assessment-image-field__thumb { transition: none; } }
@media (max-width: 599px) { .assessment-image-field__item { width: 96px; } }