.site-ed { }

.site-ed .site-ed-bar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 99999;
  display: flex; align-items: center; gap: 8px;
  font: 600 13px/1 'Inter', system-ui, sans-serif; color: #fff;
  background: linear-gradient(90deg, #15263f, #2a3f63);
  padding: 10px 18px; box-shadow: 0 6px 20px rgba(15,28,50,.28);
  letter-spacing: .01em;
}
.site-ed .site-ed-bar b { color: #e9c98a; font-weight: 700; }
.site-ed .site-ed-dot { width: 9px; height: 9px; border-radius: 50%; background: #57d38c; box-shadow: 0 0 0 0 rgba(87,211,140,.6); animation: siteEdPulse 1.8s infinite; }
.site-ed .site-ed-stat { margin-left: auto; font-weight: 500; opacity: .82; }
@keyframes siteEdPulse { 0%{box-shadow:0 0 0 0 rgba(87,211,140,.5)} 70%{box-shadow:0 0 0 7px rgba(87,211,140,0)} 100%{box-shadow:0 0 0 0 rgba(87,211,140,0)} }

.site-ed { padding-top: 38px !important; }
.site-ed .header { top: 38px !important; }

.site-ed .site-ed-tx {
  cursor: text; border-radius: 2px;
  transition: background .15s, box-shadow .15s;
}
.site-ed .site-ed-tx:hover { background: rgba(166,124,67,.13); box-shadow: 0 0 0 1px rgba(166,124,67,.45); }
.site-ed .site-ed-tx[contenteditable] {
  background: rgba(166,124,67,.14);
  box-shadow: 0 0 0 2px #a67c43, 0 0 0 5px rgba(166,124,67,.18);
  cursor: text; outline: none;
}

.site-ed .site-ed-im, .site-ed .site-ed-bg {
  cursor: pointer; transition: outline-color .15s, filter .15s, box-shadow .15s;
}
.site-ed .site-ed-im { outline: 2px dashed rgba(166,124,67,.5); outline-offset: 3px; }
.site-ed .site-ed-im:hover { outline: 2px solid #a67c43; filter: brightness(.93); }
.site-ed .site-ed-bg { box-shadow: inset 0 0 0 2px rgba(166,124,67,.45); }
.site-ed .site-ed-bg:hover { box-shadow: inset 0 0 0 3px #a67c43; }
.site-ed .site-ed-im.is-uploading, .site-ed .site-ed-bg.is-uploading { filter: grayscale(.4) brightness(.8); animation: siteEdBlink 1s infinite; }
@keyframes siteEdBlink { 50% { opacity: .55; } }

.site-ed-mediabtn {
  position: fixed; z-index: 99999; transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 7px;
  font: 700 12px/1 'Inter', system-ui, sans-serif; letter-spacing: .02em;
  color: #15263f; background: #fff; border: 1px solid #e9c98a;
  padding: 9px 14px; border-radius: 9px; cursor: pointer;
  box-shadow: 0 10px 28px rgba(15,28,50,.32);
}
.site-ed-mediabtn svg { width: 15px; height: 15px; }
.site-ed-mediabtn:hover { background: #a67c43; color: #fff; border-color: #a67c43; }

.site-ed .site-ed-toast {
  position: fixed; bottom: 22px; left: 50%; transform: translate(-50%, 20px);
  z-index: 99999; background: #15263f; color: #fff;
  font: 600 13px/1 'Inter', system-ui, sans-serif; letter-spacing: .01em;
  padding: 12px 20px; border-radius: 10px; box-shadow: 0 14px 36px rgba(15,28,50,.4);
  opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s;
}
.site-ed .site-ed-toast.show { opacity: 1; transform: translate(-50%, 0); }
.site-ed .site-ed-toast.is-err { background: #c2384a; }
.site-ed .site-ed-toast::before { content: '✓ '; color: #7ee0a6; }
.site-ed .site-ed-toast.is-err::before { content: '⚠ '; color: #ffd2d2; }