#studioWorkspaceFrame{position:fixed;inset:var(--studio-shell-top,70px) 0 0;width:100%;height:calc(100dvh - var(--studio-shell-top,70px));border:0;z-index:1;background:transparent}
#studioWorkspaceFrame[hidden]{display:none}
body.studio-shell-open .sidebar #nav{visibility:hidden;opacity:0;pointer-events:none}
/* The studio supplies its own navigation below the shared header. Keep the
   transparent workflow sidebar below that frame so it cannot intercept clicks. */
html[data-theme] body.studio-shell-open .app-shell>.sidebar{z-index:1!important}
html[data-theme] body.studio-shell-open .workspace>.topbar .top-actions #topCreateGroupBtn,html[data-theme] body.studio-shell-open .workspace>.topbar .top-actions .top-context-switchers{display:none!important}
.studio-context-controls{display:none;align-items:center;gap:10px;min-width:0}
body.studio-shell-open .studio-context-controls{display:flex}
.studio-context-controls select{height:44px;max-width:190px;min-width:130px;padding:0 32px 0 12px;border:1px solid var(--line2);border-radius:12px;background:var(--page-control);color:var(--text);font:600 14px 'Microsoft YaHei UI',sans-serif}
.studio-context-controls .top-create-group-btn{min-height:44px}
#softwareVersionBadge{position:fixed;left:14px;bottom:4px;z-index:250;pointer-events:none;font:600 12px/18px 'Microsoft YaHei UI',sans-serif;color:var(--muted,#9db0c4);letter-spacing:.03em}
@media(max-width:1100px){.studio-context-controls{gap:6px}.studio-context-controls select{min-width:105px;max-width:150px}}
@media(max-width:700px){.studio-context-controls select{min-width:80px;max-width:110px}.studio-context-controls .top-create-group-btn{padding:5px 8px;font-size:12px}}

body.studio-shell-open #content{visibility:hidden;opacity:0;pointer-events:none}

/* Keep shared controls on one stable row on narrow windows. Context selectors
   use the second row in both workspaces, regardless of account/project count. */
@media(max-width:860px){
  html[data-theme][data-skin] body[data-page] .app-shell>.sidebar{min-height:78px!important}
  html[data-theme][data-skin] body[data-page] .workspace>header.topbar{padding:8px 12px!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;max-height:none!important}
  html[data-theme] body[data-page] .workspace>.topbar>.top-actions-v2{display:flex!important;width:100%!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important}
  .top-actions-v2>.top-points-btn{order:1}
  .top-actions-v2>.notification-wrap{order:2}
  .top-actions-v2>.appearance-controls{order:3;margin-left:auto}
  html[data-theme] body .top-actions-v2>.user-menu-wrap{order:4;margin-left:0!important}
  .top-actions-v2::after{content:"";order:5;flex:0 0 100%;height:0}
  .top-actions-v2>#topCreateGroupBtn{order:6}
  html[data-theme] body[data-page] .top-actions-v2>.top-context-switchers{order:7;flex:1 1 280px!important;width:auto!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .top-actions-v2>.studio-context-controls{order:6;flex:1 1 100%;justify-content:flex-end}
}