.go-image-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#config-page-actions { align-items: center; }
#config-dirty { font-size: 12px; }
@media (max-width: 600px) {
  .topbar:has(#config-page-actions:not(.hidden)) { flex-wrap: wrap; height: auto; min-height: 56px; padding-top: 10px; padding-bottom: 10px; gap: 8px; }
  #config-page-actions { justify-content: flex-end; }
  #config-page-actions .button { padding: 0 12px; min-height: 32px; }
  #config-page-actions ~ .refresh-state { display: none; }
}
.go-blacklist-body { padding: 18px 20px; max-height: 58vh; overflow-y: auto; }
.go-blacklist-body > .field { margin-bottom: 12px; }
.go-dialog[open] { animation: yomi-dialog-enter 180ms ease-out; }
.go-dialog[open]::backdrop { animation: yomi-backdrop-enter 180ms ease-out; }
.go-dialog.is-closing { animation: yomi-dialog-exit 140ms ease-in forwards; pointer-events: none; }
.go-dialog.is-closing::backdrop { animation: yomi-backdrop-exit 140ms ease-in forwards; }
@keyframes yomi-dialog-enter { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes yomi-dialog-exit { to { opacity: 0; transform: translateY(8px) scale(.985); } }
@keyframes yomi-backdrop-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes yomi-backdrop-exit { to { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .go-dialog[open], .go-dialog[open]::backdrop, .go-dialog.is-closing, .go-dialog.is-closing::backdrop { animation: none; }
}