/* GNT Construction — on-page (developer) editor UI.
   Only affects the page when developer mode is active (body.gnt-dev). */

#gntEditorBar{position:fixed;top:0;left:0;right:0;z-index:2147483000;display:none;
  align-items:center;gap:14px;padding:10px 18px;background:#12213f;color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  box-shadow:0 4px 18px rgba(0,0,0,.28)}
body.gnt-dev #gntEditorBar{display:flex}
body.gnt-dev{padding-top:56px!important}
#gntEditorBar .geb-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px;letter-spacing:.02em}
#gntEditorBar .geb-dot{width:9px;height:9px;border-radius:50%;background:#f6b81e;box-shadow:0 0 0 3px rgba(246,184,30,.25)}
#gntEditorBar .geb-hint{font-size:12.5px;color:#aab7d6;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#gntEditorBar .geb-status{font-size:12.5px;color:#f6b81e;margin-right:2px;min-width:0;white-space:nowrap}
#gntEditorBar button{border:0;border-radius:8px;padding:9px 16px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:.15s}
#gntEditorBar .geb-save{background:#f6b81e;color:#3a2c00}
#gntEditorBar .geb-save:hover{background:#ffc93c}
#gntEditorBar .geb-save:disabled{opacity:.45;cursor:default}
#gntEditorBar .geb-ghost{background:transparent;color:#cdd8f5;border:1px solid rgba(255,255,255,.32)}
#gntEditorBar .geb-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
#gntEditorBar .geb-exit{background:transparent;color:#ff9c9c;border:1px solid rgba(255,120,120,.4)}
#gntEditorBar .geb-exit:hover{background:#c0392b;color:#fff;border-color:#c0392b}

/* Editable affordances (dev mode only) */
body.gnt-dev [data-gnt-edit]{outline:1.5px dashed rgba(35,67,154,.42);outline-offset:2px;cursor:text;transition:outline-color .12s,background .12s;border-radius:2px}
body.gnt-dev [data-gnt-edit]:hover{outline-color:#23439A;background:rgba(136,209,252,.16)}
body.gnt-dev [data-gnt-edit].gnt-focus{outline:2px solid #23439A;background:rgba(136,209,252,.2)}
body.gnt-dev [data-gnt-editimg]{outline:2px dashed rgba(35,67,154,.5);outline-offset:2px;cursor:pointer;position:relative}
body.gnt-dev [data-gnt-editimg]:hover{outline-color:#23439A;filter:brightness(.94)}
body.gnt-dev [data-gnt-changed]{outline-color:#1f9d55!important}

/* Small floating "replace image" tag shown on hover */
#gntImgTag{position:absolute;z-index:2147483001;display:none;background:#12213f;color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:12px;font-weight:600;padding:6px 11px;border-radius:7px;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.3)}

#gntEditToast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);z-index:2147483002;
  background:#12213f;color:#fff;padding:12px 22px;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:13.5px;box-shadow:0 8px 28px rgba(0,0,0,.34);opacity:0;pointer-events:none;transition:.25s}
#gntEditToast.on{opacity:1;transform:translateX(-50%) translateY(0)}
#gntEditToast.err{background:#a5271b}

@media(max-width:640px){
  #gntEditorBar{gap:8px;padding:8px 12px;flex-wrap:wrap}
  #gntEditorBar .geb-hint{display:none}
  #gntEditorBar button{padding:8px 12px;font-size:12px}
}