#workspace-transition {
  position:fixed; inset:0; z-index:2147483646;
  display:flex; align-items:center; justify-content:center;
  background:#efebe3; color:#1e1c18; font:400 14px/20px 'IBM Plex Sans',system-ui,sans-serif;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity 160ms ease,visibility 160ms;
}
html[data-workspace-switching] #workspace-transition {opacity:1;visibility:visible;pointer-events:auto;transition:none}
.workspace-transition-card {display:flex;flex-direction:column;align-items:center;gap:12px;max-width:calc(100vw - 48px);padding:32px;text-align:center;border-radius:16px;background:#fff}
#workspace-transition-title {margin:0;font:600 18px/28px 'IBM Plex Sans',system-ui,sans-serif;overflow-wrap:anywhere}
.workspace-transition-spinner {width:24px;height:24px;border:2px solid #e8e3d9;border-top-color:#26241f;border-radius:50%;animation:workspace-switch-spin 800ms linear infinite}
#workspace-transition-recovery {margin:0;color:#5c574e}
#workspace-transition-retry {font:inherit;color:inherit;text-decoration:underline;cursor:pointer;border:0;background:transparent;margin:0;padding:0}
@keyframes workspace-switch-spin {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#workspace-transition{transition:none}.workspace-transition-spinner{animation:none}}