.autosave-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;margin-bottom:14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface));font-size:.84rem}
.autosave-banner>div:first-child{display:grid;gap:3px}
.autosave-banner span,.autosave-banner small,.autosave-message{color:var(--ink-soft)}
.autosave-banner [data-autosave-prompt]{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line)}
.autosave-banner [data-autosave-prompt] p{display:inline;margin:0 12px 0 0}
.autosave-banner button{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-weight:700}
.autosave-banner button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.autosave-banner button:disabled{opacity:.5}
.autosave-message{grid-column:1/-1;margin:0;min-height:1.3em}
@media(max-width:560px){.autosave-banner{grid-template-columns:1fr}.autosave-clear{justify-self:start}.autosave-banner [data-autosave-prompt] p{display:block;margin:0 0 10px}}