.workspace-loading { display:grid; gap:20px; min-block-size:220px; padding-block:12px 24px; color:var(--border,#25333a); }
.workspace-loading-line,.workspace-loading-card span { display:block; border-radius:6px; background:currentColor; opacity:.6; height:12px; }
.workspace-loading-line { width:35%; max-width:240px; }
.workspace-loading-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.workspace-loading-card { display:grid; align-content:start; gap:18px; min-height:150px; padding:24px; border:1px solid currentColor; border-radius:14px; }
.workspace-loading-card span:nth-child(2) { width:55%; height:26px; }
.workspace-loading-card span:last-child { width:75%; height:9px; }
@media(prefers-reduced-motion:no-preference) { .workspace-loading-line,.workspace-loading-card span { animation:workspace-loading-pulse 1.8s ease-in-out infinite alternate; } @keyframes workspace-loading-pulse { to { opacity:.25; } } }
body[data-hub-reduced-motion=true] .workspace-loading :is(span) { animation:none; }
.workspace-loading[hidden] { display:none; }
@media(max-width:760px) { .workspace-loading-cards { grid-template-columns:1fr; } .workspace-loading-card { min-height:110px; padding:20px; gap:14px; } }