
/* Rename: the title area itself is the control; no nested button inside the card button. */
#mb24Library .mb70-title-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  cursor:text!important;
  z-index:8!important;
}
#mb24Library .mb70-title-wrap .mb70-rename-inline{
  display:none!important;
}
#mb24Library .mb70-title-wrap::after{
  content:"✎";
  display:inline-block;
  color:#626d77;
  font-size:10px;
  line-height:1;
  opacity:0;
  transform:translateX(-2px);
  transition:opacity .15s ease,transform .15s ease,color .15s ease;
  pointer-events:none;
}
#mb24Library .mb70-title-wrap:hover::after{
  opacity:1;
  transform:translateX(0);
  color:#c9ad67;
}

/* Preview footer: apply shifts left, export sits to its right. */
#mb70Preview .mb76-preview-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
}
#mb70Preview .mb76-export{
  position:relative;
  overflow:hidden;
  width:38px;
  min-width:38px;
  height:36px;
  padding:0;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.028);
  color:#8f99a2;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}
#mb70Preview .mb76-export svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
#mb70Preview .mb76-export::before{
  content:"";
  position:absolute;top:-35%;left:-50%;width:42%;height:170%;
  transform:skewX(-24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),rgba(255,255,255,.22),rgba(255,255,255,.06),transparent);
  opacity:0;pointer-events:none;
}
#mb70Preview .mb76-export:hover{
  color:#d8c177;border-color:rgba(209,177,95,.25);
  background:rgba(209,177,95,.055);transform:translateY(-1px);
}
#mb70Preview .mb76-export:hover::before{
  opacity:1;animation:mb76Sweep .66s ease-out 1;
}
@keyframes mb76Sweep{from{left:-50%}to{left:125%}}

/* Dedicated rename dialog. */
#mb76Rename{
  position:fixed;inset:0;z-index:54000;
  background:rgba(2,5,8,.78);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  display:flex;align-items:center;justify-content:center;padding:24px;
}
#mb76Rename[hidden]{display:none!important}
