body:not(.cloud-ready){visibility:hidden}
body{padding-top:60px!important}
#cloud-nav{position:fixed;top:0;left:0;right:0;height:52px;z-index:1000;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--line,#ddd);background:var(--bg,#fff);color:var(--text,#222);font:14px system-ui}
#cloud-nav a{color:inherit;text-decoration:none;white-space:nowrap}
#cloud-nav a[aria-current=page]{font-weight:700;color:var(--accent,#7255dd)}
#cloud-nav .spacer{flex:1}
#cloud-nav button{font:inherit;background:transparent;color:inherit;border:1px solid var(--line,#aaa);border-radius:7px;padding:6px 10px;cursor:pointer;white-space:nowrap}
.cloud-gate{max-width:560px;margin:15vh auto;padding:32px;line-height:1.8}
.cloud-prefs{max-width:720px;width:90vw;max-height:80vh;padding:24px;border:1px solid #888;border-radius:14px;background:var(--bg,#fff);color:var(--text,#222);overflow:auto}
.cloud-prefs>label{display:inline-flex;padding:8px;gap:6px}.cloud-role{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #8884}.cloud-role strong{flex:1}.cloud-role label{display:grid;gap:6px}.cloud-prefs button{margin:8px;padding:8px 16px}.cloud-prefs select{max-width:180px}
@media(max-width:760px){#cloud-nav{gap:12px;padding:0 12px;overflow:auto}#cloud-nav>span:not(.spacer){display:none}#cloud-nav>button{font-size:12px}#cloud-nav>a:first-child{display:none}}