.category-btn {
  margin-bottom: .5em;
  margin-right: .5em;
  font-size: 1.1em;
  border-radius:6px;
  min-width:120px;
}
.brand-list input, .brand-list select { width: 200px; }
#ai-art-img { max-width: 100%; margin-top: 1em; display: block; }
.option-group { margin-bottom: 1.25em; }
.result-container { margin-top:2em; }
.loading { font-style: italic; color: #888; margin-top:1em; }
.controls {margin-top:1.5em}
@media(max-width:500px) {
  .brand-list input, .brand-list select { width:100%; }
}

.modal { position: fixed; inset: 0; display:flex; align-items:center; justify-content:center; z-index:2000; }
.modal-backdrop { position: absolute; inset:0; background: rgba(0,0,0,0.6); }
.modal-content { position: relative; background: #fff; padding: 1rem; border-radius:8px; max-width:95vw; max-height:95vh; box-shadow: 0 8px 30px rgba(0,0,0,0.25); }
.modal-content img { max-width: 90vw; max-height: 80vh; display:block; margin:0 auto; }
.modal-close { position: absolute; top: .25rem; right: .25rem; background: transparent; border: none; font-size:1.2rem; cursor:pointer; }