/* The document and its previews remain visible during connection recovery. */
html[data-se-connection] #popup {display:none!important;}
.se-connection-status {
  position:fixed; z-index:10001;
  bottom:max(16px,env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%);
  display:flex; align-items:center; gap:14px; width:max-content; max-width:calc(100vw - 32px);
  padding:10px 14px; border:1px solid var(--se-chalkline,#c5ccd8); border-radius:10px;
  background:var(--se-surface,#fff); color:var(--se-graphite,#2b2f36);
  box-shadow:0 3px 16px #0002; font:13px/1.4 'Public Sans',system-ui,sans-serif;
}
.se-connection-status[hidden],.se-connection-status button[hidden] {display:none!important;}
.se-connection-copy {min-width:0;}
.se-connection-copy strong {display:block; font-weight:600;}
.se-connection-copy span {display:block; color:var(--se-muted,#5a6270); font-size:12px;}
.se-connection-status button {
  flex:none; min-height:40px; padding:4px 10px; border:0; border-radius:6px;
  background:transparent; color:var(--se-indigo,#35558a); font:inherit; cursor:pointer;
}
.se-connection-status button:focus-visible {outline:2px solid currentColor; outline-offset:2px;}