/* Shared visual treatment only: each control retains its own action and visibility. */
body :is(
  #appOptionsClose, #generationInstructionsDialogClose, #referencePreviewDialogClose,
  .reference-role-remove, .reference-role-thumbnail-remove, .reference-preview-remove,
  .workboard-remove, .moodboard-remove, .moodboard-import-cancel, .easy-photo-remove,
  #imageEditWindow [data-close-edit], .gallery-viewer-close, .background-color-dismiss, .reference-region-icon[data-close],
  button[aria-label="원본 이미지 닫기"]
) {
  border-radius: 7px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--muted);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body :is(.reference-role-remove, #resetTypographyTextButton) {
  width: 28px; height: 28px; min-width: 28px; min-height: 28px;
  padding: 0; font-size: calc(18px + var(--app-font-increase, 1pt)); line-height: 1;
}
body .reference-role-thumbnail-remove { border-radius: 3px; }
body :is(
  #appOptionsClose, #generationInstructionsDialogClose, #referencePreviewDialogClose,
  .reference-role-remove, .reference-role-thumbnail-remove, .reference-preview-remove,
  .workboard-remove, .moodboard-remove, .moodboard-import-cancel, .easy-photo-remove,
  #imageEditWindow [data-close-edit], .gallery-viewer-close, .background-color-dismiss, .reference-region-icon[data-close],
  button[aria-label="원본 이미지 닫기"]
):hover { background: var(--surface-hover); color: var(--text); }
body :is(
  #appOptionsClose, #generationInstructionsDialogClose, #referencePreviewDialogClose,
  .reference-role-remove, .reference-role-thumbnail-remove, .reference-preview-remove,
  .workboard-remove, .moodboard-remove, .moodboard-import-cancel, .easy-photo-remove,
  #imageEditWindow [data-close-edit], .gallery-viewer-close, .background-color-dismiss, .reference-region-icon[data-close],
  button[aria-label="원본 이미지 닫기"]
):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }