.loading-state{box-sizing:border-box;gap:var(--sc-space-4,16px);color:var(--text);flex-direction:column;font-size:14px;display:flex}.loading-state-head{align-items:center;gap:var(--sc-space-3,12px);min-width:0;display:flex}.loading-state-cards,.loading-state-list{text-align:left;align-items:stretch;width:100%}.loading-state-block{min-height:240px;padding:var(--sc-space-6,24px);text-align:center;justify-content:center;align-items:center}.loading-state-block .loading-state-head{gap:var(--sc-space-3,12px);flex-direction:column}.loading-state-inline{padding:4px 0}.loading-state-inline .loading-state-head{gap:var(--sc-space-2,8px)}.loading-state-inline .loading-state-spinner{border-width:2px;width:14px;height:14px}.loading-state-inline .loading-state-title{font-size:14px;font-weight:500}.loading-state-spinner{border:3px solid var(--line-strong);border-top-color:var(--text);border-radius:50%;flex:none;width:36px;height:36px;animation:.9s linear infinite loading-state-spin}.loading-state-text{flex-direction:column;gap:4px;min-width:0;display:flex}.loading-state-title{color:var(--text);margin:0;font-size:15px;font-weight:600;line-height:1.4}.loading-state-dots{vertical-align:baseline;gap:2px;margin-left:2px;display:inline-flex}.loading-state-dots i{opacity:.25;background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite loading-state-dot;display:inline-block}.loading-state-dots i:nth-child(2){animation-delay:.2s}.loading-state-dots i:nth-child(3){animation-delay:.4s}.loading-state-hint{color:var(--text-dim);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.loading-state-slow{color:var(--text-faint);margin:0;font-size:12px;line-height:1.5}.loading-state-card-grid{gap:var(--sc-space-4,16px);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));width:100%;display:grid}.loading-state-card{border:1px solid var(--line);border-radius:var(--sc-radius-sm,8px);background:var(--bg-panel);background-image:linear-gradient(90deg, var(--bg-raised) 0%, var(--bg-raised-hover) 50%, var(--bg-raised) 100%);background-size:200% 100%;min-height:260px;animation:1.4s ease-in-out infinite loading-state-shimmer;display:block}.loading-state-line-stack{gap:var(--sc-space-3,12px);flex-direction:column;display:flex}.loading-state-row{border-radius:var(--sc-radius-full,999px);background:var(--bg-raised);background-image:linear-gradient(90deg, var(--bg-raised) 0%, var(--bg-raised-hover) 50%, var(--bg-raised) 100%);background-size:200% 100%;height:14px;animation:1.4s ease-in-out infinite loading-state-shimmer;display:block}.loading-state-shimmer{background-color:var(--bg-raised);background-image:linear-gradient(90deg, var(--bg-raised) 0%, var(--bg-raised-hover) 50%, var(--bg-raised) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite loading-state-shimmer}@keyframes loading-state-spin{to{transform:rotate(360deg)}}@keyframes loading-state-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes loading-state-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=640px){.loading-state-card-grid{gap:var(--sc-space-2,8px);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}}@media (prefers-reduced-motion:reduce){.loading-state-spinner,.loading-state-dots i,.loading-state-card,.loading-state-row,.loading-state-shimmer{animation:none!important}.loading-state-dots i{opacity:.6}}
