.publish-status{display:flex;justify-content:flex-end;max-width:1640px;width:calc(100% - 48px);margin:0 auto 10px;padding:0;border:0;background:none;font:12px/1.4 system-ui,sans-serif}
.publish-status-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.publish-status button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid #d8ddd5;border-radius:8px;background:#fafbf8;color:#536154;cursor:pointer;font:inherit;font-weight:600}
.publish-status[data-state="success"] button{color:#176448;border-color:#bfd7c8;background:#f1f8f3}
.publish-status[data-state="error"] button{color:#98521b;border-color:#e5ceb6;background:#fff8ef}
.publish-status button:hover{filter:brightness(.97)}
.publish-status button:focus-visible{outline:3px solid #44856b;outline-offset:3px}
.publish-status button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.publish-status{width:calc(100% - 24px)}}