.sne-media-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 9px 12px;
  border-bottom: 1px solid #d4e1d8;
  background: #f6faf7;
}
.sne-media-toolbar > div { display: flex; flex-wrap: wrap; gap: 6px; }
.sne-media-toolbar button {
  min-height: 36px;
  padding: 5px 10px;
  border: 1px solid #bed3c6;
  border-radius: 6px;
  color: #285f47;
  background: #fff;
  font: inherit;
  cursor: pointer;
}
.sne-media-toolbar button[aria-pressed="true"] { color: #fff; background: #285f47; border-color: #285f47; }
.sne-media-toolbar button:disabled, .sne-format-toolbar button:disabled { opacity: .55; cursor: default; }
.sne-rich-editor > .sne-source {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 340px;
  padding: 14px 16px;
  border: 0;
  border-radius: 0;
  background: #f8faf9;
  color: #243b31;
  font: 14px/1.65 ui-monospace, Consolas, monospace;
  resize: vertical;
}
.sne-media-note { color: #587367; margin: 8px 0 0; font-size: 13px; line-height: 1.65; }
.sne-preview { background: #fff; }
.news-inline-media { display: block; margin: 16px 0; max-width: 100%; }
.news-inline-media :is(img, video) { display: block; max-width: 100%; height: auto; border-radius: 6px; }
.news-inline-media video { width: 100%; background: #13261c; max-height: 70vh; }
.news-inline-media figcaption { margin-top: 6px; font-size: .9em; color: #587367; line-height: 1.5; }
@media (max-width: 600px) {
  .sne-media-toolbar button { min-height: 42px; }
  .sne-rich-editor > .sne-source { min-height: 260px; }
}

.sne-rich-editor > [hidden] { display: none; }
