.tcg-save-status{position:fixed;right:16px;bottom:16px;z-index:10300;max-width:min(420px,calc(100vw - 32px));padding:10px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#334155;box-shadow:0 4px 16px #0f172a18;font:600 12px/1.5 system-ui,sans-serif;display:flex;align-items:center;gap:12px}
.tcg-save-status[hidden],.tcg-save-status button[hidden]{display:none}
.tcg-save-status[data-state="error"],.tcg-save-status[data-state="offline"],.tcg-save-status[data-state="dirty"]{border-color:#f59e0b;background:#fffbeb;color:#92400e}
.tcg-save-status[data-state="saved"]{border-color:#10b981;color:#047857}
.tcg-save-status button{flex-shrink:0;border:1px solid currentColor;background:transparent;border-radius:8px;padding:6px 8px;font:inherit;color:inherit;cursor:pointer}
.tcg-save-status button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #6366f1;outline-offset:3px}
@media(max-width:600px){.tcg-save-status{right:12px;bottom:76px;max-width:calc(100vw - 24px);flex-wrap:wrap;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}