/* Keep layout and the film visible; reveal editable content only after the
 * saved snapshot has been applied to the hydrated document. */
html[data-ui-copy-state="loading"] body,
html[data-ui-copy-state="error"] body{visibility:hidden}
html[data-ui-copy-state="loading"] #account-overlay,
html[data-ui-copy-state="error"] #account-overlay{visibility:visible}
html[data-ui-copy-state][data-official-news-enabled] .hero,
html[data-ui-copy-state] .saved-content-status{visibility:visible}
html[data-site-state="loading"] :is(.site-header,.environment-bar,.preview-bar,.site-footer,#main){visibility:hidden}
html[data-site-state="loading"] #main .boot-loading{visibility:visible}
.saved-content-status{position:fixed;right:20px;bottom:20px;z-index:10000;max-width:calc(100vw - 40px);padding:12px 16px;border:1px solid #e2e4e5;border-radius:8px;background:#fff;color:#454b51;font:13px/1.6 system-ui,sans-serif;box-shadow:0 4px 20px #0001}
.saved-content-status button,.saved-media-status button{border:1px solid #d5d9dc;border-radius:4px;background:#fff;color:#30363b;padding:5px 10px;font:inherit;cursor:pointer;margin-left:8px}
[data-saved-media-state="loading"], [data-saved-media-state="error"]{position:relative}
img[data-saved-media-state]:not([data-saved-media-state="ready"]){visibility:hidden}
.saved-media-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;gap:6px;padding:20px;background:#f4f5f6;color:#70777e;font:13px/1.7 system-ui,sans-serif;text-align:center}
.saved-media-status[hidden]{display:none!important}