/* One persistent mode bar; existing screens, editors and requests stay mounted. */
body[data-workspace-mode] #workspace{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.workspace-modes{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-height:62px;padding:8px 18px;margin:0 0 10px;border:1px solid var(--ui-divider);border-radius:14px;background:var(--ui-surface);color:var(--ui-text)}
.workspace-modes>.subtab{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 18px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ui-text-muted);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.workspace-modes>.subtab[aria-selected=true]{background:var(--ui-surface-raised);border-color:var(--ui-control-border);color:var(--ui-link);box-shadow:none}
.workspace-modes>.subtab:hover{background:var(--ui-control-bg)}
.workspace-modes>.subtab:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
.workspace-modes svg{width:19px;height:19px;flex:none}
body[data-workspace-mode] #workspace>:is(#s-chat,#s-code,#s-local){height:auto;flex:1 1 0;min-height:0}
body[data-workspace-mode] #workspace>:is(#s-code,#s-local){overflow:auto;overscroll-behavior:contain}
body:not([data-mobile-workspace]) #studioMoreWorkshops{display:none!important}
.workspace-account-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.workspace-account-links :is(a,button){display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid var(--ui-control-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
.workspace-account-links :is(a,button):hover{background:var(--ui-surface-raised)}
@media(max-width:760px),(max-height:500px) and (pointer:coarse){
 body[data-mobile-workspace]{--workspace-modes-height:54px}
 body[data-mobile-workspace] .workspace-modes{height:var(--workspace-modes-height);min-height:var(--workspace-modes-height);margin:0;border:0;border-bottom:1px solid var(--ui-divider);border-radius:0;padding:5px 10px;gap:4px;z-index:9}
 body[data-mobile-workspace] .workspace-modes>.subtab{flex:1;min-width:0;min-height:44px;padding:7px 6px;gap:6px;font-size:12px}
 body[data-mobile-workspace] .workspace-modes svg{width:17px;height:17px}
 body[data-mobile-workspace][data-workspace-mode] #workspace>:is(#s-chat,#s-code,#s-local){height:auto;min-height:0}
 body[data-mobile-workspace][data-workspace-mode=chat] #s-chat{display:flex;flex-direction:column}
 body[data-mobile-workspace][data-workspace-mode=chat] #s-chat .chat-workspace{flex:1 1 0;min-height:0!important;height:0}
 body[data-mobile-workspace] #s-local:has(#pcChat:not([hidden]))>.mobile-workshop-head{top:calc(var(--studio-visible-top,0px) + var(--workspace-modes-height))}
 body[data-mobile-workspace] #s-local:not([hidden]) #pcChat:not([hidden]){top:calc(var(--studio-visible-top,0px) + var(--workspace-modes-height) + 56px);height:calc(var(--studio-visible-height,100dvh) - var(--workspace-modes-height) - 56px - var(--pc-nav-space,64px))}
}
@media(max-width:350px){body[data-mobile-workspace] .workspace-modes>.subtab{font-size:11px;gap:5px;padding-inline:3px}}