.art { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 1rem; }
.art > * { min-width: 0; }
.preview { overflow: auto; text-align: center; min-height: 400px; }
.preview img { image-rendering: pixelated; max-width: none; display: inline-block; }
.file-list { max-height: 75vh; overflow: auto; }
.file-list button { width: 100%; display: block; text-align: left; overflow-wrap: anywhere; }
.file-list button[aria-current="true"] { background: #355057; border-color: var(--accent); }
.file-list small { display: block; }
.palette { display: grid; grid-template-columns: repeat(32, 1fr); }
.palette i { aspect-ratio: 1; display: block; }
.version-picker { display: flex; }
.version-picker[hidden] { display: none; }
.version-picker select { min-width: 0; max-width: 100%; flex: 1; }
#sources { padding-left: 1.3rem; overflow-wrap: anywhere; }
#sources li { margin-bottom: .35rem; }
#provenance { margin-top: 1rem; }
.highlights button { padding: 0; border: 0; background: none; color: var(--accent); text-decoration: underline; }
@media (max-width: 850px) {
  .art { grid-template-columns: minmax(0, 1fr); }
  .file-list { max-height: 250px; }
  .toolbar label { max-width: 100%; }
  .toolbar input[type="search"] { min-width: 0; }
}