.r2-editor-root {
  position: fixed;
  right: 18px;
  top: 86px;
  z-index: 9999;
  width: min(390px, calc(100vw - 28px));
  color: #f6f0df;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
.r2-editor-toggle {
  position: fixed;
  right: 18px;
  bottom: 78px;
  z-index: 9998;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(207, 180, 112, .48);
  color: #090806;
  background: #cfb470;
  font: 800 12px/1 Inter, "Segoe UI", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(0,0,0,.32);
}
.r2-editor-panel {
  display: none;
  border: 1px solid rgba(207, 180, 112, .44);
  background: rgba(8, 8, 7, .97);
  box-shadow: 0 24px 80px rgba(0,0,0,.62);
  backdrop-filter: blur(18px);
}
.r2-editor-panel.is-open { display: block; }
.r2-editor-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border-bottom: 1px solid rgba(238,232,216,.12);
}
.r2-editor-head strong {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.r2-editor-head span {
  display: block;
  margin-top: 4px;
  color: #a9a18f;
  font-size: 12px;
  line-height: 1.35;
}
.r2-editor-close {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(238,232,216,.14);
  color: #f6f0df;
  background: transparent;
  cursor: pointer;
}
.r2-editor-body { display: grid; gap: 12px; padding: 14px; }
.r2-editor-field { display: grid; gap: 7px; }
.r2-editor-field label {
  color: #ead39a;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.r2-editor-field textarea,
.r2-editor-field input {
  width: 100%;
  border: 1px solid rgba(238,232,216,.14);
  color: #f6f0df;
  background: #11100d;
  padding: 9px 10px;
  font: 13px/1.4 Inter, "Segoe UI", Arial, sans-serif;
}
.r2-editor-field textarea { min-height: 92px; resize: vertical; }
.r2-editor-range { display: grid; grid-template-columns: 1fr 48px; gap: 10px; align-items: center; }
.r2-editor-range output { color: #65cdb8; font-family: Consolas, "Courier New", monospace; font-size: 12px; text-align: right; }
.r2-editor-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.r2-editor-actions button {
  min-height: 38px;
  border: 1px solid rgba(238,232,216,.14);
  color: #f6f0df;
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
}
.r2-editor-actions button.primary { color: #090806; background: #cfb470; border-color: #cfb470; }
.r2-editor-status { min-height: 18px; color: #65cdb8; font-size: 12px; line-height: 1.35; }
.r2-edit-mode [data-r2-editable] { cursor: text; }
.r2-edit-mode [data-r2-editable]:hover { outline: 1px dashed rgba(101,205,184,.62); outline-offset: 4px; }
.r2-edit-selected { outline: 2px solid #65cdb8 !important; outline-offset: 4px !important; }
@media (max-width: 620px) {
  .r2-editor-root { left: 12px; right: 12px; top: 76px; width: auto; }
  .r2-editor-toggle { left: 12px; right: 12px; bottom: 70px; width: auto; }
}