.igh-editor-bar {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99999;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-width: min(720px, calc(100vw - 24px));
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 14px;
  background: #0b2a4d;
  color: #fff;
  box-shadow: 0 18px 45px rgba(4, 24, 48, .3);
  font: 600 13px/1.3 Manrope, Arial, sans-serif;
}
.igh-editor-bar strong { padding: 0 6px; }
.igh-editor-bar button {
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 8px;
  background: #fff;
  color: #0b2a4d;
  cursor: pointer;
  font: inherit;
}
.igh-editor-bar button:hover { background: #eef7fa; }
.igh-editor-bar button.is-primary { border-color: #16a3b6; background: #16a3b6; color: #fff; }
.igh-editor-bar button.is-danger { border-color: #d44747; background: transparent; color: #fff; }
.igh-editor-status { min-width: 76px; padding: 0 5px; color: #bfeef3; }
.igh-editor-status.is-error { color: #ffb7b7; }
.igh-edit-mode .igh-editable-text {
  border-radius: 3px;
  outline: 2px dashed rgba(11, 132, 165, .48);
  outline-offset: 2px;
  cursor: text;
}
.igh-edit-mode .igh-editable-text:focus {
  outline: 3px solid #00a9bd;
  background: rgba(222, 250, 252, .75);
  color: #092848;
}
.igh-edit-mode main img[data-igh-image-index] {
  outline: 4px solid rgba(0, 169, 189, .72);
  outline-offset: 3px;
  cursor: pointer;
}
@media (max-width: 1279px) {
  .igh-editor-bar { right: 12px; bottom: 82px; }
}
@media (max-width: 640px) {
  .igh-editor-bar { left: 8px; right: 8px; bottom: 78px; max-width: none; }
  .igh-editor-bar strong { width: 100%; }
  .igh-editor-bar button { flex: 1 1 auto; }
  .igh-editor-status { width: 100%; }
}