body.site-edit-mode { padding-bottom: 6rem; }
.site-edit-mode [data-edit-key] { position: relative; border-radius: .18rem; outline: 1px dashed rgba(221, 142, 43, .82); outline-offset: .2rem; cursor: text; transition: outline-color .18s, background .18s, box-shadow .18s; }
.site-edit-mode [data-edit-key]:hover { outline-color: #e28c20; background: rgba(255, 225, 178, .16); }
.site-edit-mode [data-edit-key]:focus { outline: 2px solid #e28c20; background: rgba(255, 225, 178, .2); box-shadow: 0 0 0 .42rem rgba(226, 140, 32, .13); }
.site-editor-toolbar { box-sizing: border-box; position: fixed; z-index: 1000; right: 1rem; bottom: 1rem; left: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; max-width: 940px; margin: auto; padding: .85rem 1rem; color: #fff; background: rgba(18, 23, 20, .96); border: 1px solid rgba(255,255,255,.17); border-radius: 1rem; box-shadow: 0 18px 55px rgba(0,0,0,.35); backdrop-filter: blur(16px); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.site-editor-title { display: flex; flex-direction: column; min-width: 0; }
.site-editor-title strong { font-size: .86rem; letter-spacing: .02em; }
.site-editor-title span { overflow: hidden; color: rgba(255,255,255,.67); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.site-editor-title span[data-state="dirty"] { color: #f2c078; }
.site-editor-title span[data-state="saved"] { color: #9bd5a8; }
.site-editor-title span[data-state="error"] { color: #ff9f99; }
.site-editor-actions { display: flex; gap: .55rem; }
.site-editor-toolbar button { min-height: 2.5rem; padding: .55rem .85rem; border: 1px solid rgba(255,255,255,.22); border-radius: 99px; color: #fff; background: transparent; cursor: pointer; font: 800 .72rem/1.2 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.site-editor-toolbar button:hover:not(:disabled), .site-editor-toolbar button:focus-visible { background: rgba(255,255,255,.12); }
.site-editor-toolbar button.site-editor-save { border-color: #d6b28a; color: #172019; background: #d6b28a; }
.site-editor-toolbar button:disabled { cursor: default; opacity: .38; }
@media (max-width: 620px) {
  body.site-edit-mode { padding-bottom: 9rem; }
  .site-editor-toolbar { align-items: stretch; flex-direction: column; }
  .site-editor-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .site-editor-actions .site-editor-save { grid-column: 1 / 3; }
}