@qarakash/blockwriteai 1.0.8 → 1.0.10

package/dist/blockwriteai.css

@@ -1,3762 +0,0 @@
-:root {
-  --rbe-font: Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  --rbe-bg: #f6f8fb;
-  --rbe-surface: #ffffff;
-  --rbe-surface-soft: #f1f5f9;
-  --rbe-text: #172033;
-  --rbe-muted: #667085;
-  --rbe-border: #d7dee8;
-  --rbe-border-strong: #afbac9;
-  --rbe-accent: #2563eb;
-  --rbe-accent-soft: #e7efff;
-  --rbe-success: #07845f;
-  --rbe-warning: #b76b00;
-  --rbe-danger: #cf2f2f;
-  --rbe-shadow: 0 16px 48px rgba(15, 23, 42, 0.14);
-  --rbe-radius: 8px;
-  --rbe-min-height: 320px;
-}
-
-.rbe,
-.rbe * {
-  box-sizing: border-box;
-}
-
-.rbe-sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-.rbe-shell,
-.rbe-shell * {
-  box-sizing: border-box;
-}
-
-.rbe-shell {
-  width: 100%;
-  max-width: var(--rbe-shell-max-width, none);
-  margin: 0 auto;
-  min-width: 0;
-  color: var(--rbe-text);
-  font-family: var(--rbe-font);
-}
-
-.rbe-shell-brand {
-  display: grid;
-  gap: 4px;
-  margin-bottom: 14px;
-  min-width: 0;
-}
-
-.rbe-shell-logo {
-  width: min(252px, 100%);
-  height: auto;
-  display: block;
-}
-
-.rbe-shell-title {
-  display: inline-flex;
-  align-items: center;
-  color: #102033;
-  font-size: 26px;
-  font-weight: 850;
-  line-height: 1.1;
-}
-
-.rbe-shell-subtitle {
-  margin: 4px 0 0;
-  color: var(--rbe-muted);
-  font-size: 16px;
-  line-height: 1.5;
-}
-
-.rbe-shell-panel {
-  min-width: 0;
-  overflow: visible;
-  border: 1px solid var(--rbe-border);
-  border-radius: var(--rbe-radius);
-  background: var(--rbe-surface);
-}
-
-.rbe-shell-panel-title {
-  display: grid;
-  grid-template-columns: minmax(90px, 1fr) minmax(180px, 420px) minmax(160px, 1fr);
-  align-items: center;
-  gap: 8px;
-  padding: 11px 12px;
-  border-bottom: 1px solid var(--rbe-border);
-  color: var(--rbe-text);
-  font-weight: 760;
-}
-
-.rbe-shell-heading {
-  grid-column: 1;
-  justify-self: start;
-}
-
-.rbe-shell-status {
-  grid-column: 3;
-  justify-self: end;
-  color: var(--rbe-muted);
-  font-size: 13px;
-  font-weight: 520;
-  text-align: right;
-  white-space: nowrap;
-}
-
-.rbe-shell-progress {
-  grid-column: 2;
-  display: grid;
-  gap: 5px;
-  justify-self: center;
-  width: min(100%, 390px);
-  min-width: 0;
-}
-
-.rbe-shell-progress[hidden] {
-  display: none !important;
-}
-
-.rbe-shell-progress-text {
-  overflow: hidden;
-  color: #475467;
-  font-size: 11px;
-  font-weight: 760;
-  line-height: 1.2;
-  text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.rbe-shell-progress-track {
-  position: relative;
-  height: 5px;
-  overflow: hidden;
-  border-radius: 999px;
-  background: #eef2f7;
-}
-
-.rbe-shell-progress-track::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(90deg, rgba(239, 68, 68, 0.18), rgba(245, 158, 11, 0.18), rgba(34, 197, 94, 0.18));
-}
-
-.rbe-shell-progress-track span {
-  position: relative;
-  display: block;
-  width: 42%;
-  height: 100%;
-  border-radius: inherit;
-  background: linear-gradient(90deg, #ef4444, #f59e0b, #22c55e);
-  animation: rbe-shell-progress-sweep 1.1s ease-in-out infinite;
-}
-
-@keyframes rbe-shell-progress-sweep {
-  0% {
-    transform: translateX(-115%);
-  }
-
-  55% {
-    width: 64%;
-  }
-
-  100% {
-    transform: translateX(245%);
-  }
-}
-
-.rbe-shell-editor-wrap {
-  min-width: 0;
-  padding: 12px;
-}
-
-.rbe {
-  position: relative;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  min-height: var(--rbe-min-height);
-  color: var(--rbe-text);
-  font-family: var(--rbe-font);
-  line-height: 1.58;
-  overflow-wrap: anywhere;
-}
-
-.rbe-editor-toolbar {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 6px;
-  margin-bottom: 8px;
-}
-
-.rbe-history-btn {
-  appearance: none;
-  display: inline-flex;
-  align-items: center;
-  gap: 7px;
-  max-width: 100%;
-  min-height: 30px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #ffffff;
-  color: var(--rbe-text);
-  padding: 4px 10px;
-  font: inherit;
-  font-size: 13px;
-  font-weight: 740;
-  cursor: pointer;
-}
-
-.rbe-fa-icon {
-  display: inline-grid;
-  place-items: center;
-  width: 1em;
-  min-width: 1em;
-  line-height: 1;
-}
-
-.rbe-history-btn:hover:not(:disabled) {
-  border-color: var(--rbe-accent);
-  background: var(--rbe-accent-soft);
-}
-
-.rbe-save-btn {
-  border-color: var(--rbe-accent);
-  background: var(--rbe-accent);
-  color: #ffffff;
-}
-
-.rbe-save-btn:hover:not(:disabled) {
-  background: #1d4ed8;
-  color: #ffffff;
-}
-
-.rbe-export-menu-wrap {
-  position: relative;
-  display: inline-flex;
-}
-
-.rbe-export-btn {
-  width: 34px;
-  min-width: 34px;
-  justify-content: center;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.rbe-export-html-btn {
-  width: 34px;
-  min-width: 34px;
-  justify-content: center;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.rbe-export-menu {
-  position: absolute;
-  top: calc(100% + 6px);
-  right: 0;
-  z-index: 45;
-  display: flex;
-  gap: 6px;
-  padding: 6px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 10px;
-  background: #ffffff;
-  box-shadow: var(--rbe-shadow);
-}
-
-.rbe-export-menu[hidden] {
-  display: none !important;
-}
-
-.rbe-export-option {
-  appearance: none;
-  width: 34px;
-  height: 34px;
-  display: inline-grid;
-  place-items: center;
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: #ffffff;
-  color: #111827;
-  cursor: pointer;
-}
-
-.rbe-export-option:hover,
-.rbe-export-option:focus-visible {
-  border-color: #111827;
-  background: #111827;
-  color: #ffffff;
-}
-
-.rbe-html-preview-modal {
-  position: fixed;
-  inset: 0;
-  z-index: 100000;
-  display: grid;
-  place-items: center;
-  padding: 22px;
-  background: rgba(15, 23, 42, 0.58);
-}
-
-.rbe-html-preview-shell {
-  width: min(1180px, 100%);
-  height: min(860px, calc(100vh - 44px));
-  display: grid;
-  grid-template-rows: auto minmax(0, 1fr);
-  overflow: hidden;
-  border: 1px solid var(--rbe-border);
-  border-radius: 12px;
-  background: #ffffff;
-  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
-}
-
-.rbe-html-preview-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 12px 14px;
-  border-bottom: 1px solid var(--rbe-border);
-  color: var(--rbe-ink);
-}
-
-.rbe-html-preview-close {
-  appearance: none;
-  width: 34px;
-  height: 34px;
-  display: inline-grid;
-  place-items: center;
-  border: 1px solid var(--rbe-border);
-  border-radius: 999px;
-  background: #ffffff;
-  color: var(--rbe-ink);
-  cursor: pointer;
-}
-
-.rbe-html-preview-close:hover,
-.rbe-html-preview-close:focus-visible {
-  border-color: #111827;
-  background: #111827;
-  color: #ffffff;
-}
-
-.rbe-html-preview-body {
-  min-height: 0;
-  background: #eef3f8;
-}
-
-.rbe-html-preview-frame {
-  width: 100%;
-  height: 100%;
-  display: block;
-  border: 0;
-  background: #eef3f8;
-}
-
-.rbe-clear-editor-btn {
-  width: 30px;
-  min-width: 30px;
-  justify-content: center;
-  padding-left: 0;
-  padding-right: 0;
-  color: var(--rbe-danger);
-}
-
-.rbe-clear-editor-btn:hover:not(:disabled) {
-  border-color: var(--rbe-danger);
-  background: #fff1f1;
-  color: #b42318;
-}
-
-.rbe-history-btn:disabled {
-  cursor: not-allowed;
-  opacity: 0.45;
-}
-
-.rbe-history-panel {
-  position: absolute;
-  top: calc(100% + 6px);
-  right: 0;
-  z-index: 25;
-  width: min(320px, calc(100vw - 32px));
-  max-height: 320px;
-  overflow: auto;
-  display: grid;
-  gap: 6px;
-  padding: 10px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 10px;
-  background: #ffffff;
-  box-shadow: var(--rbe-shadow);
-}
-
-.rbe-history-panel[hidden] {
-  display: none;
-}
-
-.rbe-history-panel > strong {
-  font-size: 13px;
-}
-
-.rbe-history-empty {
-  color: var(--rbe-muted);
-  font-size: 12px;
-}
-
-.rbe-history-row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 34px;
-  gap: 6px;
-  align-items: stretch;
-}
-
-.rbe-history-restore {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-  align-items: center;
-  width: 100%;
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: #fbfdff;
-  color: var(--rbe-text);
-  padding: 8px;
-  font: inherit;
-  font-weight: 680;
-  cursor: pointer;
-  text-align: left;
-}
-
-.rbe-history-restore:hover {
-  border-color: var(--rbe-accent);
-  background: var(--rbe-accent-soft);
-}
-
-.rbe-history-restore small {
-  color: var(--rbe-muted);
-  text-align: right;
-  line-height: 1.25;
-}
-
-.rbe-history-restore span {
-  display: grid;
-  gap: 2px;
-}
-
-.rbe-history-restore em {
-  color: var(--rbe-muted);
-  font-size: 12px;
-  font-style: normal;
-}
-
-.rbe-history-delete,
-.rbe-history-clear {
-  appearance: none;
-  border: 1px solid var(--rbe-border);
-  background: #ffffff;
-  color: var(--rbe-muted);
-  font: inherit;
-  cursor: pointer;
-}
-
-.rbe-history-delete {
-  display: grid;
-  place-items: center;
-  min-height: 100%;
-  border-radius: 8px;
-  padding: 0;
-}
-
-.rbe-history-delete:hover {
-  border-color: var(--rbe-danger);
-  background: #fff5f5;
-  color: var(--rbe-danger);
-}
-
-.rbe-history-clear {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  gap: 7px;
-  min-height: 34px;
-  margin-top: 4px;
-  border-radius: 8px;
-  color: var(--rbe-danger);
-  font-size: 13px;
-  font-weight: 740;
-}
-
-.rbe-history-clear:hover:not(:disabled) {
-  border-color: var(--rbe-danger);
-  background: #fff5f5;
-}
-
-.rbe-history-clear:disabled {
-  cursor: not-allowed;
-  opacity: 0.48;
-}
-
-.rbe-comment-modal {
-  position: fixed;
-  inset: 0;
-  z-index: 2147483004;
-  display: grid;
-  place-items: center;
-  background: rgba(15, 23, 42, 0.36);
-  padding: 18px;
-}
-
-.rbe-comment-modal[hidden] {
-  display: none;
-}
-
-.rbe-comment-dialog {
-  width: min(460px, 100%);
-}
-
-.rbe-comment-content {
-  border-radius: 10px;
-  background: #ffffff;
-  box-shadow: var(--rbe-shadow);
-  overflow: hidden;
-}
-
-.rbe-comment-header,
-.rbe-comment-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  padding: 12px;
-  border-bottom: 1px solid var(--rbe-border);
-}
-
-.rbe-comment-footer {
-  justify-content: flex-end;
-  border-top: 1px solid var(--rbe-border);
-  border-bottom: 0;
-}
-
-.rbe-comment-body {
-  padding: 12px;
-}
-
-.rbe-comment-input {
-  min-height: 96px;
-}
-
-.rbe-link-modal-label {
-  display: block;
-  margin-bottom: 6px;
-  color: var(--rbe-muted);
-  font-size: 12px;
-  font-weight: 740;
-}
-
-.rbe-link-input.is-invalid {
-  border-color: var(--rbe-danger);
-  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.14);
-}
-
-.rbe-comment-close {
-  width: 30px;
-  height: 30px;
-  display: grid;
-  place-items: center;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #ffffff;
-  color: var(--rbe-text);
-  cursor: pointer;
-}
-
-.rbe-canvas {
-  min-height: var(--rbe-min-height);
-  max-height: var(--rbe-max-height, 680px);
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 18px 12px 36px;
-  background: var(--rbe-surface);
-  border: 1px solid var(--rbe-border);
-  border-radius: var(--rbe-radius);
-}
-
-.rbe-block {
-  position: relative;
-  display: grid;
-  grid-template-columns: 42px minmax(0, 1fr);
-  gap: 8px;
-  min-height: 44px;
-  padding: 4px 8px 4px 0;
-  border-radius: var(--rbe-radius);
-}
-
-.rbe-block + .rbe-block {
-  margin-top: 15px;
-}
-
-.rbe-block-actions {
-  position: absolute;
-  top: -25px;
-  right: 12px;
-  z-index: 8;
-  display: flex;
-  gap: 4px;
-  padding: 4px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.96);
-  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
-  opacity: 0;
-  pointer-events: none;
-  transform: translateY(3px);
-  transition: opacity 140ms ease, transform 140ms ease;
-}
-
-.rbe-block:hover .rbe-block-actions,
-.rbe-block:focus-within .rbe-block-actions {
-  opacity: 1;
-  pointer-events: auto;
-  transform: translateY(0);
-}
-
-.rbe-block-action {
-  appearance: none;
-  display: inline-grid;
-  place-items: center;
-  min-width: 28px;
-  height: 26px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #f8fafc;
-  color: #344054;
-  font: inherit;
-  font-size: 10px;
-  font-weight: 850;
-  line-height: 1;
-  cursor: pointer;
-}
-
-.rbe-block-action:hover {
-  border-color: var(--rbe-accent);
-  background: var(--rbe-accent-soft);
-  color: #143f91;
-}
-
-.rbe-block-action[data-action="delete"] {
-  border-color: rgba(220, 38, 38, 0.5);
-  background: rgba(254, 226, 226, 0.92);
-  color: #991b1b;
-  font-size: 12px;
-  font-weight: 900;
-}
-
-.rbe-block-action[data-action="delete"]:hover {
-  border-color: #991b1b;
-  background: #991b1b;
-  color: #ffffff;
-}
-
-.rbe-block:hover,
-.rbe-block:focus-within {
-  background: #fbfdff;
-}
-
-.rbe-is-dragging {
-  opacity: 0.38;
-}
-
-.rbe-block-controls {
-  position: relative;
-  z-index: 12;
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-end;
-  gap: 4px;
-  padding-top: 5px;
-  opacity: 0;
-  transition: opacity 140ms ease;
-}
-
-.rbe-block:hover .rbe-block-controls,
-.rbe-block:focus-within .rbe-block-controls {
-  opacity: 1;
-}
-
-.rbe-control-btn,
-.rbe-icon-btn,
-.rbe-small-btn,
-.rbe-inline-btn,
-.rbe-menu-item {
-  appearance: none;
-  border: 1px solid var(--rbe-border);
-  background: var(--rbe-surface);
-  color: var(--rbe-text);
-  font: inherit;
-}
-
-.rbe-control-btn {
-  width: 28px;
-  height: 28px;
-  border-radius: 7px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--rbe-muted);
-  cursor: pointer;
-  line-height: 1;
-}
-
-.rbe-control-btn:hover,
-.rbe-small-btn:hover,
-.rbe-inline-btn:hover,
-.rbe-icon-btn:hover,
-.rbe-menu-item:hover,
-.rbe-menu-item.is-active {
-  border-color: var(--rbe-accent);
-  background: var(--rbe-accent-soft);
-  color: #143f91;
-}
-
-.rbe-menu-item.is-premium-locked,
-.rbe-menu-item.is-premium-locked:hover,
-.rbe-menu-item.is-premium-locked:focus-visible {
-  border-color: #f59e0b;
-  background: #fffbeb;
-  color: #92400e;
-}
-
-.rbe-premium-badge {
-  display: inline-flex;
-  align-items: center;
-  margin-left: 8px;
-  padding: 2px 6px;
-  border-radius: 999px;
-  background: #fef3c7;
-  color: #92400e;
-  font-size: 10px;
-  font-style: normal;
-  font-weight: 850;
-  line-height: 1;
-  vertical-align: middle;
-}
-
-.rbe-ai-toolbar-btn.is-premium-locked,
-.rbe-ai-inline-btn.is-premium-locked {
-  border-color: #f59e0b !important;
-  background: #fffbeb !important;
-  color: #92400e !important;
-}
-
-.rbe-toast-stack {
-  position: fixed;
-  right: 18px;
-  bottom: 18px;
-  z-index: 12000;
-  display: grid;
-  gap: 10px;
-  width: min(360px, calc(100vw - 24px));
-  pointer-events: none;
-}
-
-.rbe-toast {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  border: 1px solid #d7dee8;
-  border-radius: 12px;
-  background: #ffffff;
-  color: #172033;
-  padding: 12px 14px;
-  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
-  opacity: 0;
-  transform: translateY(12px) scale(0.98);
-  transition: opacity 0.24s ease, transform 0.24s ease;
-  pointer-events: auto;
-}
-
-.rbe-toast.is-show {
-  opacity: 1;
-  transform: translateY(0) scale(1);
-}
-
-.rbe-toast.is-hiding {
-  opacity: 0;
-  transform: translateY(10px) scale(0.98);
-}
-
-.rbe-toast i {
-  margin-top: 2px;
-}
-
-.rbe-toast strong {
-  display: block;
-  font-size: 13px;
-  line-height: 1.25;
-}
-
-.rbe-toast span {
-  display: block;
-  margin-top: 2px;
-  color: #475467;
-  font-size: 12px;
-  line-height: 1.4;
-}
-
-.rbe-toast.is-error {
-  border-color: #fecaca;
-  background: #fff7f7;
-}
-
-.rbe-toast.is-error i,
-.rbe-toast.is-error strong {
-  color: #b42318;
-}
-
-.rbe-toast.is-warning {
-  border-color: #fedf89;
-  background: #fffbeb;
-}
-
-.rbe-toast.is-warning i,
-.rbe-toast.is-warning strong {
-  color: #b54708;
-}
-
-.rbe-toast.is-success {
-  border-color: #bbf7d0;
-  background: #f0fdf4;
-}
-
-.rbe-toast.is-success i,
-.rbe-toast.is-success strong {
-  color: #087443;
-}
-
-.rbe-drag-handle {
-  cursor: grab;
-  font-weight: 700;
-  letter-spacing: 0;
-}
-
-.rbe-block-body {
-  min-width: 0;
-  max-width: 100%;
-}
-
-.rbe-editable {
-  min-height: 28px;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  outline: 0;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-  font-family: Arial, sans-serif;
-  font-size: 16px;
-}
-
-.rbe-editable:empty::before {
-  content: attr(data-placeholder);
-  color: #9aa5b1;
-  pointer-events: none;
-}
-
-.rbe-editable a {
-  color: var(--rbe-accent);
-  text-decoration: underline;
-  text-underline-offset: 3px;
-}
-
-.rbe-paragraph {
-  padding: 5px 0;
-  font-size: 16px;
-  max-width: 100%;
-  min-width: 0;
-}
-
-.rbe-heading-wrap,
-.rbe-list-wrap,
-.rbe-checklist-wrap {
-  display: grid;
-  grid-template-columns: 132px minmax(0, 1fr);
-  gap: 10px;
-  align-items: start;
-}
-
-.rbe-heading-wrap {
-  grid-template-columns: 84px minmax(0, 1fr);
-}
-
-.rbe-heading-level,
-.rbe-list-style,
-.rbe-callout-tone,
-.rbe-code-language,
-.rbe input[type="text"],
-.rbe input[type="url"],
-.rbe textarea,
-.rbe select {
-  width: 100%;
-  min-height: 34px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: var(--rbe-surface);
-  color: var(--rbe-text);
-  font: inherit;
-  padding: 7px 9px;
-  outline: 0;
-}
-
-.rbe-heading-level {
-  min-width: 76px;
-}
-
-.rbe-list-style {
-  min-width: 124px;
-}
-
-.rbe-callout-tone {
-  min-width: 118px;
-}
-
-.rbe input:focus,
-.rbe textarea:focus,
-.rbe select:focus,
-.rbe [contenteditable="true"]:focus {
-  border-color: transparent;
-  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.22);
-}
-
-.rbe-heading {
-  padding: 0;
-  font-weight: 760;
-  line-height: 1.2;
-  max-width: 100%;
-  min-width: 0;
-}
-
-.rbe-h1 {
-  font-size: 34px;
-}
-
-.rbe-h2 {
-  font-size: 28px;
-}
-
-.rbe-h3 {
-  font-size: 23px;
-}
-
-.rbe-h4 {
-  font-size: 19px;
-}
-
-.rbe-quote {
-  border-left: 4px solid var(--rbe-accent);
-  background: #f8fbff;
-  padding: 12px 14px;
-  border-radius: 0 var(--rbe-radius) var(--rbe-radius) 0;
-}
-
-.rbe-quote-text {
-  font-size: 18px;
-  font-style: italic;
-}
-
-.rbe-quote-caption,
-.rbe-image-caption,
-.rbe-embed-caption {
-  margin-top: 10px;
-}
-
-.rbe-list,
-.rbe-checklist {
-  grid-column: 2;
-  margin: 0;
-  padding-left: 0;
-  display: grid;
-  gap: 7px;
-}
-
-.rbe-list-tools,
-.rbe-checklist-tools {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 6px;
-  align-content: start;
-}
-
-.rbe-list-style {
-  grid-column: 1 / -1;
-  min-width: 0;
-}
-
-.rbe-list-tools > .select2-container {
-  grid-column: 1 / -1;
-  width: 100% !important;
-}
-
-.rbe-list-nest-action {
-  min-width: 0;
-  width: 100%;
-  height: 32px;
-  padding: 0;
-}
-
-.rbe-list-item,
-.rbe-check-item {
-  display: grid;
-  grid-template-columns: 28px minmax(0, 1fr) 28px;
-  align-items: center;
-  gap: 8px;
-}
-
-.rbe-list-item[data-level="1"],
-.rbe-check-item[data-level="1"] {
-  margin-left: 28px;
-}
-
-.rbe-list-item[data-level="2"],
-.rbe-check-item[data-level="2"] {
-  margin-left: 56px;
-}
-
-.rbe-list-item[data-level="3"],
-.rbe-check-item[data-level="3"] {
-  margin-left: 84px;
-}
-
-.rbe-list-item[data-level="4"],
-.rbe-check-item[data-level="4"] {
-  margin-left: 112px;
-}
-
-.rbe-list-marker {
-  min-height: 28px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-end;
-  color: var(--rbe-text);
-  font-weight: 740;
-}
-
-.rbe-list-text {
-  padding: 4px 0;
-}
-
-.rbe-row-add {
-  justify-self: end;
-  width: 34px;
-  height: 34px;
-  border: 0;
-  border-radius: 50%;
-  background: transparent;
-  color: #16a34a;
-  font-size: 22px;
-  box-shadow: none;
-}
-
-.rbe-list-add {
-  grid-column: 2;
-}
-
-.rbe-row-add:hover {
-  background: transparent;
-  color: #15803d;
-}
-
-.rbe-row-remove {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 26px;
-  height: 26px;
-  padding: 0;
-  border-color: rgba(220, 38, 38, 0.52);
-  border-radius: 50%;
-  background: rgba(254, 226, 226, 0.94);
-  color: #991b1b;
-  font-size: 12px;
-  line-height: 1;
-}
-
-.rbe-row-remove:hover {
-  border-color: #991b1b;
-  background: #991b1b;
-  color: #ffffff;
-}
-
-.rbe-list li {
-  min-height: 26px;
-  padding: 2px 0;
-}
-
-.rbe-check-input {
-  width: 17px;
-  height: 17px;
-  margin-top: 7px;
-  accent-color: var(--rbe-accent);
-}
-
-.rbe-check-toggle {
-  width: 28px;
-  height: 28px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 6px;
-  background: transparent;
-  color: #64748b;
-  cursor: pointer;
-}
-
-.rbe-check-toggle .rbe-fa-icon {
-  font-size: 19px;
-}
-
-.rbe-check-toggle.is-checked {
-  color: #16a34a;
-}
-
-.rbe-check-toggle.is-nested {
-  border-radius: 50%;
-}
-
-.rbe-check-toggle:hover {
-  background: #eef5ff;
-  color: #2563eb;
-}
-
-.rbe-check-toggle:disabled {
-  cursor: default;
-}
-
-.rbe-check-toggle:disabled:hover {
-  background: transparent;
-}
-
-.rbe-check-text {
-  padding: 4px 0;
-}
-
-.rbe-icon-btn {
-  width: 28px;
-  height: 28px;
-  border-radius: 7px;
-  cursor: pointer;
-}
-
-.rbe-check-remove {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 26px;
-  height: 26px;
-  padding: 0;
-  text-align: center;
-}
-
-.rbe-check-remove .rbe-fa-icon {
-  font-size: 12px;
-}
-
-.rbe-check-remove:hover {
-  border-color: #991b1b;
-  background: #991b1b;
-  color: #ffffff;
-}
-
-.rbe-small-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  min-height: 34px;
-  min-width: 36px;
-  border-radius: 7px;
-  padding: 6px 10px;
-  cursor: pointer;
-  white-space: nowrap;
-}
-
-.rbe-combo-icon {
-  display: inline-flex;
-  align-items: center;
-  gap: 3px;
-}
-
-.rbe-combo-icon .rbe-fa-icon {
-  font-size: 11px;
-}
-
-.rbe-mini-btn {
-  appearance: none;
-  min-height: 28px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #ffffff;
-  color: var(--rbe-text);
-  padding: 4px 8px;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 720;
-  cursor: pointer;
-}
-
-.rbe-mini-btn:hover {
-  border-color: var(--rbe-accent);
-  background: var(--rbe-accent-soft);
-}
-
-.rbe-checklist-add {
-  justify-self: end;
-}
-
-.rbe-code-wrap {
-  max-width: 100%;
-  min-width: 0;
-  overflow: hidden;
-  border: 1px solid var(--rbe-border);
-  border-radius: var(--rbe-radius);
-  background: var(--rbe-code-bg, #f3f4f6);
-}
-
-.rbe-code-header {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  align-items: center;
-  justify-content: flex-start;
-  padding: 8px;
-  border-bottom: 1px solid rgba(15, 23, 42, 0.12);
-  background: var(--rbe-code-header-bg, #e5e7eb);
-  color: var(--rbe-code-header-text, var(--rbe-text));
-}
-
-.rbe-code-header .rbe-code-language {
-  max-width: 240px;
-  min-width: 176px;
-  min-height: 30px;
-}
-
-.rbe-code-header .select2-container {
-  width: 176px !important;
-  min-width: 176px;
-}
-
-.rbe-code-color-label {
-  display: inline-flex;
-  align-items: center;
-  gap: 7px;
-  min-height: 34px;
-  border: 1px solid rgba(15, 23, 42, 0.14);
-  border-radius: 7px;
-  background: rgba(255, 255, 255, 0.64);
-  padding: 4px 7px;
-  color: inherit;
-  font-size: 12px;
-  font-weight: 740;
-}
-
-.rbe-code-color-label input {
-  width: 30px;
-  height: 24px;
-  border: 0;
-  background: transparent;
-  padding: 0;
-  cursor: pointer;
-}
-
-.rbe-code-copy,
-.rbe-code-format,
-.rbe-raw-copy,
-.rbe-raw-format {
-  width: 34px;
-  min-width: 34px;
-  padding: 0;
-}
-
-.rbe-code-editor,
-.rbe-raw-editor {
-  position: relative;
-  height: 260px;
-  overflow: hidden;
-  background: var(--rbe-code-bg, #f3f4f6);
-}
-
-.rbe-code-highlight,
-.rbe-raw-highlight,
-.rbe-code-input,
-.rbe-raw-input {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  border: 0;
-  border-radius: 0;
-  padding: 12px;
-  overflow: auto;
-  resize: none;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-  font-size: 13px;
-  line-height: 1.5;
-  tab-size: 2;
-  white-space: pre;
-}
-
-.rbe-code-highlight,
-.rbe-raw-highlight {
-  pointer-events: none;
-  color: var(--rbe-code-text, #172033);
-}
-
-.rbe-code-input,
-.rbe-raw-input {
-  z-index: 1;
-  background: transparent;
-  color: transparent;
-  caret-color: var(--rbe-code-text, #172033);
-}
-
-.rbe-code-input::selection,
-.rbe-raw-input::selection {
-  background: rgba(37, 99, 235, 0.28);
-  color: transparent;
-}
-
-.rbe-token-keyword {
-  color: #1d4ed8;
-  font-weight: 720;
-}
-
-.rbe-token-string {
-  color: #047857;
-}
-
-.rbe-token-comment {
-  color: #64748b;
-  font-style: italic;
-}
-
-.rbe-token-number {
-  color: #b45309;
-}
-
-.rbe-token-punctuation {
-  color: #7c3aed;
-}
-
-.rbe-image,
-.rbe-embed,
-.rbe-attachment,
-.rbe-table-wrap,
-.rbe-callout,
-.rbe-raw-wrap {
-  max-width: 100%;
-  min-width: 0;
-  border: 1px solid var(--rbe-border);
-  border-radius: var(--rbe-radius);
-  background: #ffffff;
-  padding: 12px;
-}
-
-.rbe-raw-header {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-  padding: 8px;
-  border: 1px solid var(--rbe-border);
-  border-bottom: 0;
-  border-radius: 8px 8px 0 0;
-  background: #e5e7eb;
-}
-
-.rbe-raw-header strong {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  margin-right: auto;
-  font-size: 13px;
-}
-
-.rbe-raw-editor {
-  border: 1px solid var(--rbe-border);
-  border-radius: 0 0 8px 8px;
-  background: #f3f4f6;
-  --rbe-code-bg: #f3f4f6;
-  --rbe-code-text: #172033;
-}
-
-.rbe-image-preview {
-  display: block;
-  width: 100%;
-  max-height: 520px;
-  object-fit: contain;
-  border-radius: 7px;
-  background: var(--rbe-surface-soft);
-}
-
-.rbe-image-gallery {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: flex-start;
-  gap: 10px;
-}
-
-.rbe-image-stage {
-  position: relative;
-  flex: 0 1 auto;
-  max-width: 100%;
-  overflow: hidden;
-  border-radius: 8px;
-  background: var(--rbe-surface-soft);
-  touch-action: none;
-}
-
-.rbe-image-stage .rbe-image-preview {
-  margin: 0 auto;
-  transform: scale(var(--rbe-image-zoom, 1));
-  transition: filter 0.18s ease, transform 0.18s ease;
-}
-
-.rbe-image-stage.is-custom-crop .rbe-image-preview {
-  height: 100%;
-  max-height: none;
-  object-fit: cover;
-}
-
-.rbe-image-stage.is-editable::after,
-.rbe-attachment-card.is-editable::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: 2;
-  pointer-events: none;
-  background: rgba(15, 23, 42, 0.36);
-  opacity: 0;
-  transition: opacity 0.18s ease;
-}
-
-.rbe-image-stage.is-editable:hover::after,
-.rbe-attachment-card.is-editable:hover::after,
-.rbe-image-stage.is-media-menu-open::after,
-.rbe-attachment-card.is-media-menu-open::after {
-  opacity: 1;
-}
-
-.rbe-image-stage.is-editable:hover .rbe-image-preview,
-.rbe-attachment-card.is-editable:hover .rbe-attachment-card-link,
-.rbe-image-stage.is-media-menu-open .rbe-image-preview,
-.rbe-attachment-card.is-media-menu-open .rbe-attachment-card-link {
-  filter: blur(4px);
-  transform: scale(calc(var(--rbe-image-zoom, 1) * 1.02));
-}
-
-.rbe-image-stage.is-image-crop-mode::after {
-  opacity: 0 !important;
-}
-
-.rbe-image-stage.is-image-crop-mode .rbe-image-preview {
-  cursor: grab;
-  filter: none !important;
-  transform: scale(var(--rbe-image-zoom, 1)) !important;
-}
-
-.rbe-image-stage.is-image-crop-mode:active .rbe-image-preview {
-  cursor: grabbing;
-}
-
-.rbe-image-stage.is-image-crop-mode {
-  outline: 2px dashed rgba(37, 99, 235, 0.72);
-  outline-offset: 3px;
-}
-
-.rbe-media-gear-menu {
-  position: absolute;
-  left: 50%;
-  top: 60%;
-  z-index: 3;
-  width: 132px;
-  height: 132px;
-  opacity: 0;
-  pointer-events: none;
-  transform: translate(-50%, -50%) scale(0.9);
-  transition: opacity 0.18s ease, transform 0.18s ease;
-}
-
-.rbe-media-gear,
-.rbe-media-action {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  width: 38px;
-  height: 38px;
-  display: grid;
-  place-items: center;
-  border: 0;
-  border-radius: 999px;
-  background: rgba(255, 255, 255, 0.94);
-  color: #172033;
-  font-size: 13px;
-  line-height: 1;
-  cursor: pointer;
-  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
-  transform: translate(-50%, -50%);
-  transition: background 0.18s ease, color 0.18s ease, transform 0.24s ease, opacity 0.18s ease;
-}
-
-.rbe-media-gear {
-  z-index: 2;
-  font-size: 16px;
-}
-
-.rbe-media-action {
-  opacity: 0;
-  pointer-events: none;
-}
-
-.rbe-media-action-bottom {
-  background: rgba(220, 38, 38, 0.96);
-  color: #ffffff;
-}
-
-.rbe-media-gear:hover,
-.rbe-media-gear:focus-visible,
-.rbe-media-action:hover,
-.rbe-media-action:focus-visible {
-  background: #ffffff;
-  color: var(--rbe-accent);
-}
-
-.rbe-media-action-bottom:hover,
-.rbe-media-action-bottom:focus-visible {
-  background: #b91c1c;
-  color: #ffffff;
-}
-
-.rbe-image-crop-toggle.is-active {
-  background: #2563eb;
-  color: #ffffff;
-}
-
-.rbe-image-resize-handle {
-  position: absolute;
-  right: 6px;
-  bottom: 6px;
-  z-index: 5;
-  width: 22px;
-  height: 22px;
-  border-radius: 7px;
-  background: rgba(255, 255, 255, 0.96);
-  color: #172033;
-  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
-  opacity: 0;
-  pointer-events: none;
-  cursor: nwse-resize;
-}
-
-.rbe-image-resize-handle::before {
-  content: "";
-  position: absolute;
-  right: 6px;
-  bottom: 6px;
-  width: 8px;
-  height: 8px;
-  border-right: 2px solid currentColor;
-  border-bottom: 2px solid currentColor;
-}
-
-.rbe-image-stage.is-editable:hover .rbe-image-resize-handle,
-.rbe-image-stage.is-media-menu-open .rbe-image-resize-handle,
-.rbe-image-stage.is-image-crop-mode .rbe-image-resize-handle {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.rbe-image-crop-handle {
-  position: absolute;
-  z-index: 6;
-  display: none;
-  background: #ffffff;
-  border: 2px solid #2563eb;
-  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.22);
-}
-
-.rbe-image-stage.is-image-crop-mode .rbe-image-crop-handle {
-  display: block;
-}
-
-.rbe-image-crop-e {
-  top: 50%;
-  right: 4px;
-  width: 10px;
-  height: 34px;
-  border-radius: 999px;
-  transform: translateY(-50%);
-  cursor: ew-resize;
-}
-
-.rbe-image-crop-s {
-  left: 50%;
-  bottom: 4px;
-  width: 34px;
-  height: 10px;
-  border-radius: 999px;
-  transform: translateX(-50%);
-  cursor: ns-resize;
-}
-
-.rbe-image-crop-se {
-  right: 4px;
-  bottom: 4px;
-  width: 15px;
-  height: 15px;
-  border-radius: 5px;
-  cursor: nwse-resize;
-}
-
-.rbe-image-stage.is-editable:hover .rbe-media-gear-menu,
-.rbe-attachment-card.is-editable:hover .rbe-media-gear-menu,
-.rbe-media-gear-menu:focus-within,
-.rbe-image-stage.is-media-menu-open .rbe-media-gear-menu,
-.rbe-attachment-card.is-media-menu-open .rbe-media-gear-menu {
-  opacity: 1;
-  pointer-events: auto;
-  transform: translate(-50%, -50%) scale(1);
-}
-
-.rbe-image-stage.is-media-menu-open .rbe-media-gear,
-.rbe-attachment-card.is-media-menu-open .rbe-media-gear {
-  opacity: 0;
-  pointer-events: none;
-}
-
-.rbe-image-stage.is-media-menu-open .rbe-media-action,
-.rbe-attachment-card.is-media-menu-open .rbe-media-action,
-.rbe-media-gear-menu:focus-within .rbe-media-action {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.rbe-media-row-has-space.is-media-menu-open .rbe-media-action-left,
-.rbe-media-row-has-space .rbe-media-gear-menu:focus-within .rbe-media-action-left {
-  transform: translate(calc(-50% - 48px), -50%);
-}
-
-.rbe-media-row-has-space.is-media-menu-open .rbe-media-action-top,
-.rbe-media-row-has-space .rbe-media-gear-menu:focus-within .rbe-media-action-top {
-  transform: translate(-50%, calc(-50% - 48px));
-}
-
-.rbe-media-row-has-space.is-media-menu-open .rbe-media-action-right,
-.rbe-media-row-has-space .rbe-media-gear-menu:focus-within .rbe-media-action-right {
-  transform: translate(calc(-50% + 48px), -50%);
-}
-
-.rbe-image-stage.is-media-menu-open .rbe-media-action-bottom,
-.rbe-attachment-card.is-media-menu-open .rbe-media-action-bottom,
-.rbe-media-gear-menu:focus-within .rbe-media-action-bottom {
-  transform: translate(-50%, calc(-50% + 48px));
-}
-
-.rbe-media-row-full .rbe-media-align {
-  display: none;
-}
-
-.rbe-media-align-left {
-  justify-self: start;
-}
-
-.rbe-media-align-center {
-  justify-self: center;
-}
-
-.rbe-media-align-right {
-  justify-self: end;
-}
-
-.rbe-image-replace-hint {
-  position: absolute;
-  left: 50%;
-  bottom: 14px;
-  transform: translateX(-50%);
-  opacity: 0;
-  pointer-events: none;
-  border-radius: 999px;
-  background: rgba(15, 23, 42, 0.78);
-  color: #ffffff;
-  padding: 7px 12px;
-  font-size: 12px;
-  font-weight: 720;
-  transition: opacity 0.18s ease;
-}
-
-.rbe-image-gallery:hover .rbe-image-replace-hint {
-  opacity: 1;
-}
-
-.rbe-dropzone,
-.rbe-upload-dropzone {
-  position: relative;
-  min-height: 210px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  text-align: center;
-  color: #4b5563;
-  border: 2px dashed #c8d2df;
-  border-radius: 18px;
-  background: linear-gradient(180deg, #fbfcff 0%, #f4f7fc 100%);
-  padding: 26px 20px;
-  cursor: pointer;
-  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
-}
-
-.rbe-upload-dropzone:hover,
-.rbe-upload-dropzone:focus-within {
-  border-color: #7c3aed;
-  background: #fbf9ff;
-  box-shadow: 0 18px 38px rgba(124, 58, 237, 0.14);
-  transform: translateY(-1px);
-}
-
-.rbe-upload-input {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  opacity: 0;
-  pointer-events: none;
-}
-
-.rbe-upload-icon {
-  width: 68px;
-  height: 54px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: #6d3df5;
-  font-size: 52px;
-  line-height: 1;
-}
-
-.rbe-upload-dropzone strong {
-  color: #374151;
-  font-size: 16px;
-  font-weight: 760;
-}
-
-.rbe-upload-main {
-  color: #374151;
-  font-size: 16px;
-}
-
-.rbe-upload-dropzone small {
-  margin-top: 6px;
-  color: #8a94a6;
-  font-size: 13px;
-}
-
-.rbe-attachment-dropzone {
-  min-height: 170px;
-}
-
-.rbe-media-tools {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto auto;
-  gap: 8px;
-  margin-top: 10px;
-  align-items: center;
-}
-
-.rbe-table-toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-bottom: 10px;
-}
-
-.rbe-table-layout {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  align-items: center;
-  justify-content: flex-start;
-  margin-bottom: 10px;
-  padding: 8px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #fbfdff;
-}
-
-.rbe-table-width-label,
-.rbe-table-align-label,
-.rbe-table-border-style-label,
-.rbe-table-border-width-label {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  color: var(--rbe-muted);
-  font-size: 13px;
-  font-weight: 680;
-}
-
-.rbe-table-width-label > span:first-child,
-.rbe-table-align-label > span:first-child,
-.rbe-table-border-style-label > span:first-child,
-.rbe-table-border-width-label > span:first-child {
-  white-space: nowrap;
-}
-
-.rbe-table-width {
-  width: 150px;
-  accent-color: var(--rbe-accent);
-}
-
-.rbe-table-border-width {
-  width: 112px;
-  accent-color: var(--rbe-accent);
-}
-
-.rbe-table-width-value,
-.rbe-table-border-width-value {
-  min-width: 42px;
-  color: var(--rbe-text);
-  font-weight: 760;
-}
-
-.rbe-table-align,
-.rbe-table-border-style {
-  min-width: 104px;
-}
-
-.rbe-table-layout .select2-container {
-  width: auto !important;
-  min-width: 104px;
-  flex: 0 0 auto;
-}
-
-.rbe-table-stage {
-  width: 100%;
-  overflow: auto;
-}
-
-.rbe-table {
-  width: 100%;
-  border-collapse: collapse;
-  table-layout: fixed;
-  --rbe-table-border-width: 1px;
-  --rbe-table-border-style: solid;
-}
-
-.rbe-table-wrap[data-align="left"] .rbe-table {
-  margin-left: 0;
-  margin-right: auto;
-}
-
-.rbe-table-wrap[data-align="center"] .rbe-table {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.rbe-table-wrap[data-align="right"] .rbe-table {
-  margin-left: auto;
-  margin-right: 0;
-}
-
-.rbe-table th,
-.rbe-table td {
-  min-width: 88px;
-  min-height: 38px;
-  border: var(--rbe-table-border-width) var(--rbe-table-border-style) var(--rbe-border);
-  padding: 8px;
-  vertical-align: top;
-  outline: 0;
-  word-break: break-word;
-}
-
-.rbe-table th {
-  background: #eef5ff;
-  font-weight: 720;
-}
-
-.rbe-table-heading-toggle {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  margin-top: 10px;
-  color: var(--rbe-muted);
-  font-size: 14px;
-}
-
-.rbe-embed-frame {
-  width: 100%;
-  aspect-ratio: 16 / 9;
-  border: 0;
-  border-radius: 7px;
-  background: #111827;
-}
-
-.rbe-callout {
-  display: grid;
-  grid-template-columns: 120px minmax(0, 1fr);
-  gap: 10px;
-  align-items: start;
-  border-left-width: 5px;
-}
-
-.rbe-callout[data-tone="info"] {
-  border-left-color: var(--rbe-accent);
-  background: #f6faff;
-}
-
-.rbe-callout[data-tone="success"] {
-  border-left-color: var(--rbe-success);
-  background: #f2fbf7;
-}
-
-.rbe-callout[data-tone="warning"] {
-  border-left-color: var(--rbe-warning);
-  background: #fff9ef;
-}
-
-.rbe-callout[data-tone="danger"] {
-  border-left-color: var(--rbe-danger);
-  background: #fff5f5;
-}
-
-.rbe-delimiter-wrap {
-  position: relative;
-  display: grid;
-  place-items: center;
-  gap: 10px;
-}
-
-.rbe-divider-toolbar {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  z-index: 4;
-  display: inline-flex;
-  gap: 4px;
-  padding: 4px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 999px;
-  background: rgba(255, 255, 255, 0.96);
-  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
-  opacity: 0;
-  pointer-events: none;
-  transform: translate(-50%, -50%) scale(0.96);
-  transition: opacity 0.16s ease, transform 0.16s ease;
-}
-
-.rbe-delimiter-wrap:hover .rbe-divider-toolbar,
-.rbe-divider-toolbar:focus-within {
-  opacity: 1;
-  pointer-events: auto;
-  transform: translate(-50%, -50%) scale(1);
-}
-
-.rbe-delimiter-wrap.rbe-divider-toolbar-dismissed .rbe-divider-toolbar {
-  opacity: 0;
-  pointer-events: none;
-  transform: translate(-50%, -50%) scale(0.96);
-}
-
-.rbe-divider-style-btn {
-  width: 28px;
-  height: 28px;
-  display: grid;
-  place-items: center;
-  border: 1px solid transparent;
-  border-radius: 999px;
-  background: #ffffff;
-  color: #344054;
-  cursor: pointer;
-}
-
-.rbe-divider-style-btn:hover,
-.rbe-divider-style-btn.is-active {
-  border-color: var(--rbe-accent);
-  background: var(--rbe-accent-soft);
-  color: #143f91;
-}
-
-.rbe-delimiter {
-  width: 100%;
-  height: 1px;
-  border: 0;
-  background: var(--rbe-border-strong);
-  margin: 20px 0;
-}
-
-.rbe-delimiter-wrap[data-style="dashed"] .rbe-delimiter {
-  height: 0;
-  border-top: 2px dashed var(--rbe-border-strong);
-  background: transparent;
-}
-
-.rbe-delimiter-wrap[data-style="dotted"] .rbe-delimiter {
-  height: 0;
-  border-top: 3px dotted var(--rbe-border-strong);
-  background: transparent;
-}
-
-.rbe-delimiter-wrap[data-style="thick"] .rbe-delimiter {
-  height: 4px;
-  border-radius: 999px;
-}
-
-.rbe-button-block,
-.rbe-toggle,
-.rbe-link-preview {
-  border: 1px solid var(--rbe-border);
-  border-radius: var(--rbe-radius);
-  background: #ffffff;
-  padding: 12px;
-}
-
-.rbe-button-controls,
-.rbe-link-preview-fields {
-  display: grid;
-  grid-template-columns: minmax(140px, 1fr) minmax(180px, 1.4fr) minmax(74px, 0.35fr) minmax(74px, 0.35fr) minmax(120px, 0.55fr);
-  gap: 8px;
-  align-items: center;
-  margin-bottom: 12px;
-}
-
-.rbe-link-preview-fields {
-  grid-template-columns: minmax(180px, 1.2fr) minmax(140px, 1fr) minmax(180px, 1.4fr);
-}
-
-.rbe-button-preview {
-  min-height: 42px;
-}
-
-.rbe-button-color-label {
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  min-height: 34px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #ffffff;
-  color: var(--rbe-muted);
-  padding: 6px 8px;
-  font-size: 12px;
-  font-weight: 740;
-}
-
-.rbe-button-color-label input[type="color"] {
-  width: 28px;
-  height: 22px;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-}
-
-.rbe-button-link {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 38px;
-  border-radius: 8px;
-  padding: 8px 14px;
-  font-weight: 760;
-  text-decoration: none;
-  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
-}
-
-.rbe-button-link:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12);
-}
-
-.rbe-button-link-primary {
-  background: var(--rbe-accent);
-  color: #ffffff;
-}
-
-.rbe-button-link-secondary {
-  border: 1px solid var(--rbe-border);
-  background: #ffffff;
-  color: var(--rbe-text);
-}
-
-.rbe-button-link-success {
-  background: var(--rbe-success);
-  color: #ffffff;
-}
-
-.rbe-button-link-dark {
-  background: #111827;
-  color: #ffffff;
-}
-
-.rbe-toggle {
-  background: #fbfdff;
-}
-
-.rbe-toggle-summary {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  list-style: none;
-  cursor: pointer;
-  font-weight: 760;
-}
-
-.rbe-toggle-summary::-webkit-details-marker {
-  display: none;
-}
-
-.rbe-toggle-arrow {
-  width: 28px;
-  height: 28px;
-  display: grid;
-  place-items: center;
-  flex: 0 0 auto;
-  border: 0;
-  border-radius: 999px;
-  background: transparent;
-  color: var(--rbe-text);
-  cursor: pointer;
-  transition: transform 0.16s ease, background 0.16s ease;
-}
-
-.rbe-toggle-arrow:hover {
-  background: var(--rbe-accent-soft);
-}
-
-.rbe-toggle[open] .rbe-toggle-arrow {
-  transform: rotate(90deg);
-}
-
-.rbe-toggle-title {
-  width: min(520px, 100%);
-  margin-left: 0;
-}
-
-.rbe-toggle-content {
-  margin-top: 5px;
-  padding: 10px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #ffffff;
-}
-
-.rbe-toggle-nested-canvas {
-  display: grid;
-  gap: 12px;
-}
-
-.rbe-toggle-nested-canvas > .rbe-block {
-  margin-top: 0;
-  padding-right: 0;
-}
-
-.rbe-link-preview-card,
-.rbe-output-link-preview {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-  gap: 4px 10px;
-  align-items: center;
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: #f8fbff;
-  color: var(--rbe-text);
-  padding: 12px;
-  text-decoration: none;
-}
-
-.rbe-link-preview-icon {
-  grid-row: span 2;
-  display: grid;
-  place-items: center;
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  background: #eaf1ff;
-  color: var(--rbe-accent);
-}
-
-.rbe-link-preview-card-title,
-.rbe-output-link-preview strong {
-  font-weight: 780;
-}
-
-.rbe-link-preview-card-description,
-.rbe-output-link-preview span:last-child {
-  color: var(--rbe-muted);
-  font-size: 13px;
-}
-
-.rbe-output-delimiter {
-  border: 0;
-  height: 1px;
-  background: var(--rbe-border-strong);
-  margin: 20px 0;
-}
-
-.rbe-output-delimiter-dashed {
-  height: 0;
-  border-top: 2px dashed var(--rbe-border-strong);
-  background: transparent;
-}
-
-.rbe-output-delimiter-dotted {
-  height: 0;
-  border-top: 3px dotted var(--rbe-border-strong);
-  background: transparent;
-}
-
-.rbe-output-delimiter-thick {
-  height: 4px;
-  border-radius: 999px;
-}
-
-.rbe-output-quote,
-.preview blockquote.rbe-output-quote {
-  border-left: 5px solid #a3aab8;
-  border-radius: 8px;
-  background: #f3f4f6;
-  color: #263244;
-  margin: 0 0 15px;
-  padding: 14px 16px;
-  font-style: italic;
-}
-
-.rbe-output-quote footer {
-  margin-top: 8px;
-  color: var(--rbe-muted);
-  font-size: 13px;
-}
-
-.rbe-output-code {
-  overflow: hidden;
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: var(--rbe-code-bg, #f3f4f6);
-  color: var(--rbe-code-text, #172033);
-  margin: 0 0 15px;
-}
-
-.rbe-output-code-title {
-  padding: 7px 10px;
-  border-bottom: 1px solid rgba(15, 23, 42, 0.12);
-  background: var(--rbe-code-header-bg, #e5e7eb);
-  color: var(--rbe-code-header-text, #172033);
-  font-size: 12px;
-  font-weight: 760;
-  text-transform: uppercase;
-  letter-spacing: 0;
-}
-
-.rbe-output-code pre {
-  max-height: 360px;
-  margin: 0;
-  padding: 12px;
-  overflow: auto;
-}
-
-.rbe-output-code code {
-  font: 13px/1.5 "Cascadia Code", Consolas, "Liberation Mono", monospace;
-  white-space: pre;
-}
-
-.rbe-output-toggle {
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: #fbfdff;
-  padding: 10px 12px;
-  margin: 0 0 15px;
-}
-
-.rbe-output-toggle summary {
-  cursor: pointer;
-  font-weight: 760;
-}
-
-.rbe-raw-preview {
-  margin-top: 10px;
-  background: #fbfdff;
-  overflow: hidden;
-}
-
-.rbe-raw-frame {
-  display: block;
-  width: 100%;
-  min-height: 360px;
-  border: 0;
-  border-radius: calc(var(--rbe-radius) - 2px);
-  background: #ffffff;
-}
-
-.rbe-output-raw-frame {
-  display: block;
-  width: 100%;
-  min-height: 420px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: #ffffff;
-  margin: 0 0 15px;
-}
-
-.rbe-output-raw-html {
-  display: block;
-  width: 100%;
-  margin: 0 0 15px;
-}
-
-.rbe-output-raw-html > *:first-child {
-  margin-top: 0;
-}
-
-.rbe-output-raw-html > *:last-child {
-  margin-bottom: 0;
-}
-
-.rbe-attachment {
-  display: block;
-}
-
-.rbe-attachment-grid {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 10px;
-  align-items: start;
-  margin-bottom: 15px;
-}
-
-.rbe-attachment-icon {
-  width: 54px;
-  height: 54px;
-  display: grid;
-  place-items: center;
-  border-radius: 7px;
-  background: #e9f7f1;
-  color: var(--rbe-success);
-  font-weight: 780;
-  font-size: 22px;
-}
-
-.rbe-attachment-fields {
-  display: grid;
-  gap: 8px;
-}
-
-.rbe-attachment-link {
-  color: var(--rbe-accent);
-  font-weight: 650;
-}
-
-.rbe-attachment-label {
-  display: none;
-  color: var(--rbe-text);
-  font-weight: 720;
-}
-
-.rbe-attachment-card {
-  position: relative;
-  width: 112px;
-  min-height: 112px;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 10px;
-  background: #f8fbff;
-  color: var(--rbe-text);
-  text-align: center;
-  text-decoration: none;
-  padding: 10px;
-  overflow: hidden;
-  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
-  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
-}
-
-.rbe-attachment-card-link {
-  width: 100%;
-  min-height: 90px;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
-  color: inherit;
-  text-align: center;
-  text-decoration: none;
-  transition: filter 0.18s ease, transform 0.18s ease;
-}
-
-.rbe-attachment-card:hover {
-  border-color: var(--rbe-accent);
-  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16);
-  transform: translateY(-1px);
-}
-
-.rbe-attachment-card-icon {
-  color: var(--rbe-success);
-  font-size: 28px;
-  line-height: 1;
-}
-
-.rbe-attachment-card[data-kind="pdf"] .rbe-attachment-card-icon,
-.rbe-attachment-card[data-kind="pdf"] .rbe-attachment-card-type {
-  color: #dc2626;
-}
-
-.rbe-attachment-card[data-kind="word"] .rbe-attachment-card-icon,
-.rbe-attachment-card[data-kind="word"] .rbe-attachment-card-type {
-  color: #2563eb;
-}
-
-.rbe-attachment-card[data-kind="excel"] .rbe-attachment-card-icon,
-.rbe-attachment-card[data-kind="excel"] .rbe-attachment-card-type {
-  color: #16a34a;
-}
-
-.rbe-attachment-card[data-kind="powerpoint"] .rbe-attachment-card-icon,
-.rbe-attachment-card[data-kind="powerpoint"] .rbe-attachment-card-type {
-  color: #ea580c;
-}
-
-.rbe-attachment-card[data-kind="video"] .rbe-attachment-card-icon,
-.rbe-attachment-card[data-kind="video"] .rbe-attachment-card-type {
-  color: #7c3aed;
-}
-
-.rbe-attachment-card[data-kind="text"] .rbe-attachment-card-icon,
-.rbe-attachment-card[data-kind="text"] .rbe-attachment-card-type {
-  color: #475569;
-}
-
-.rbe-attachment-card-type {
-  color: #0f172a;
-  font-size: 12px;
-  font-weight: 820;
-  letter-spacing: 0.04em;
-}
-
-.rbe-attachment-card-name {
-  max-width: 100%;
-  color: #475467;
-  font-size: 11px;
-  line-height: 1.25;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-}
-
-.rbe-attachment-card small {
-  color: #8a94a6;
-  font-size: 10px;
-  line-height: 1.2;
-}
-
-.rbe-attachment-replace-hint {
-  flex: 0 0 100%;
-  color: #8a94a6;
-  font-size: 11px;
-  font-weight: 650;
-}
-
-.rbe-attachment-delete-menu {
-  position: absolute;
-  inset: 0;
-  z-index: 3;
-  display: grid;
-  place-items: center;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.18s ease;
-}
-
-.rbe-attachment-card.is-editable:hover .rbe-attachment-delete-menu,
-.rbe-attachment-delete-menu:focus-within {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.rbe-attachment-delete-menu .rbe-media-delete {
-  position: static;
-  width: 34px;
-  height: 34px;
-  opacity: 1;
-  pointer-events: auto;
-  transform: none;
-}
-
-.rbe-inline-toolbar {
-  position: fixed;
-  z-index: 2147483001;
-  transform: none;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 4px;
-  max-width: calc(100vw - 16px);
-  overflow-x: auto;
-  padding: 5px;
-  border: 1px solid var(--rbe-border);
-  border-radius: var(--rbe-radius);
-  background: #ffffff;
-  box-shadow: var(--rbe-shadow);
-}
-
-.rbe-inline-select {
-  min-height: 30px;
-  border-radius: 7px;
-  font-size: 13px;
-}
-
-.rbe-inline-toolbar[hidden],
-.rbe-menu[hidden] {
-  display: none;
-}
-
-.rbe-inline-btn {
-  min-width: 30px;
-  height: 30px;
-  border-radius: 7px;
-  padding: 0 8px;
-  cursor: pointer;
-  font-weight: 700;
-}
-
-.rbe-inline-btn.is-active {
-  border-color: var(--rbe-accent);
-  background: var(--rbe-accent-soft);
-  color: #143f91;
-  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.18);
-}
-
-.rbe-color-control {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  min-height: 30px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #ffffff;
-  padding: 2px 4px;
-  cursor: pointer;
-}
-
-.rbe-color-icon {
-  min-width: 14px;
-  color: #111827;
-  font-size: 13px;
-  font-weight: 800;
-  line-height: 1;
-  text-align: center;
-}
-
-.rbe-color-input {
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  border: 0;
-  border-radius: 5px;
-  background: #fff;
-  cursor: pointer;
-}
-
-.rbe-color-reset {
-  width: 20px;
-  height: 20px;
-  display: grid;
-  place-items: center;
-  border: 0;
-  border-radius: 999px;
-  background: transparent;
-  color: var(--rbe-muted);
-  padding: 0;
-  cursor: pointer;
-  font-size: 11px;
-}
-
-.rbe-color-reset:hover {
-  background: var(--rbe-surface-soft);
-  color: var(--rbe-danger);
-}
-
-.rbe .select2-container {
-  font-family: var(--rbe-font);
-  font-size: 14px;
-}
-
-.rbe .select2-container--default .select2-selection--single {
-  min-height: 34px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: var(--rbe-surface);
-}
-
-.rbe .select2-container--default .select2-selection--single .select2-selection__rendered {
-  line-height: 32px;
-  color: var(--rbe-text);
-  padding-left: 9px;
-}
-
-.rbe .select2-container--default .select2-selection--single .select2-selection__arrow {
-  height: 32px;
-}
-
-.rbe-inline-toolbar .select2-container--default .select2-selection--single {
-  min-height: 30px;
-}
-
-.rbe-inline-toolbar .select2-container--default .select2-selection--single .select2-selection__rendered {
-  line-height: 28px;
-}
-
-.select2-container--open {
-  z-index: 2147483003;
-}
-
-.select2-search--dropdown {
-  display: none;
-}
-
-.rbe-menu {
-  position: fixed;
-  z-index: 2147483000;
-  width: min(340px, calc(100% - 24px));
-  max-height: min(440px, calc(100vh - 24px));
-  overflow: auto;
-  border: 1px solid var(--rbe-border);
-  border-radius: var(--rbe-radius);
-  background: #ffffff;
-  box-shadow: var(--rbe-shadow);
-  padding: 8px;
-}
-
-.rbe-menu-section + .rbe-menu-section {
-  margin-top: 8px;
-  padding-top: 8px;
-  border-top: 1px solid var(--rbe-border);
-}
-
-.rbe-menu-title {
-  padding: 6px 8px;
-  color: var(--rbe-muted);
-  font-size: 12px;
-  font-weight: 750;
-  text-transform: uppercase;
-  letter-spacing: 0;
-}
-
-.rbe-menu-item {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 44px minmax(0, 1fr);
-  gap: 8px;
-  align-items: center;
-  min-height: 50px;
-  margin: 2px 0;
-  padding: 7px;
-  border-radius: 7px;
-  cursor: pointer;
-  text-align: left;
-}
-
-.rbe-menu-icon {
-  width: 34px;
-  height: 34px;
-  display: grid;
-  place-items: center;
-  border-radius: 7px;
-  background: var(--rbe-surface-soft);
-  color: var(--rbe-text);
-  font-size: 12px;
-  font-weight: 800;
-}
-
-.rbe-menu-icon .rbe-fa-icon {
-  font-size: 15px;
-}
-
-.rbe-menu-item strong,
-.rbe-menu-item small {
-  display: block;
-}
-
-.rbe-menu-item strong {
-  font-size: 14px;
-}
-
-.rbe-menu-item small,
-.rbe-empty-menu {
-  color: var(--rbe-muted);
-  font-size: 12px;
-}
-
-.rbe-empty-menu {
-  padding: 12px;
-}
-
-.rbe[data-readonly="true"] .rbe-block-controls,
-.rbe[data-readonly="true"] .rbe-block-actions,
-.rbe[data-readonly="true"] .rbe-editor-toolbar,
-.rbe[data-readonly="true"] .rbe-inline-toolbar {
-  display: none;
-}
-
-.rbe-output-checklist {
-  display: grid;
-  gap: 8px;
-  margin: 0 0 15px;
-  padding: 0;
-  list-style: none;
-}
-
-.rbe-output-checklist-item {
-  display: grid;
-  grid-template-columns: 22px minmax(0, 1fr);
-  gap: 8px;
-  align-items: start;
-}
-
-.rbe-output-checklist-nested {
-  grid-column: 2;
-  margin: 6px 0 0;
-  padding-left: 0;
-}
-
-.rbe-output-check {
-  width: 22px;
-  height: 22px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 2px;
-  color: #64748b;
-  font-size: 18px;
-  font-weight: 900;
-  line-height: 1;
-}
-
-.rbe-output-check.is-checked {
-  color: #16a34a;
-}
-
-.rbe-output-check.is-nested {
-  font-size: 17px;
-}
-
-.rbe-output-image-figure {
-  margin: 0 0 15px;
-}
-
-.rbe-output-image,
-.preview .rbe-output-image,
-.preview img {
-  display: block;
-  max-width: 100%;
-  max-height: 360px;
-  width: auto;
-  height: auto;
-  object-fit: contain;
-}
-
-.rbe-output-image-figure figcaption {
-  margin-top: 6px;
-  color: var(--rbe-muted);
-  font-size: 13px;
-}
-
-.rbe-output-image-figure > figcaption,
-.rbe-output-audio > figcaption {
-  display: none;
-}
-
-.rbe-output-embed-figure {
-  display: grid;
-  justify-items: center;
-  gap: 8px;
-  margin: 0 0 15px;
-}
-
-.rbe-output-embed,
-.preview .rbe-output-embed,
-.preview iframe {
-  display: block;
-  width: 100%;
-  max-width: 560px;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 15px;
-  aspect-ratio: 16 / 9;
-  border: 0;
-  border-radius: 7px;
-  background: #111827;
-}
-
-.rbe-output-embed-figure figcaption {
-  text-align: center;
-  color: var(--rbe-muted);
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.rbe-output-embed-link {
-  text-align: center;
-}
-
-.rbe-output-table-wrap {
-  width: 100%;
-  overflow: auto;
-  margin: 0 0 15px;
-}
-
-.rbe-output-table-wrap table {
-  border-collapse: collapse;
-  table-layout: fixed;
-}
-
-.rbe-output-table-wrap th,
-.rbe-output-table-wrap td {
-  border: 1px solid var(--rbe-border);
-  padding: 8px;
-  text-align: left;
-  vertical-align: top;
-}
-
-.rbe-output-table-wrap th {
-  background: #eef5ff;
-}
-
-.rbe-output-columns {
-  display: grid;
-  grid-template-columns: repeat(var(--rbe-columns, 2), minmax(180px, 1fr));
-  gap: 12px;
-  margin: 0 0 15px;
-  overflow-x: auto;
-}
-
-.rbe-output-column {
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: #ffffff;
-  padding: 12px;
-  min-width: 0;
-}
-
-.rbe-output-column-header {
-  margin: -12px -12px 10px;
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--rbe-border);
-  border-radius: 8px 8px 0 0;
-  background: #eef5ff;
-  font-weight: 760;
-  text-align: left;
-}
-
-.rbe-output-column-body {
-  min-width: 0;
-}
-
-@media (max-width: 760px) {
-  .rbe-output-columns {
-    grid-template-columns: 1fr;
-  }
-}
-
-.rbe-output-outline-list {
-  display: grid;
-  gap: 6px;
-  margin: 0 0 15px;
-  padding-left: 0;
-  list-style: none;
-}
-
-.rbe-output-outline-list .rbe-output-outline-list {
-  margin: 6px 0 0 24px;
-}
-
-.rbe-output-outline-list li {
-  display: block;
-}
-
-.rbe-output-list-marker {
-  display: inline-block;
-  min-width: 34px;
-  margin-right: 6px;
-  color: var(--rbe-muted);
-  font-variant-numeric: tabular-nums;
-}
-
-.rbe-output-callout,
-.preview .rbe-output-callout {
-  display: block;
-  padding: 12px 14px;
-  margin: 0 0 15px;
-  border-radius: 8px;
-  color: var(--rbe-text);
-}
-
-.rbe-output-callout-info {
-  border-left: 5px solid var(--rbe-accent);
-  background: #f6faff;
-}
-
-.rbe-output-callout-success {
-  border-left: 5px solid var(--rbe-success);
-  background: #f2fbf7;
-}
-
-.rbe-output-callout-warning {
-  border-left: 5px solid var(--rbe-warning);
-  background: #fff9ef;
-}
-
-.rbe-output-callout-danger {
-  border-left: 5px solid var(--rbe-danger);
-  background: #fff5f5;
-}
-
-.rbe-output-toggle > summary {
-  margin-bottom: 5px;
-  font-weight: 760;
-  cursor: pointer;
-}
-
-.rbe-comment-mark {
-  background: #fff2a8;
-  border-bottom: 2px dotted #b76b00;
-  cursor: help;
-}
-
-.rbe-output-annotation {
-  position: relative;
-  display: inline-block;
-  background: #fff2a8;
-  border-bottom: 2px dotted #b76b00;
-  padding: 0 2px;
-}
-
-.rbe-output-annotation::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 100%;
-  display: none;
-  width: min(280px, 82vw);
-  height: 12px;
-}
-
-.rbe-output-annotation-card {
-  position: absolute;
-  left: 0;
-  top: calc(100% + 2px);
-  z-index: 20;
-  display: none;
-  width: min(280px, 82vw);
-  padding: 10px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 8px;
-  background: #ffffff;
-  box-shadow: var(--rbe-shadow);
-  color: var(--rbe-text);
-  text-align: left;
-}
-
-.rbe-output-annotation:hover::after,
-.rbe-output-annotation.is-open::after {
-  display: block;
-}
-
-.rbe-output-annotation:hover .rbe-output-annotation-card,
-.rbe-output-annotation:focus-within .rbe-output-annotation-card,
-.rbe-output-annotation.is-open .rbe-output-annotation-card {
-  display: grid;
-  gap: 8px;
-}
-
-.rbe-output-annotation-note {
-  color: var(--rbe-muted);
-  font-size: 13px;
-}
-
-.rbe-output-annotation-reply {
-  width: 100%;
-  min-height: 54px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  padding: 7px;
-  font: inherit;
-  resize: vertical;
-}
-
-.rbe-output-annotation-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 6px;
-}
-
-.rbe-output-annotation-actions button {
-  width: 30px;
-  height: 30px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #ffffff;
-  color: var(--rbe-text);
-  cursor: pointer;
-}
-
-.rbe-output-annotation-resolve:hover {
-  border-color: var(--rbe-success);
-  color: var(--rbe-success);
-}
-
-.rbe-output-annotation-decline:hover {
-  border-color: var(--rbe-danger);
-  color: var(--rbe-danger);
-}
-
-.rbe-output-annotation-decline-form[hidden] {
-  display: none;
-}
-
-.rbe-output-annotation-decline-form {
-  display: grid;
-  gap: 6px;
-}
-
-.rbe-output-annotation-save-decline {
-  justify-self: end;
-  min-height: 30px;
-  border: 1px solid var(--rbe-border);
-  border-radius: 7px;
-  background: #ffffff;
-  color: var(--rbe-text);
-  padding: 4px 9px;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 720;
-  cursor: pointer;
-}
-
-.rbe-output-annotation-save-decline:hover {
-  border-color: var(--rbe-danger);
-  color: var(--rbe-danger);
-}
-
-.rbe-output-annotation-history {
-  display: grid;
-  gap: 4px;
-}
-
-.rbe-output-annotation-history-item {
-  display: block;
-  border-radius: 6px;
-  background: #f8fafc;
-  color: var(--rbe-muted);
-  padding: 5px 6px;
-  font-size: 12px;
-}
-
-.rbe-output-annotation.is-resolved {
-  background: #ecfdf3;
-  border-bottom-color: var(--rbe-success);
-}
-
-.rbe-output-annotation.is-resolved .rbe-output-annotation-resolve {
-  border-color: var(--rbe-success);
-  background: var(--rbe-success);
-  color: #ffffff;
-}
-
-.rbe-output-annotation.is-declined {
-  background: #fff5f5;
-  border-bottom-color: var(--rbe-danger);
-}
-
-.rbe-output-annotation.is-declined .rbe-output-annotation-decline {
-  border-color: var(--rbe-danger);
-  background: var(--rbe-danger);
-  color: #ffffff;
-}
-
-.preview ul,
-.preview ol {
-  padding-left: 22px;
-}
-
-.preview li > ul,
-.preview li > ol {
-  margin-top: 6px;
-  padding-left: 22px;
-}
-
-.preview > * {
-  margin-bottom: 15px;
-}
-
-.preview .rbe-output-outline-list {
-  padding-left: 0;
-}
-
-.preview .rbe-output-outline-list .rbe-output-outline-list {
-  padding-left: 0;
-}
-
-.rbe[data-readonly="true"] .rbe-canvas {
-  overflow-y: auto;
-}
-
-.rbe[data-readonly="true"] .rbe-block {
-  display: block;
-  padding: 6px 10px;
-}
-
-.rbe[data-readonly="true"] .rbe-block + .rbe-block {
-  margin-top: 15px;
-}
-
-.rbe[data-readonly="true"] .rbe-heading-wrap,
-.rbe[data-readonly="true"] .rbe-list-wrap,
-.rbe[data-readonly="true"] .rbe-checklist-wrap,
-.rbe[data-readonly="true"] .rbe-callout {
-  display: block;
-}
-
-.rbe[data-readonly="true"] .rbe-raw-input {
-  display: none;
-}
-
-.rbe[data-readonly="true"] .rbe-raw-preview {
-  margin-top: 0;
-}
-
-.rbe[data-readonly="true"] .rbe-upload-dropzone {
-  display: none;
-}
-
-.rbe[data-readonly="true"] .rbe-heading-level,
-.rbe[data-readonly="true"] .rbe-list-tools,
-.rbe[data-readonly="true"] .rbe-checklist-tools,
-.rbe[data-readonly="true"] .rbe-table-toolbar,
-.rbe[data-readonly="true"] .rbe-table-layout,
-.rbe[data-readonly="true"] .rbe-media-tools,
-.rbe[data-readonly="true"] .rbe-button-controls,
-.rbe[data-readonly="true"] .rbe-link-preview-fields,
-.rbe[data-readonly="true"] .rbe-toggle-tools,
-.rbe[data-readonly="true"] .rbe-divider-toolbar,
-.rbe[data-readonly="true"] .rbe-image-caption,
-.rbe[data-readonly="true"] .rbe-embed-caption,
-.rbe[data-readonly="true"] .rbe-quote-caption,
-.rbe[data-readonly="true"] .rbe-code-header,
-.rbe[data-readonly="true"] .rbe-table-heading-toggle,
-.rbe[data-readonly="true"] .rbe-attachment-name,
-.rbe[data-readonly="true"] .rbe-attachment-url,
-.rbe[data-readonly="true"] .rbe-attachment-file,
-.rbe[data-readonly="true"] .rbe-list-add,
-.rbe[data-readonly="true"] .rbe-list-remove,
-.rbe[data-readonly="true"] .rbe-checklist-add,
-.rbe[data-readonly="true"] .rbe-check-remove,
-.rbe[data-readonly="true"] .rbe-callout-tone {
-  display: none;
-}
-
-.rbe[data-readonly="true"] .rbe-list-item {
-  grid-template-columns: 28px minmax(0, 1fr);
-}
-
-.rbe[data-readonly="true"] .rbe-check-item {
-  grid-template-columns: 28px minmax(0, 1fr);
-}
-
-.rbe[data-readonly="true"] .rbe-attachment {
-  padding: 10px;
-  border: 1px solid var(--rbe-border);
-  border-radius: var(--rbe-radius);
-  background: #fbfdff;
-}
-
-.rbe[data-readonly="true"] .rbe-attachment-fields {
-  align-content: center;
-}
-
-.rbe[data-readonly="true"] .rbe-attachment-link {
-  display: inline-flex;
-  align-items: center;
-  min-height: 34px;
-}
-
-.rbe[data-readonly="true"] .rbe-attachment-label {
-  display: inline-flex;
-  align-items: center;
-  min-height: 34px;
-}
-
-.rbe[data-readonly="true"] .rbe-editable {
-  box-shadow: none;
-}
-
-@media (max-width: 720px) {
-  .rbe-shell-brand {
-    margin-bottom: 10px;
-  }
-
-  .rbe-shell-subtitle {
-    font-size: 14px;
-    line-height: 1.45;
-  }
-
-  .rbe-shell-panel-title {
-    grid-template-columns: 1fr;
-    align-items: stretch;
-    gap: 7px;
-  }
-
-  .rbe-shell-heading,
-  .rbe-shell-status,
-  .rbe-shell-progress {
-    grid-column: 1;
-    justify-self: stretch;
-    width: 100%;
-    text-align: left;
-  }
-
-  .rbe-shell-progress-text {
-    text-align: left;
-  }
-
-  .rbe-shell-editor-wrap {
-    padding: 8px;
-  }
-
-  .rbe-canvas {
-    padding: 12px 8px 28px;
-    min-height: min(var(--rbe-min-height), calc(100dvh - 172px));
-    max-height: min(var(--rbe-max-height, 680px), calc(100dvh - 150px));
-  }
-
-  .rbe-block {
-    grid-template-columns: 30px minmax(0, 1fr);
-    gap: 5px;
-  }
-
-  .rbe-block-controls {
-    opacity: 1;
-  }
-
-  .rbe-control-btn {
-    width: 25px;
-    height: 25px;
-  }
-
-  .rbe-heading-wrap,
-  .rbe-list-wrap,
-  .rbe-callout,
-  .rbe-button-controls,
-  .rbe-link-preview-fields {
-    grid-template-columns: 1fr;
-  }
-
-  .rbe-h1 {
-    font-size: 30px;
-  }
-
-  .rbe-h2 {
-    font-size: 25px;
-  }
-
-  .rbe-h3 {
-    font-size: 21px;
-  }
-
-  .rbe-media-tools {
-    grid-template-columns: 1fr;
-  }
-
-  .rbe-inline-toolbar {
-    left: 8px !important;
-    right: 8px !important;
-    max-width: none;
-    max-height: min(50dvh, 360px);
-    overflow: auto;
-    justify-content: flex-start;
-  }
-}
-
-@media (max-width: 560px) {
-  .rbe-canvas {
-    padding-left: 6px;
-    padding-right: 6px;
-  }
-
-  .rbe-block {
-    grid-template-columns: minmax(0, 1fr);
-    gap: 6px;
-  }
-
-  .rbe-block-controls {
-    grid-column: 1;
-    grid-row: 1;
-    justify-content: flex-start;
-    padding-top: 0;
-  }
-
-  .rbe-block-body {
-    grid-column: 1;
-    grid-row: 2;
-    overflow-x: clip;
-  }
-
-  .rbe-table-toolbar {
-    gap: 6px;
-    max-width: 100%;
-    overflow-x: auto;
-    flex-wrap: nowrap;
-    padding-bottom: 2px;
-  }
-
-  .rbe-table-toolbar .rbe-small-btn {
-    flex: 0 0 auto;
-    min-width: 32px;
-    height: 32px;
-    padding: 4px 7px;
-  }
-
-  .rbe-table-layout {
-    max-width: 100%;
-    overflow: hidden;
-  }
-
-  .rbe-table-wrap,
-  .rbe-plugin-card {
-    width: calc(100% - 8px);
-    max-width: calc(100% - 8px);
-    overflow: hidden;
-  }
-
-  .rbe-table-width,
-  .rbe-table-border-width {
-    width: calc(100% - 8px);
-    justify-self: start;
-  }
-
-  .rbe-table-width-label,
-  .rbe-table-border-width-label {
-    grid-template-columns: 48px minmax(0, 1fr);
-  }
-
-  .rbe-table-align-label,
-  .rbe-table-border-style-label {
-    grid-template-columns: 48px minmax(0, 1fr);
-  }
-
-  .rbe-table-width-value,
-  .rbe-table-border-width-value {
-    display: none;
-  }
-}
-
-@media (max-width: 1024px) {
-  .rbe-editor-toolbar {
-    justify-content: flex-start;
-  }
-
-  .rbe-html-preview-modal {
-    padding: 12px;
-  }
-
-  .rbe-html-preview-shell {
-    height: calc(100dvh - 24px);
-  }
-
-  .rbe-code-header,
-  .rbe-raw-header,
-  .rbe-table-toolbar,
-  .rbe-table-layout,
-  .rbe-button-controls,
-  .rbe-link-preview-fields {
-    min-width: 0;
-  }
-
-  .rbe-button-controls {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .rbe-link-preview-fields {
-    grid-template-columns: 1fr;
-  }
-
-  .rbe-table-layout {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    align-items: stretch;
-  }
-
-  .rbe-table-width-label,
-  .rbe-table-border-width-label {
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr) auto;
-    align-items: center;
-    min-width: 0;
-  }
-
-  .rbe-table-align-label,
-  .rbe-table-border-style-label {
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr);
-    align-items: center;
-    min-width: 0;
-  }
-
-  .rbe-table-width,
-  .rbe-table-border-width {
-    width: 100%;
-    min-width: 0;
-  }
-
-  .rbe-output-table-wrap,
-  .rbe-table-stage,
-  .rbe-raw-preview,
-  .rbe-output-raw-frame {
-    max-width: 100%;
-  }
-}
-
-@media (max-width: 560px) {
-  .rbe {
-    --rbe-radius: 7px;
-  }
-
-  .rbe-editor-toolbar {
-    gap: 5px;
-  }
-
-  .rbe-history-btn {
-    min-height: 34px;
-    padding: 5px 8px;
-  }
-
-  .rbe-history-btn .rbe-button-text {
-    display: none;
-  }
-
-  .rbe-save-btn .rbe-button-text {
-    display: inline;
-  }
-
-  .rbe-export-menu {
-    right: auto;
-    left: 0;
-  }
-
-  .rbe-history-panel {
-    right: auto;
-    left: 0;
-    width: min(320px, calc(100vw - 20px));
-  }
-
-  .rbe-canvas {
-    padding: 10px 6px 24px;
-  }
-
-  .rbe-block {
-    grid-template-columns: 1fr;
-    gap: 7px;
-    padding: 8px 6px;
-  }
-
-  .rbe-block-controls {
-    grid-row: 1;
-    justify-content: flex-start;
-    align-items: center;
-    padding-top: 0;
-    opacity: 1;
-  }
-
-  .rbe-block-body {
-    grid-row: 2;
-    width: 100%;
-    max-width: calc(100vw - 76px);
-    overflow-x: hidden;
-  }
-
-  .rbe-block-actions {
-    position: static;
-    grid-row: 3;
-    justify-self: flex-start;
-    max-width: 100%;
-    overflow-x: auto;
-    opacity: 1;
-    pointer-events: auto;
-    transform: none;
-  }
-
-  .rbe-image,
-  .rbe-embed,
-  .rbe-attachment,
-  .rbe-table-wrap,
-  .rbe-callout,
-  .rbe-raw-wrap,
-  .rbe-button-block,
-  .rbe-toggle,
-  .rbe-link-preview {
-    padding: 10px;
-  }
-
-  .rbe-heading-wrap,
-  .rbe-list-wrap,
-  .rbe-checklist-wrap,
-  .rbe-callout {
-    grid-template-columns: 1fr;
-    min-width: 0;
-    max-width: 100%;
-  }
-
-  .rbe-heading-level,
-  .rbe-list-style,
-  .rbe-callout-tone,
-  .rbe-code-language,
-  .rbe input[type="text"],
-  .rbe input[type="url"],
-  .rbe textarea,
-  .rbe select {
-    min-width: 0;
-  }
-
-  .rbe-h1 {
-    font-size: 27px;
-  }
-
-  .rbe-h2 {
-    font-size: 23px;
-  }
-
-  .rbe-h3 {
-    font-size: 20px;
-  }
-
-  .rbe-paragraph,
-  .rbe-callout .rbe-editable {
-    width: calc(100vw - 96px) !important;
-    max-width: 100% !important;
-  }
-
-  .rbe-list,
-  .rbe-checklist,
-  .rbe-list-add {
-    grid-column: 1;
-  }
-
-  .rbe-list-tools,
-  .rbe-checklist-tools {
-    grid-template-columns: 1fr;
-  }
-
-  .rbe-list,
-  .rbe-checklist {
-    padding-right: 10px;
-  }
-
-  .rbe-list-item,
-  .rbe-check-item {
-    grid-template-columns: 22px 24px minmax(0, 1fr);
-    gap: 5px;
-    max-width: 100%;
-  }
-
-  .rbe-list-marker,
-  .rbe-check-toggle {
-    grid-column: 1;
-    grid-row: 1;
-  }
-
-  .rbe-list-text,
-  .rbe-check-text {
-    grid-column: 3;
-    grid-row: 1;
-  }
-
-  .rbe-list-item .rbe-row-remove,
-  .rbe-check-item .rbe-check-remove {
-    grid-column: 2;
-    grid-row: 1;
-    justify-self: center;
-  }
-
-  .rbe-row-add {
-    justify-self: start;
-  }
-
-  .rbe-list-item .rbe-row-remove,
-  .rbe-check-item .rbe-check-remove {
-    width: 24px;
-    height: 24px;
-    min-width: 24px;
-  }
-
-  .rbe-check-toggle {
-    width: 22px;
-    height: 22px;
-  }
-
-  .rbe-list-item[data-level="1"],
-  .rbe-check-item[data-level="1"] {
-    margin-left: 18px;
-  }
-
-  .rbe-list-item[data-level="2"],
-  .rbe-check-item[data-level="2"] {
-    margin-left: 34px;
-  }
-
-  .rbe-list-item[data-level="3"],
-  .rbe-check-item[data-level="3"] {
-    margin-left: 50px;
-  }
-
-  .rbe-list-item[data-level="4"],
-  .rbe-check-item[data-level="4"] {
-    margin-left: 66px;
-  }
-
-  .rbe-code-header .rbe-code-language,
-  .rbe-code-header .select2-container,
-  .rbe-inline-toolbar .select2-container {
-    width: min(176px, 100%) !important;
-    min-width: 0;
-  }
-
-  .rbe-code-editor,
-  .rbe-raw-editor {
-    height: min(260px, 45dvh);
-  }
-
-  .rbe-raw-frame {
-    min-height: 260px;
-  }
-
-  .rbe-dropzone,
-  .rbe-upload-dropzone {
-    min-height: 170px;
-    padding: 20px 12px;
-  }
-
-  .rbe-upload-icon {
-    width: 54px;
-    height: 44px;
-    font-size: 42px;
-  }
-
-  .rbe-table-layout {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: 8px;
-  }
-
-  .rbe-table-width,
-  .rbe-table-border-width {
-    width: 100%;
-    min-width: 0;
-  }
-
-  .rbe-table-width-label,
-  .rbe-table-border-width-label,
-  .rbe-table-align-label,
-  .rbe-table-border-style-label {
-    width: 100%;
-  }
-
-  .rbe-table-width-value,
-  .rbe-table-border-width-value {
-    min-width: 34px;
-    text-align: right;
-    white-space: nowrap;
-  }
-
-  .rbe-table-layout .select2-container,
-  .rbe-table-align,
-  .rbe-table-border-style {
-    width: 100% !important;
-  }
-
-  .rbe-button-controls {
-    grid-template-columns: 1fr;
-  }
-
-  .rbe-output-embed,
-  .preview .rbe-output-embed,
-  .preview iframe {
-    max-width: 100%;
-  }
-
-  .rbe-output-columns {
-    grid-template-columns: 1fr !important;
-  }
-
-  .rbe-output-code pre,
-  .rbe-output-table-wrap,
-  .rbe-output-raw-frame {
-    max-height: 52dvh;
-  }
-
-  .rbe-output-annotation-card {
-    left: 50%;
-    transform: translateX(-50%);
-  }
-}
-
-@media (max-width: 380px) {
-  .rbe-history-btn {
-    min-width: 34px;
-    justify-content: center;
-    padding-left: 7px;
-    padding-right: 7px;
-  }
-
-  .rbe-save-btn .rbe-button-text {
-    display: none;
-  }
-
-  .rbe-inline-btn {
-    min-width: 28px;
-    padding: 0 6px;
-  }
-
-  .rbe-color-input {
-    width: 22px;
-    height: 22px;
-  }
-
-  .rbe-list-tools,
-  .rbe-checklist-tools {
-    grid-template-columns: 1fr;
-  }
-}