.editor-topbar {
  position: sticky; top: 0; z-index: 100;
  background: #1a1a1a; color: #fff;
  padding: 12px 24px; display: flex; align-items: center; justify-content: space-between;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.editor-topbar a { color: #fff; text-decoration: none; margin-right: 16px; }
.editor-topbar .actions button, .editor-topbar .actions a.btn-link {
  background: #c9a24b; color: #1a1a1a; border: none; padding: 8px 16px;
  border-radius: 4px; cursor: pointer; font-weight: 600; margin-left: 8px; text-decoration: none; display: inline-block;
}
.editor-topbar select { padding: 6px; border-radius: 4px; border: none; margin-left: 8px; }

.block-wrapper { position: relative; }
.block-wrapper:hover { outline: 2px dashed #0b5fff44; }

.block-toolbar {
  position: absolute; top: 8px; right: 8px; z-index: 50;
  background: rgba(0,0,0,0.75); border-radius: 6px; padding: 4px 8px;
  display: flex; align-items: center; gap: 4px; opacity: 0; transition: opacity 0.15s;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.block-wrapper:hover .block-toolbar { opacity: 1; }
.block-toolbar .block-label { color: #ccc; font-size: 12px; margin-right: 6px; text-transform: uppercase; }
.block-toolbar button {
  background: #333; color: #fff; border: none; width: 26px; height: 26px;
  border-radius: 4px; cursor: pointer; font-size: 14px;
}
.block-toolbar button.danger { background: #a33; }
.block-toolbar button:hover { filter: brightness(1.3); }

.editable-field { outline: 2px dashed transparent; border-radius: 3px; transition: outline-color 0.15s; }
.editable-field:hover { outline-color: #0b5fff88; }
.editable-field:focus { outline: 2px solid #0b5fff; background: rgba(11,95,255,0.08); }

.editable-image { cursor: pointer; outline: 2px dashed transparent; }
.editable-image:hover { outline-color: #0b5fff88; }

.add-block-bar {
  text-align: center; padding: 24px; background: #f0f0f0;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.add-block-bar select, .add-block-bar button {
  padding: 8px 14px; border-radius: 4px; border: 1px solid #ccc; margin: 0 4px;
}
.add-block-bar button { background: #0b5fff; color: #fff; border: none; cursor: pointer; font-weight: 600; }

.save-indicator {
  position: fixed; bottom: 16px; right: 16px; background: #2a2a2a; color: #fff;
  padding: 8px 16px; border-radius: 20px; font-size: 13px; opacity: 0;
  transition: opacity 0.3s; font-family: 'Segoe UI', Arial, sans-serif; z-index: 200;
}
.save-indicator.show { opacity: 1; }