.shared-editor-bar { position:fixed; z-index:200; right:12px; bottom:12px; left:12px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:12px 16px; color:#fff; background:#0b1424; border:1px solid #d5a83e; box-shadow:0 8px 28px #0009; font:14px/1.3 system-ui,sans-serif; }
.shared-editor-bar label { display:flex; align-items:center; gap:8px; font-weight:700; }
.shared-editor-bar input { width:150px; padding:8px; color:#fff; background:#111e31; border:1px solid #8792a5; }
.shared-editor-bar button,.shared-editor-history button { padding:9px 12px; color:#101725; background:#eabe47; border:0; font-weight:800; }
.shared-editor-bar button:disabled { opacity:.45; cursor:not-allowed; }
.shared-editor-bar span { flex:1; min-width:180px; color:#d0d7e2; }.shared-editor-bar span.is-error { color:#ffd07b; }
.shared-editor-history { position:fixed; z-index:201; top:10%; right:3%; bottom:10%; width:min(650px,94%); padding:24px; overflow:auto; color:#fff; background:#101827; border:1px solid #d5a83e; box-shadow:0 10px 45px #000b; font:15px/1.5 system-ui,sans-serif; }
.shared-editor-history[hidden] { display:none; }.shared-editor-history h2 { font-size:1.5rem; }.shared-editor-history button { float:right; }.shared-editor-history article { padding:15px 0; border-top:1px solid #ffffff33; }.shared-editor-history article p { margin:8px 0; white-space:pre-wrap; overflow-wrap:anywhere; }