/* Account and locale controls belong to Document's original workspace. */
.document-account-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--ink); font:13px/1.4 Inter,sans-serif; }
body > .document-account-controls { visibility:hidden; position:absolute; }
.document-account-controls #accountLink { color:var(--ink); text-decoration:none; padding:8px 0; font-weight:500; }
.document-account-controls #accountLink[hidden] { display:none; }
.document-account-controls .studio-avatar { border-color:var(--line); background:var(--ink); color:white; width:32px; height:32px; }
.document-account-controls .studio-avatar:hover { background:var(--graphite); box-shadow:0 0 0 3px var(--line); }
.document-account-controls .studio-language-button { color:var(--graphite); width:32px; height:32px; }
.document-account-controls .studio-language-button:hover { background:var(--line); color:var(--ink); }
.document-account-controls .studio-account-menu, .document-account-controls .studio-language-menu { top:auto; bottom:calc(100% + 12px); }
.document-account-controls .studio-account-menu { left:0; right:auto; width:220px; }
.document-account-controls .studio-account-action { box-sizing:border-box; }
.sidebar-bottom .document-account-controls { margin-bottom:14px; }
.editor-actions .document-account-controls { margin-left:8px; padding-left:16px; border-left:1px solid var(--line); }
.editor-actions .studio-account-menu, .editor-actions .studio-language-menu { bottom:auto; top:calc(100% + 12px); }
.editor-actions .studio-account-menu { left:auto; right:0; }
@media(max-width:760px) {
 .editor-actions .document-account-controls { gap:6px; padding-left:8px; margin-left:0; }
 .sidebar-bottom .document-account-controls { gap:8px; flex-wrap:wrap; }
}

@media(max-width:800px){
 .sidebar-bottom{display:block;position:static;margin-top:auto;width:100%;padding:16px 0 0;border-top:1px solid var(--line)}
 .sidebar-bottom .document-account-controls{flex-direction:column;align-items:center;margin:0;gap:12px}
 .sidebar-bottom .studio-account-menu,.sidebar-bottom .studio-language-menu{left:calc(100% + 16px);right:auto;bottom:0;top:auto}
}

.workspace-topbar .document-account-controls{gap:16px;justify-content:flex-end}
.workspace-topbar .studio-account-menu,.workspace-topbar .studio-language-menu{bottom:auto;top:calc(100% + 12px);right:0;left:auto}
@media(max-width:600px){.workspace-topbar .document-account-controls{gap:8px}}