@media screen {
  #content .ac111-panel { padding: 16px; margin: 12px 0 4px; border: 1px solid var(--line); border-radius: 16px; background: var(--card, #fff); min-width: 0; }
  #content .ac111-heading, #content .ac111-filter-row, #content .ac111-selection, #content .ac111-target,
  #modalRoot .ac111-editor, #modalRoot .ac111-category-row, #modalRoot .ac111-dialog-footer { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; min-width: 0; }
  #content .ac111-heading { justify-content: space-between; margin-bottom: 12px; }
  #content .ac111-heading > div { flex: 1 1 260px; min-width: 0; }
  #content .ac111-panel p { margin: 5px 0; overflow-wrap: anywhere; }
  #content .ac111-filter-row, #content .ac111-target, #modalRoot .ac111-editor { align-items: end; }
  #content .ac111-panel label, #modalRoot .ac111-editor label { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 480px; font-size: 13px; font-weight: 600; }
  #content .ac111-panel select, #modalRoot .ac111-editor input { width: 100%; min-width: 0; max-width: 100%; }
  #content .ac111-bulk { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
  #content .ac111-selection { margin-bottom: 12px; }
  #content [data-ac-count] { color: var(--muted); font-size: 12px; }
  #content .ac111-panel .btn, #modalRoot .ac111-dialog .btn { flex: 0 1 auto; white-space: normal !important; overflow-wrap: anywhere; max-width: 100%; }
  #content #catalog-area .ac111-checkbox { float: left; margin: 18px 12px 12px 0; width: 20px; height: 20px; min-height: 20px; padding: 0; accent-color: var(--green, #2f7d4a); cursor: pointer; }
  #content .ac111-message, #modalRoot .ac111-message { font-size: 13px; color: var(--muted); overflow-wrap: anywhere; margin: 10px 0 0; }
  #content .ac111-message:empty, #modalRoot .ac111-message:empty { display: none; }
  #modalRoot .ac111-dialog { width: min(700px, calc(100vw - 24px)); }
  #modalRoot .ac111-category-list { margin: 16px 0; }
  #modalRoot .ac111-category-row { justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--line); }
  #modalRoot .ac111-category-row > div { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }
  #modalRoot .ac111-category-row .module-sub { display: block; margin-top: 4px; }
  #modalRoot .ac111-dialog-footer { justify-content: flex-end; margin-top: 16px; }
  #modalRoot .ac111-editor-hint { display: block; color: var(--muted); overflow-wrap: anywhere; margin-top: 6px; }
  .ac111-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
}
@media screen and (max-width: 560px) {
  #content .ac111-panel { padding: 12px; }
  #content .ac111-heading > .btn, #content .ac111-target > .btn { flex-basis: 100%; }
  #content .ac111-panel label, #modalRoot .ac111-editor label { max-width: none; flex-basis: 100%; }
  #content .ac111-selection > .btn { flex: 1 1 130px; }
  #content [data-ac-count] { flex-basis: 100%; }
}