.unsaved-changes-bar{position:fixed;top:10px;left:50%;z-index:1700;max-width:calc(100vw - 32px);transform:translateX(-50%);pointer-events:none}.unsaved-changes-bar__inner{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid var(--ui-border,rgba(125,145,180,.3));border-radius:var(--ui-radius-lg,12px);background:var(--ui-bg-primary,#fff);color:var(--ui-text-primary,#111827);box-shadow:0 8px 24px rgba(15,23,42,.16);white-space:nowrap;pointer-events:auto}.unsaved-changes-bar__icon{color:#d97706}.unsaved-changes-bar__text{overflow:hidden;text-overflow:ellipsis;font-weight:500}.unsaved-changes-bar__inner--shake{animation:unsaved-changes-bar-shake .42s ease-in-out}@keyframes unsaved-changes-bar-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}@keyframes unsaved-changes-bar-highlight{0%{box-shadow:0 0 0 3px #d97706}to{box-shadow:0 8px 24px rgba(15,23,42,.16)}}@media (prefers-reduced-motion:reduce){.unsaved-changes-bar__inner--shake{animation:unsaved-changes-bar-highlight .9s ease-out}}