.cloudbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:12px}
.cloudbar .cloudstate{flex:1;min-width:170px}.cloudbar .cloudstate b{display:block;font-size:13px}.cloudbar .cloudstate span{display:block;color:var(--mute);overflow-wrap:anywhere}
.cloudbar .btn{font-size:12px;padding:6px 12px;min-height:36px}
.cloudissue{flex:1 1 100%;padding:10px;border:1px solid var(--danger);border-radius:7px}.cloudissue p{margin:0 0 8px}.cloudissue .btn{margin:3px}
.cloud-import{flex:1 1 100%;padding:14px;border:1px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.cloud-import>b{font-size:14px}.cloud-import p{margin:7px 0;font-size:13px;line-height:1.7}.cloud-import small{display:block;color:var(--mute);font-size:12px}.cloud-import-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cloud-import-actions+small{margin-top:10px}
.cloudbar details{flex-basis:100%}.cloudbar summary{cursor:pointer;color:var(--mute)}.cloudtools{display:flex;flex-wrap:wrap;gap:7px;padding-top:8px}
#cloud-account{position:relative;display:inline-flex;align-items:center}.account-trigger{display:inline-flex;align-items:center;gap:7px;min-height:36px;font-size:12px;padding:7px 11px;white-space:nowrap;list-style:none;cursor:pointer}.account-trigger::-webkit-details-marker{display:none}
.account-menu{position:relative}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:70;width:230px;padding:12px;box-sizing:border-box;display:grid;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 12px 30px #0005}
.account-dropdown>b{font-size:14px;overflow-wrap:anywhere}.account-dropdown>span{font-size:12px;color:var(--mute)}.account-dropdown>.btn{justify-content:flex-start;text-align:left;font-size:12px;min-height:36px}
.cloudlogin{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:22px;width:min(410px,calc(100vw - 32px));box-sizing:border-box;max-height:85dvh;overflow:auto}
.cloudlogin::backdrop{background:rgba(0,0,0,.65)}.cloudlogin h2{margin:0 0 10px;font-size:18px}.cloudlogin p{font-size:13px;line-height:1.8}.cloudlogin .close{float:right}.cloudlogin #radar-google-button{min-height:44px;margin:16px 0}.cloudlogin .cloudmsg{color:var(--danger);font-size:13px;overflow-wrap:anywhere}
.wrap.cloud-lock #stage-body,.wrap.cloud-lock #fhead,.wrap.cloud-lock #modebar,.wrap.cloud-lock .tabbar{pointer-events:none;opacity:.55}
@media(min-width:1024px){.wrap .cloudbar,.wrap.easy .cloudbar{grid-area:cloud;margin:12px 0 0}}
@media(max-width:1023px){header.top{flex-wrap:wrap;gap:12px}.brand{flex:1 1 100%}.hright{margin-left:auto;justify-content:flex-end}}
@media(max-width:450px){.cloudbar{padding:10px;gap:6px}.cloudbar .cloudstate{flex-basis:100%}.cloud-import{padding:12px}.hright{gap:8px}.account-trigger{padding:7px 10px}}