html:not(.cloud-ready) body> :not(#cloudGate):not(script){visibility:hidden!important}
#cloudGate{position:fixed;inset:0;z-index:2147483647;background:#f5f3ee;padding:10vh 8vw;font-family:Arial,sans-serif;color:#174c3b;visibility:visible!important}
#cloudGate button,#cloudStatus button{cursor:pointer;border:1px solid #afc1b9;border-radius:5px;padding:8px 12px;background:white;color:#174c3b;margin:4px}
#cloudStatus{position:fixed;bottom:0;left:0;right:0;z-index:2147483646;background:#174c3b;color:white;padding:8px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:13px Arial,sans-serif;box-shadow:0 -2px 8px #0002}
#cloudStatus span{flex:1;min-width:220px}#cloudStatus[data-state=error]{background:#8b2d27}#cloudStatus[data-state=saving]{background:#74530c}
html.cloud-ready body{padding-bottom:85px}
html.cloud-error body> :not(#cloudStatus):not(script){pointer-events:none;opacity:.65}