.autosave-banner{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:baseline;gap:8px 16px;margin-bottom:16px;color:var(--ink-soft);font-size:.84rem;line-height:1.55}.autosave-banner p{margin:0}.autosave-banner strong{color:var(--ink)}.autosave-banner:not([data-ready]) .autosave-status,.autosave-banner:not([data-ready]) .autosave-message{visibility:hidden}.autosave-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;flex-basis:100%;min-height:24px}.autosave-clear{min-height:24px;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.autosave-banner[data-hint]:not([data-offer]){min-height:160px}@media(max-width:640px){.autosave-banner[data-hint]:not([data-offer]){min-height:277px}}.autosave-banner[data-offer],.autosave-banner[data-hint],.autosave-banner[data-held]{padding:16px;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))}[data-autosave-prompt],[data-autosave-confirm]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;flex-basis:100%;margin-top:8px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink)}[data-autosave-prompt] button,[data-autosave-confirm] button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}[data-autosave-prompt] button:hover,[data-autosave-confirm] button:hover{border-color:var(--accent);color:var(--accent)}.autosave-message{flex-basis:100%}.autosave-message:has(span:empty){display:none}