.bk-workspace-loading-card {
  --loading-accent: #7dd9e8;
  --loading-surface: #0b2936;
  --loading-line: #254b59;
  --loading-muted: #a0bdc9;
  --loading-text: #eaf8ff;
  --loading-ghost: rgb(125 217 232 / 11%);
  min-width: 0;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid var(--loading-line);
  border-radius: 20px;
  background: var(--loading-surface);
  color: var(--loading-text);
  overflow: hidden;
}
.bk-workspace-loading-card[data-world="volt"] {
  --loading-accent: #ffb54b;
  --loading-surface: #231c31;
  --loading-line: #51415f;
  --loading-muted: #c1b5d0;
  --loading-text: #f7f2ff;
  --loading-ghost: rgb(221 204 241 / 11%);
}
.bk-workspace-loading-heading { display: flex; align-items: center; gap: 20px; }
.bk-workspace-loading-emblem { position: relative; display: grid; place-items: center; width: 64px; height: 64px; flex: 0 0 64px; color: var(--loading-accent); }
.bk-workspace-loading-emblem > svg { margin: 0; color: inherit; }
.bk-workspace-loading-orbit { position: absolute; inset: 0; border: 2px solid var(--loading-ghost); border-top-color: var(--loading-accent); border-radius: 50%; animation: bk-workspace-orbit 2.4s linear infinite; }
.bk-workspace-loading-copy { min-width: 0; }
.bk-workspace-loading-card .bk-workspace-loading-copy h2 { margin: 0; font-size: clamp(18px, 2vw, 23px); line-height: 1.3; letter-spacing: -.02em; color: var(--loading-text); }
.bk-workspace-loading-card .bk-workspace-loading-copy p { margin: 7px 0 0; font-size: 13px; line-height: 1.5; color: var(--loading-muted); }
.bk-workspace-loading-dots { display: flex; gap: 5px; margin-left: auto; padding-left: 8px; }
.bk-workspace-loading-dots i { width: 5px; height: 5px; border-radius: 50%; background: var(--loading-accent); animation: bk-workspace-pulse 1.8s ease-in-out infinite; }
.bk-workspace-loading-dots i:nth-child(2) { animation-delay: .2s; }
.bk-workspace-loading-dots i:nth-child(3) { animation-delay: .4s; }
.bk-workspace-loading-preview { margin-top: 26px; animation: bk-workspace-breathe 2.4s ease-in-out infinite; }
.bk-workspace-loading-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.bk-workspace-loading-stat { padding: 16px; border: 1px solid var(--loading-line); border-radius: 13px; }
.bk-workspace-loading-shortLine, .bk-workspace-loading-value, .bk-workspace-loading-avatar, .bk-workspace-loading-badge, .bk-workspace-loading-lines i { display: block; background: var(--loading-ghost); border-radius: 6px; }
.bk-workspace-loading-shortLine { width: 65%; height: 7px; }
.bk-workspace-loading-value { width: 32%; height: 19px; margin-top: 12px; }
.bk-workspace-loading-rows { margin-top: 20px; }
.bk-workspace-loading-row { display: flex; align-items: center; gap: 14px; padding: 13px 0; }
.bk-workspace-loading-row + .bk-workspace-loading-row { border-top: 1px solid var(--loading-line); }
.bk-workspace-loading-avatar { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 10px; }
.bk-workspace-loading-lines { display: grid; flex: 1; gap: 8px; }
.bk-workspace-loading-lines i { width: min(60%, 250px); height: 8px; }
.bk-workspace-loading-lines i + i { width: min(38%, 150px); height: 6px; }
.bk-workspace-loading-badge { width: 52px; height: 18px; border-radius: 20px; }
@keyframes bk-workspace-orbit { to { transform: rotate(360deg); } }
@keyframes bk-workspace-pulse { 0%, 100% { opacity: .3; } 50% { opacity: 1; } }
@keyframes bk-workspace-breathe { 0%, 100% { opacity: .55; } 50% { opacity: .9; } }
@media (max-width: 600px) {
  .bk-workspace-loading-heading { gap: 14px; }
  .bk-workspace-loading-emblem { width: 50px; height: 50px; flex-basis: 50px; }
  .bk-workspace-loading-dots { display: none; }
  .bk-workspace-loading-stats { gap: 8px; }
  .bk-workspace-loading-stat { padding: 12px; }
  .bk-workspace-loading-preview { margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .bk-workspace-loading-orbit, .bk-workspace-loading-dots i, .bk-workspace-loading-preview { animation: none; }
  .bk-workspace-loading-preview { opacity: .75; }
}