/* Fires.lol V1.0.116 — même barre de sauvegarde que Personnaliser. */
.unsaved-bar {
  position:fixed;left:50%;bottom:24px;z-index:260;
  width:min(760px,calc(100vw - 34px));min-height:64px;
  padding:10px 12px 10px 20px;border:1px solid rgba(255,255,255,.08);
  border-radius:18px;background:rgba(22,21,20,.94);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 22px 70px rgba(0,0,0,.46);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate(-50%,28px) scale(.97);
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.9,.28,1.15),visibility .22s;
}
.unsaved-bar.show {opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.unsaved-bar strong {font-size:14px;color:#fff;letter-spacing:-.01em}
.unsaved-actions {display:flex;align-items:center;gap:8px;flex-shrink:0}
.unsaved-actions button {min-height:42px;padding:0 17px;border-radius:12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:transform .15s ease,background .18s ease,border-color .18s ease,opacity .18s ease}
.unsaved-actions button:active {transform:scale(.97)}
.unsaved-actions button:disabled {opacity:.55;cursor:wait}
.unsaved-actions button:focus-visible {outline:2px solid #ff9c43;outline-offset:2px}
.unsaved-reset {border:1px solid transparent;background:transparent;color:#918b85}
.unsaved-reset:hover {color:#fff;background:#282624}
.unsaved-save {border:1px solid rgba(255,140,45,.38);background:linear-gradient(180deg,#7d3c0e,#582607);color:#fff0df;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.unsaved-save:hover {background:linear-gradient(180deg,#914812,#682d08)}
@media(max-width:650px) {
  .unsaved-bar {bottom:12px;min-height:58px;padding:9px 9px 9px 14px;border-radius:15px;gap:10px}
  .unsaved-bar strong {font-size:12px;max-width:48%}
  .unsaved-actions button {min-height:38px;padding:0 12px;font-size:12px}
}
@media(max-width:430px) {
  .unsaved-bar {flex-wrap:wrap;padding:12px 14px}
  .unsaved-bar strong {max-width:none;width:100%;line-height:1.4}
  .unsaved-actions {justify-content:flex-end;width:100%}
}
@media(prefers-reduced-motion:reduce) {.unsaved-bar,.unsaved-actions button{transition:none}}