.state-panel[data-v-df36b636]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.spinner[data-v-df36b636],.state-symbol[data-v-df36b636]{width:1.8rem;height:1.8rem;color:var(--color-brand-strong);background:var(--color-brand-soft);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.spinner[data-v-df36b636]{border:3px solid var(--color-brand-soft);border-top-color:var(--color-brand);background:0 0;animation:.8s linear infinite spin-df36b636}.is-error[data-v-df36b636]{border-color:color-mix(in srgb,var(--color-danger),var(--color-border) 65%);background:var(--color-danger-soft)}.is-error .state-symbol[data-v-df36b636]{color:var(--color-danger);background:#ffded9}.state-copy[data-v-df36b636]{min-width:0}.state-copy h2[data-v-df36b636]{margin:0;font-size:1rem}.state-copy>p[data-v-df36b636]{color:var(--color-muted);margin:.25rem 0 0}.state-actions[data-v-df36b636],.state-body[data-v-df36b636]{margin-top:.8rem}.state-actions[data-v-df36b636]{flex-wrap:wrap;gap:.65rem;display:flex}@keyframes spin-df36b636{to{transform:rotate(1turn)}}@media (width<=24rem){.state-panel[data-v-df36b636]{gap:.75rem;padding:1rem}.state-actions[data-v-df36b636] .ui-button{width:100%}}