[data-content-editable="1"] { border-radius: 2px; }
body[data-content-edit-mode="1"] [data-content-editable="1"] { cursor: text; }
body[data-content-edit-mode="1"] [data-content-editable="1"]:hover { outline: 1px dashed #9a7b3f; outline-offset: 2px; }
body[data-content-edit-mode="1"] [data-content-editable="1"].is-editing { outline: 2px solid #916b25; outline-offset: 2px; background: rgb(255 252 239 / 88%); color: #201d17; }
.content-editor-toolbar { position: fixed; z-index: 1000; left: 16px; bottom: 16px; display: flex; align-items: center; gap: 12px; width: min(560px, calc(100vw - 32px)); box-sizing: border-box; padding: 10px 12px; border: 1px solid #41473d; border-radius: 12px; background: #20251f; color: #f4f1e9; box-shadow: 0 8px 30px rgb(0 0 0 / 25%); font: 14px/1.4 system-ui, sans-serif; }
.content-editor-label { font-weight: 700; white-space: nowrap; }
.content-editor-status { flex: 1; color: #d2d0c7; }
.content-editor-status[data-error="1"] { color: #ffb4a8; }
.content-editor-toolbar button { min-height: 36px; padding: 6px 14px; border: 1px solid #77796d; border-radius: 8px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.content-editor-toolbar button[data-editor-save] { border-color: #d6bd82; background: #d6bd82; color: #24241d; font-weight: 700; }
.content-editor-toolbar button:disabled { opacity: .6; cursor: wait; }
.content-editor-toolbar button:focus-visible { outline: 2px solid #f3d797; outline-offset: 2px; }
@media (max-width: 560px) {
  .content-editor-toolbar { left: 10px; bottom: 10px; width: calc(100vw - 20px); flex-wrap: wrap; gap: 8px; padding: 9px; font-size: 13px; }
  .content-editor-label { flex-basis: 42%; }
  .content-editor-status { flex-basis: 45%; }
  .content-editor-toolbar button { flex: 1; }
}

[data-content-deleted] { display: none !important; }
body[data-content-edit-mode="1"] [data-content-deleted] { display: block !important; opacity: .35; outline: 2px dashed #c0392b; outline-offset: 2px; }
body[data-content-edit-mode="1"] img[data-content-img] { cursor: pointer; }
body[data-content-edit-mode="1"] img[data-content-img]:hover { outline: 1px dashed #9a7b3f; outline-offset: 2px; }
img.is-image-selected { outline: 2px solid #916b25 !important; outline-offset: 2px; }
.is-pending-delete { opacity: .3; outline: 2px dashed #c0392b; outline-offset: 2px; }
.content-image-tools { position: fixed; z-index: 1001; display: flex; gap: 6px; padding: 6px; border: 1px solid #41473d; border-radius: 10px; background: #20251f; box-shadow: 0 6px 20px rgb(0 0 0 / 30%); font: 13px/1.4 system-ui, sans-serif; }
.content-image-tools[hidden] { display: none; }
.content-image-tools button { min-height: 32px; padding: 4px 12px; border: 1px solid #77796d; border-radius: 8px; background: transparent; color: #f4f1e9; font: inherit; cursor: pointer; }
.content-image-tools button[hidden] { display: none; }
.content-image-tools button[data-image-delete] { border-color: #e08b7e; color: #ffb4a8; }