/* ho-edit.css — floating edit/preview controls + editing affordances.
   Design-neutral, brand-blue accents. Never affects the page layout itself. */
#ho-bar{position:fixed;right:18px;bottom:18px;z-index:2147483000;display:flex;gap:8px;align-items:center;
  padding:8px 10px;border-radius:14px;background:rgba(8,18,38,.86);backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(2,30,80,.35);
  border:1px solid rgba(120,180,240,.28);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
#ho-bar .ho-tag{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9DC2F2;padding:0 6px}
#ho-bar .ho-tag.ho-live{color:#45C6DE}
#ho-bar .ho-b{appearance:none;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600;
  padding:9px 16px;border-radius:10px;background:rgba(255,255,255,.1);color:#EaF2FC;transition:all .18s}
#ho-bar .ho-b:hover{background:rgba(255,255,255,.18)}
#ho-bar .ho-b.ho-primary{background:linear-gradient(135deg,#0A66D4,#024DAE);color:#fff;box-shadow:0 6px 18px rgba(2,77,174,.45)}
#ho-bar .ho-b.ho-primary:hover{filter:brightness(1.08)}
#ho-bar .ho-b.ho-ghost{background:transparent;color:#9DC2F2}
#ho-bar .ho-b.ho-ghost:hover{color:#fff}

#ho-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(12px);z-index:2147483000;
  padding:11px 22px;border-radius:99px;background:#08111F;color:#EaF2FC;font-size:13.5px;font-weight:600;
  font-family:ui-sans-serif,system-ui,sans-serif;border:1px solid rgba(120,180,240,.3);
  box-shadow:0 12px 40px rgba(2,30,80,.4);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
#ho-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* editing affordances */
body.ho-editing [data-edit]{outline:1.5px dashed rgba(2,77,174,.45);outline-offset:3px;border-radius:3px;
  transition:outline-color .15s,background .15s;cursor:text}
body.ho-editing [data-edit]:hover{outline-color:rgba(2,77,174,.85);background:rgba(69,198,222,.06)}
body.ho-editing [data-edit]:focus{outline:2px solid #024DAE;background:rgba(69,198,222,.08)}
body.ho-editing a[data-edit]{pointer-events:none}

@media print{#ho-bar,#ho-toast{display:none}}