.loading-state{width:100%;min-width:0;padding:16px 0}.loading-state-shape,.loading-surface{animation:loading-state-appear .1s var(--ease-out,ease-out) .12s both, loading-state-breathe 1.6s ease-in-out .22s infinite}.loading-surface *{animation:none!important}.loading-state i{background:hsl(var(--border));border-radius:3px;max-width:100%;height:8px;display:block}.loading-state-row{grid-template-columns:repeat(var(--loading-columns,4), minmax(0, 1fr));border-bottom:1px solid hsl(var(--border));align-items:center;gap:24px;min-height:52px;padding:12px 16px;display:grid}.loading-state-row>span{gap:8px;min-width:0;display:grid}.loading-state-row i{width:68%}.loading-state-row:nth-child(2n) i{width:82%}.loading-state-row i+i{opacity:.55;width:45%;height:6px}.loading-state-heading{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:24px;min-height:38px;padding:8px 16px;display:flex}.loading-state-heading i{width:22%;height:7px}.loading-state-heading i+i{width:12%}.loading-state--detail{max-width:640px;padding:20px 0}.loading-state--detail .loading-state-row{border:0;grid-template-columns:minmax(0,1fr);min-height:44px;padding-inline:0}.loading-state--detail .loading-state-row:first-child i{width:38%;height:16px;margin-bottom:12px}.loading-state--list .loading-state-row{grid-template-columns:minmax(0,1fr);min-height:64px}.loading-state--preview{min-height:320px;padding:24px}.loading-state--preview .loading-state-row{border:0;grid-template-columns:minmax(0,1fr);min-height:44px}.loading-indicator{min-height:24px;color:hsl(var(--muted-foreground));align-items:center;gap:8px;font-size:12px;font-weight:400;line-height:1.5;display:inline-flex}.loading-indicator>i{border:1.5px solid;border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite loading-state-spin}@keyframes loading-state-appear{0%{opacity:0}to{opacity:1}}@keyframes loading-state-breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes loading-state-spin{to{transform:rotate(360deg)}}@media (width<=600px){.loading-state--table .loading-state-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.loading-state--table .loading-state-row>span:nth-child(n+3){display:none}.loading-state--preview{padding:16px}}@media (prefers-reduced-motion:reduce){.loading-state-shape,.loading-surface,.loading-indicator>i{animation:none}}.motion-loading-reveal.is-revealed>.t-skel-skeleton{animation:none}