.hm-material-picker { display: grid; gap: .7rem; max-width: 60rem; }
.hm-material-picker label { display: inline-flex; gap: .4rem; align-items: center; }
.hm-material-picker button, .hm-material-picker input, .hm-material-picker select { font: inherit; }
.hm-material-picker [role="alert"] { color: #a32121; }
.hm-material-list { display: grid; gap: .6rem; padding: 0; list-style: none; }
.hm-material-list li { display: grid; gap: .4rem; border: 1px solid #ddd; padding: .7rem; }
.hm-material-list label { align-items: start; white-space: pre-wrap; overflow-wrap: anywhere; }
.hm-material-list img { display: block; width: auto; max-width: min(100%, 16rem); max-height: 12rem; object-fit: contain; }
.hm-material-picker button:disabled { cursor: not-allowed; opacity: .6; }