.data-state{display:grid;justify-items:center;gap:10px;min-height:180px;padding:38px 20px;border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:color-mix(in srgb,var(--paper) 82%,transparent);color:var(--muted);text-align:center}.data-state>svg{width:26px;height:26px;color:var(--accent)}.data-state.is-loading>svg{animation:data-state-spin .9s linear infinite}.data-state p{max-width:420px;font-family:var(--font-serif);font-size:var(--text-md);line-height:1.55}.data-state button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font-size:var(--text-sm);font-weight:800;cursor:pointer}.data-state button:hover{border-color:var(--ink)}.data-state button svg{width:15px;height:15px}@keyframes data-state-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.data-state.is-loading>svg{animation:none}}