@layer components{.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--radius-lg);background:var(--color-surface-muted);width:2.875rem;height:2.875rem;color:var(--color-text-faint);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--font-size-h2);letter-spacing:-.01em;font-weight:650}.empty-state-description{color:var(--color-text-muted);max-width:26rem}.empty-state-action{margin-top:var(--space-2)}}